Difference between revisions of "Dial menu"
Navigation menu
From Design pattern
| (4 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
===With this pattern, we can solve...=== | ===With this pattern, we can solve...=== | ||
| − | 현재 선택한 메뉴가 중심에 위치하게 되고 | + | 현재 선택한 메뉴가 중심에 위치하게 되고 highlight 되어, 사용자가 이를 인식할 수 있다. 다른 메뉴에 비해 메뉴 목록의 효율적인 화면배치보다는 사용자가 메뉴를 움직이며 재미를 느낄 수 있는 메타포의 성격이 더 강하다. |
| + | |||
| + | * 메뉴 항목이 5개 내외로 너무 적거나 많지 않을 때 사용한다. | ||
=== Example: iOS_Applauze === | === Example: iOS_Applauze === | ||
| + | [[File:Dial menu.png|310px]] | ||
---- | ---- | ||
| + | |||
=== iOS_Applauze === | === iOS_Applauze === | ||
{{#Widget:Vimeo|id=96709357|width=300|height=533}} | {{#Widget:Vimeo|id=96709357|width=300|height=533}} | ||
| Line 13: | Line 17: | ||
| − | [[Category: | + | [[Category: Look around menus]] |
Latest revision as of 22:06, 17 September 2014
Dial menu는 원형으로 이루어진 메뉴를 하나씩 넘겨서 선택하는 인터랙션 패턴이다. 현재 선택한 메뉴나 기본 메뉴가 중심에 위치하며, 화면에 보여지는 메뉴 항목 중 하나를 tap하면 그 방향으로 하나씩 회전하거나 선택된 메뉴가 중심에 위치하도록 회전이 된다.
With this pattern, we can solve...
현재 선택한 메뉴가 중심에 위치하게 되고 highlight 되어, 사용자가 이를 인식할 수 있다. 다른 메뉴에 비해 메뉴 목록의 효율적인 화면배치보다는 사용자가 메뉴를 움직이며 재미를 느낄 수 있는 메타포의 성격이 더 강하다.
- 메뉴 항목이 5개 내외로 너무 적거나 많지 않을 때 사용한다.
Example: iOS_Applauze
iOS_Applauze