| (17 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
More details는 세부 정보를 더 보여주는 인터랙션 패턴이다. | More details는 세부 정보를 더 보여주는 인터랙션 패턴이다. | ||
| + | 화면의 변화에 따라 세부 페이지로 화면 전환, 세부 정보 팝업, 그 외 화면 일부만 변하는 방식 등으로 나누어진다. | ||
| − | |||
| − | |||
| − | |||
| − | |||
---- | ---- | ||
== 화면 전환 == | == 화면 전환 == | ||
=== 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_Calendar === |
| − | * | + | * 기기를 회전시키면 화면에 표시되는 구성이 변경된다. |
| − | + | {{#Widget:Vimeo|id=94740401|width=665|height=374}} | |
| − | {{#Widget:Vimeo|id= | + | |
| − | + | ||
---- | ---- | ||
| − | == 팝업 | + | |
| + | == 팝업 == | ||
=== iOS_Calendar === | === iOS_Calendar === | ||
* 캘린더의 특정 이벤트를 tap하여 이벤트에 대한 정보를 팝업의 형태로 본다. | * 캘린더의 특정 이벤트를 tap하여 이벤트에 대한 정보를 팝업의 형태로 본다. | ||
| − | {{#Widget:Vimeo|id=93374930|width= | + | {{#Widget:Vimeo|id=93374930|width=399|height=533}} |
=== Android_Kakaotalk === | === Android_Kakaotalk === | ||
| Line 29: | Line 24: | ||
=== LG Smart TV === | === LG Smart TV === | ||
* 손을 좌우로 흔들어 화면의 숨겨져있던 상제정보를 보여준다 | * 손을 좌우로 흔들어 화면의 숨겨져있던 상제정보를 보여준다 | ||
| − | * #00:42- | + | * #00:42-00:50 |
{{#Widget:Youtube|id=900PY_JWSq0|width=665|height=374}} | {{#Widget:Youtube|id=900PY_JWSq0|width=665|height=374}} | ||
| + | |||
| + | === Xbox_Kinect Adventures === | ||
| + | * 팔을 45도 각도로 들어올려 화면 왼쪽 모서리를 향하고 있으면 팝업창이 나타난다. | ||
| + | {{#Widget:Vimeo|id=94742456|width=665|height=374}} | ||
| + | |||
| + | == Light box == | ||
| + | === Wang Theatre Touch Screen Information Kiosk=== | ||
| + | * 대형 터치스크린에서 화면을 tap하면 숨겨져있던 이미지를 보여준다. | ||
| + | * #00:23-00:27 | ||
| + | {{#Widget:Vimeo|id=36790650|width=665|height=374}} | ||
| + | |||
| + | === 립모션_뉴욕타임즈 === | ||
| + | * 손가락으로 화면을 1초간 가리키고 있으면 지목한 기사를 자세히 본다. | ||
| + | {{#Widget:Vimeo|id=93326761|width=665|height=374}} | ||
| + | |||
| + | === Wang Theatre Touch Screen Information Kiosk === | ||
| + | * 대형 터치스크린에서 화면을 tap하면 숨겨져있던 상세정보를 보여준다. | ||
| + | * #00:21-00:23 | ||
| + | {{#Widget:Vimeo|id=36790650|width=665|height=374}} | ||
---- | ---- | ||
| − | |||
| − | |||
| − | |||
| + | == 기타 / 화면 일부분만 전환 == | ||
=== iOS_STEP === | === iOS_STEP === | ||
* 날짜를 선택하면 날짜에 해당하는 입력 정보를 아이콘이나 텍스트의 형태로 보여준다. | * 날짜를 선택하면 날짜에 해당하는 입력 정보를 아이콘이나 텍스트의 형태로 보여준다. | ||
{{#Widget:Vimeo|id=93372313|width=300|height=405}} | {{#Widget:Vimeo|id=93372313|width=300|height=405}} | ||
| + | === iPhone_Sunrise === | ||
| + | {{#Widget:Vimeo|id=95778902|width=300|height=533}} | ||
| + | {{#Widget:Vimeo|id=95778873|width=300|height=533}} | ||
| + | === iOS_ENow === | ||
| + | {{#Widget:Vimeo|id=95771333|width=300|height=533}} | ||
| − | === | + | === iOS_CGV === |
* 목록을 좌우로 swipe해서 움직이며, 도착지점에 해당하는 항목에 대한 세부 정보가 같이 나타난다. | * 목록을 좌우로 swipe해서 움직이며, 도착지점에 해당하는 항목에 대한 세부 정보가 같이 나타난다. | ||
| − | {{#Widget:Vimeo|id=93045496|width= | + | {{#Widget:Vimeo|id=93045496|width=399|height=533}} |
| + | |||
| + | === IOS_Accuweather === | ||
| + | * 날씨 정보를 보여주는 화면에서, 위의 날씨 모양의 아이콘을 점선에 따라 좌우로 drag하여 확인하고자 하는 시간대로 조절한다. | ||
| + | {{#Widget:Vimeo|id=96422614|width=395|height=533}} | ||
| − | === | + | === iOS_Appstore === |
* 상세내용이 숨겨져 있는 화면에서 "더보기" 버튼을 눌러 숨겨진 내용을 본다. | * 상세내용이 숨겨져 있는 화면에서 "더보기" 버튼을 눌러 숨겨진 내용을 본다. | ||
{{#Widget:Vimeo|id=93935345|width=533|height=399}} | {{#Widget:Vimeo|id=93935345|width=533|height=399}} | ||
| + | === IOS_Message === | ||
| + | * 상대방과 주고받은 문자메세지를 볼 때, 화면을 왼쪽으로 drag하면 오른쪽에서 각각의 메세지가 전송된 시간이 나온다. drag한 상태에서 손을 떼면 다시 들어간다. | ||
| + | {{#Widget:Vimeo|id=96424092|width=300|height=533}} | ||
[[Category:Move in hierarchy]] | [[Category:Move in hierarchy]] | ||
More details는 세부 정보를 더 보여주는 인터랙션 패턴이다. 화면의 변화에 따라 세부 페이지로 화면 전환, 세부 정보 팝업, 그 외 화면 일부만 변하는 방식 등으로 나누어진다.
""