Difference between revisions of "Dog-ear button"
Navigation menu
From Design pattern
(→iOS_Do!) |
|||
| (One intermediate revision by one user not shown) | |||
| Line 14: | Line 14: | ||
{{#Widget:Vimeo|id=100292728|width=300|height=533}} | {{#Widget:Vimeo|id=100292728|width=300|height=533}} | ||
| + | === Sony PS Vita === | ||
| + | * #01:24-#01:30 | ||
| + | {{#Widget:Youtube|id=QkcKA7OLiHI|width=665|height=374}} | ||
| − | [[Category: | + | * #00:01-#00:04 |
| + | {{#Widget:Youtube|id=BJzfOUetkkU|width=665|height=374}} | ||
| + | |||
| + | * #03:57-#04:01 | ||
| + | {{#Widget:Youtube|id=C4noJnIW6wc|width=665|height=374}} | ||
| + | |||
| + | |||
| + | [[Category:Metaphoric interaction]] | ||
Latest revision as of 10:30, 19 July 2014
Dog-ear button은 화면 모서리가 접힌 부분을 버튼으로 설정한 인터랙션 패턴이다. Dog-ear button이라는 명칭은 마치 강아지 귀가 접혀있는 것 같이 생겨서 붙여진 이름이다.
With this pattern, we can solve...
화면 구석에 중요도가 높은 버튼을 배치하고자 할때 사용되고, Dog-ear button 부분을 tap 하면 버튼에 할당된 작업이 실행된다.
- 접혀진 부분이 다른 화면구성과 대비될 수 있도록, 적절한 형태로 디자인되어야 한다.
Example
iOS_Do!
- 오른쪽 하단의 Dog-ear button을 이용하여 메뉴와 작성페이지를 왔다갔다 할 수 있다.
Sony PS Vita
- #01:24-#01:30
""
- #00:01-#00:04
""
- #03:57-#04:01
""