Line 2: | Line 2: | ||
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
+ | 메뉴 항목을 따로 선택해도 하위 메뉴 외의 사항이 없는 경우, 굳이 처음 메뉴를 거치지 않고 한번에 이동하는 것이 더 빠르다. 또한, 모든 하위 메뉴를 다 보여주면 메뉴가 너무 길어지는데, Expandable menu는 선택한 메뉴에 대해서만 하위 메뉴를 보여주기에 공간을 효율적으로 사용할 수 있다. | ||
− | * | + | * [[Accordian]]은 접혀있는 부분이 펴지는 메타포적 특성이 강조된 패턴으로, 메뉴 외에도 리스트 화면에서도 이루어진다. 특히, Expandable menu에서는 기존 메뉴를 따로 거치지 않고 바로 하위 메뉴로 이동하는 것이 가장 중요하다. |
Expandable menu는 메뉴 목록에서 한가지 메뉴를 선택하면 선택된 메뉴와 그 다음 메뉴 사이가 늘어나면서 그 안에 하위메뉴가 나타나는 인터랙션 패턴이다. 다른 말로 expandable list, expandable listview라고도 부른다.
메뉴 항목을 따로 선택해도 하위 메뉴 외의 사항이 없는 경우, 굳이 처음 메뉴를 거치지 않고 한번에 이동하는 것이 더 빠르다. 또한, 모든 하위 메뉴를 다 보여주면 메뉴가 너무 길어지는데, Expandable menu는 선택한 메뉴에 대해서만 하위 메뉴를 보여주기에 공간을 효율적으로 사용할 수 있다.