Difference between revisions of "Dial menu"
Navigation menu
From Design pattern
(Created page with "Dial menu는 원형으로 이루어진 메뉴를 회전해서 선택하는 인터랙션 패턴이다. ===With this pattern, we can solve...=== * * === Example: iOS_Applauze...") |
|||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | Dial menu는 원형으로 이루어진 메뉴를 | + | Dial menu는 원형으로 이루어진 메뉴를 하나씩 넘겨서 선택하는 인터랙션 패턴이다. 현재 선택한 메뉴나 기본 메뉴가 중심에 위치하며, 화면에 보여지는 메뉴 항목 중 하나를 tap하면 그 방향으로 하나씩 회전하거나 선택된 메뉴가 중심에 위치하도록 회전이 된다. |
===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 15: | 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