| Line 68: | Line 68: | ||
=== Example : iOS_Peek Calendar === | === Example : iOS_Peek Calendar === | ||
{{#Widget:Vimeo|id=95488635|width=300|height=533|start=4s}} | {{#Widget:Vimeo|id=95488635|width=300|height=533|start=4s}} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
---- | ---- | ||
| Line 80: | Line 74: | ||
<div id="sun-col"> | <div id="sun-col"> | ||
| + | === iOS_Yummly === | ||
| + | {{#Widget:Vimeo|id=96633869|width=300|height=533}} | ||
</div> | </div> | ||
[[Category:Metaphoric interaction]] | [[Category:Metaphoric interaction]] | ||
Accordion은 세로로 쌓여진 목록에서 선택한 항목과 관련된 내용이 악기 아코디언처럼 확장되거나 늘어나는 패턴이다. 확장목록은 없을 수도 하나이거나 그 이상일 수도 있으며 리스트에서 많은 공간을 확보하기 위해 사용된다.
Accordion은 탭을 통한 리스트뷰와 유사한 목적을 가지지만 GUI적 효과에서 구분된다.
한정된 화면, 즉 제한된 공간을 사용하는 환경에서 대표성을 띄는 항목들과 각각의 항목에 해당하는 내용을 효과적으로 보기 위한 pattern이 필요하다. Accordion은 각각의 항목에 해당하는 내용을 확장해 보여 줄 수 있는 기능을 제공한다.