From Design pattern
Jump to: navigation, search
Line 9: Line 9:
 
* 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.
 
* 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.
 
{{#Widget:Vimeo|id=93372823|width=399|height=533}}
 
{{#Widget:Vimeo|id=93372823|width=399|height=533}}
 
=== iOS ===
 
* app 그룹으로 들어가고 나오는 상황에서 zoom in zoom out 의 형태로 화면이 보여진다.
 
{{#Widget:Vimeo|id=93550677|width=300|height=533}}
 
  
 
=== Samsung Smart TV ===
 
=== Samsung Smart TV ===
Line 18: Line 14:
 
{{#Widget:Vimeo|id=94916509|width=665|height=374}}
 
{{#Widget:Vimeo|id=94916509|width=665|height=374}}
  
 +
----
 
===Wang Theatre Touch Screen Information Kiosk ===
 
===Wang Theatre Touch Screen Information Kiosk ===
 
* #00:34-00:37
 
* #00:34-00:37
 
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
 
{{#Widget:Vimeo|id=36790650|width=665|height=374}}
  
 +
=== iOS ===
 +
* app 그룹으로 들어가고 나오는 상황에서 zoom in zoom out 의 형태로 화면이 보여진다.
 +
{{#Widget:Vimeo|id=93550677|width=300|height=533}}]
  
 +
=== IOS_IFTTT ===
 +
* 하나의 항목을 tap하면 해당 창이 아래에서 위로 올라오듯 나타나 열린다.
 +
* 좌측상단의 x버튼을 tap하여 다시 상위메뉴로 나갈 수 있다.
 +
{{#Widget:Vimeo|id=93045293|width=395|height=533}}
  
  

Revision as of 23:36, 10 July 2014

Prev and next level은 특수한 동작을 통해 한 단계 아래의 메뉴로 들어가거나 한 단계 위의 메뉴로 나올 수 있는 인터랙션 패턴이다.

With this pattern, we can solve...

iOS_Pinterest

  • 한 페이지에서 화면의 상단 끝을 (핀으로 꼽힌 페이지를 빼내듯이) 아래로 내리는 drag 동작을 하면, 현재 화면이 줄어들어 여러 페이지가 나열된 상위레벨의 화면으로 이동한다.

Samsung Smart TV

  • 손바닥을 반시계 방향으로 돌리는 제스처를 통해 이전메뉴의 화면으로 돌아간다.


Wang Theatre Touch Screen Information Kiosk

  • #00:34-00:37

iOS

  • app 그룹으로 들어가고 나오는 상황에서 zoom in zoom out 의 형태로 화면이 보여진다.

]

IOS_IFTTT

  • 하나의 항목을 tap하면 해당 창이 아래에서 위로 올라오듯 나타나 열린다.
  • 좌측상단의 x버튼을 tap하여 다시 상위메뉴로 나갈 수 있다.