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