Line 1: | Line 1: | ||
− | More details는 세부 | + | More details는 세부 정보를 더 보여주는 인터랙션 패턴이다. |
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
Line 6: | Line 6: | ||
* | * | ||
+ | ---- | ||
+ | == 화면 전환 == | ||
=== Examples: iOS_Sunrise Calendar === | === Examples: iOS_Sunrise Calendar === | ||
* 옵션메뉴를 눌러 숨겨진 세부정보를 불러온다. | * 옵션메뉴를 눌러 숨겨진 세부정보를 불러온다. | ||
{{#Widget:Vimeo|id=93938909|width=533|height=399}} | {{#Widget:Vimeo|id=93938909|width=533|height=399}} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
=== Wang Theatre Touch Screen Information Kiosk=== | === Wang Theatre Touch Screen Information Kiosk=== | ||
Line 26: | Line 16: | ||
* #00:23-#00:27 | * #00:23-#00:27 | ||
{{#Widget:Vimeo|id=36790650|width=665|height=374}} | {{#Widget:Vimeo|id=36790650|width=665|height=374}} | ||
+ | |||
+ | ---- | ||
+ | == 팝업 및 레이어 == | ||
+ | === iOS_Calendar === | ||
+ | * 캘린더의 특정 이벤트를 tap하여 이벤트에 대한 정보를 팝업의 형태로 본다. | ||
+ | {{#Widget:Vimeo|id=93374930|width=300|height=400}} | ||
=== Android_Kakaotalk === | === Android_Kakaotalk === | ||
Line 35: | Line 31: | ||
* #00:42-#00:50 | * #00:42-#00:50 | ||
{{#Widget:Youtube|id=900PY_JWSq0|width=665|height=374}} | {{#Widget:Youtube|id=900PY_JWSq0|width=665|height=374}} | ||
+ | |||
+ | ---- | ||
+ | === iOS_My W Days === | ||
+ | * 달력의 날짜를 눌러 스케줄을 확인할 때, 종이가 넘어가는 듯한 피드백을 소리와 함께 제공한다. | ||
+ | {{#Widget:Vimeo|id=93552098|width=300|height=533}} | ||
+ | |||
+ | === iOS_STEP === | ||
+ | * 날짜를 선택하면 날짜에 해당하는 입력 정보를 아이콘이나 텍스트의 형태로 보여준다. | ||
+ | {{#Widget:Vimeo|id=93372313|width=300|height=405}} | ||
+ | |||
+ | |||
+ | |||
+ | === Examples : iOS_CGV === | ||
+ | * 목록을 좌우로 swipe해서 움직이며, 도착지점에 해당하는 항목에 대한 세부 정보가 같이 나타난다. | ||
+ | {{#Widget:Vimeo|id=93045496|width=300|height=400}} | ||
+ | |||
+ | === Example : iOS_Appstore === | ||
+ | * 상세내용이 숨겨져 있는 화면에서 "더보기" 버튼을 눌러 숨겨진 내용을 본다. | ||
+ | {{#Widget:Vimeo|id=93935345|width=533|height=399}} | ||
[[Category:Move in hierarchy]] | [[Category:Move in hierarchy]] |
More details는 세부 정보를 더 보여주는 인터랙션 패턴이다.
""