|
|
| Line 40: |
Line 40: |
| | * 종이가 접어진 모양의 버튼을 tap하여 접어져있던 공지글을 펼쳐본다. | | * 종이가 접어진 모양의 버튼을 tap하여 접어져있던 공지글을 펼쳐본다. |
| | {{#Widget:Vimeo|id=93362822|width=300||height=487}} | | {{#Widget:Vimeo|id=93362822|width=300||height=487}} |
| | + | |
| | + | === 립모션_뉴욕타임즈 === |
| | + | * 손가락으로 화면을 1초간 가리키고 있으면 지목한 기사를 자세히 본다. |
| | + | {{#Widget:Vimeo|id=93326761|width=665|height=374}} |
| | | | |
| | === Wang Theatre Touch Screen Information Kiosk === | | === Wang Theatre Touch Screen Information Kiosk === |
| Line 47: |
Line 51: |
| | | | |
| | ---- | | ---- |
| | + | |
| | == 기타 / 화면 일부분만 전환 == | | == 기타 / 화면 일부분만 전환 == |
| | === iOS_STEP === | | === iOS_STEP === |
Revision as of 13:18, 11 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_My W Days
- 달력의 날짜를 눌러 스케줄을 확인할 때, 종이가 넘어가는 듯한 피드백을 소리와 함께 제공한다.
iOS_Calendar
- 기기를 회전시키면 화면에 표시되는 구성이 변경된다.
팝업
iOS_Calendar
- 캘린더의 특정 이벤트를 tap하여 이벤트에 대한 정보를 팝업의 형태로 본다.
LG Smart TV
- 손을 좌우로 흔들어 화면의 숨겨져있던 상제정보를 보여준다
- #00:42-00:50
""
Android_Kakaotalk
- 종이가 접어진 모양의 버튼을 tap하여 접어져있던 공지글을 펼쳐본다.
립모션_뉴욕타임즈
- 손가락으로 화면을 1초간 가리키고 있으면 지목한 기사를 자세히 본다.
Wang Theatre Touch Screen Information Kiosk
- 대형 터치스크린에서 화면을 tap하면 숨겨져있던 상세정보를 보여준다.
- #00:21-00:23
기타 / 화면 일부분만 전환
iOS_STEP
- 날짜를 선택하면 날짜에 해당하는 입력 정보를 아이콘이나 텍스트의 형태로 보여준다.
iOS_CGV
- 목록을 좌우로 swipe해서 움직이며, 도착지점에 해당하는 항목에 대한 세부 정보가 같이 나타난다.
IOS_Accuweather
- 날씨 정보를 보여주는 화면에서, 위의 날씨 모양의 아이콘을 점선에 따라 좌우로 drag하여 확인하고자 하는 시간대로 조절한다.
iOS_Appstore
- 상세내용이 숨겨져 있는 화면에서 "더보기" 버튼을 눌러 숨겨진 내용을 본다.
IOS_Message
- 상대방과 주고받은 문자메세지를 볼 때, 화면을 왼쪽으로 drag하면 오른쪽에서 각각의 메세지가 전송된 시간이 나온다. drag한 상태에서 손을 떼면 다시 들어간다.