From Design pattern
Jump to: navigation, search
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}}
 
=== iOS_STEP ===
 
* 날짜를 선택하면 날짜에 해당하는 입력 정보를 아이콘이나 텍스트의 형태로 보여준다.
 
{{#Widget:Vimeo|id=93372313|width=300|height=405}}
 
 
=== iOS_Calendar ===
 
* 캘린더의 특정 이벤트를 tap하여 이벤트에 대한 정보를 팝업의 형태로 본다.
 
{{#Widget:Vimeo|id=93374930|width=300|height=400}}
 
 
=== iOS_My W Days ===
 
* 달력의 날짜를 눌러 스케줄을 확인할 때, 종이가 넘어가는 듯한 피드백을 소리와 함께 제공한다.
 
{{#Widget:Vimeo|id=93552098|width=300|height=533}}
 
  
 
=== 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]]

Revision as of 00:47, 4 July 2014

More details는 세부 정보를 더 보여주는 인터랙션 패턴이다.

With this pattern, we can solve...


화면 전환

Examples: iOS_Sunrise Calendar

  • 옵션메뉴를 눌러 숨겨진 세부정보를 불러온다.

Wang Theatre Touch Screen Information Kiosk

  • 대형 터치스크린에서 화면을 tap하면 숨겨져있던 이미지를 보여준다.
  • #00:23-#00:27


팝업 및 레이어

iOS_Calendar

  • 캘린더의 특정 이벤트를 tap하여 이벤트에 대한 정보를 팝업의 형태로 본다.

Android_Kakaotalk

  • 종이가 접어진 모양의 버튼을 tap하여 접어져있던 공지글을 펼쳐본다.

LG Smart TV

  • 손을 좌우로 흔들어 화면의 숨겨져있던 상제정보를 보여준다
  • #00:42-#00:50

""


iOS_My W Days

  • 달력의 날짜를 눌러 스케줄을 확인할 때, 종이가 넘어가는 듯한 피드백을 소리와 함께 제공한다.

iOS_STEP

  • 날짜를 선택하면 날짜에 해당하는 입력 정보를 아이콘이나 텍스트의 형태로 보여준다.


Examples : iOS_CGV

  • 목록을 좌우로 swipe해서 움직이며, 도착지점에 해당하는 항목에 대한 세부 정보가 같이 나타난다.

Example : iOS_Appstore

  • 상세내용이 숨겨져 있는 화면에서 "더보기" 버튼을 눌러 숨겨진 내용을 본다.