From Design pattern
Jump to: navigation, search
Line 19: Line 19:
 
{{#Widget:Vimeo|id=93363072|width=300|height=490}}
 
{{#Widget:Vimeo|id=93363072|width=300|height=490}}
  
== Call hidden page? ==
 
=== iOS_weathercube/ 민경보 메타폴릭인터렉션으로 옮겼습니다_cube===
 
* 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.
 
{{#Widget:Vimeo|id=94907107|width=300|height=533}}
 
 
=== iOS_weathercube / 민경보 메타폴릭인터렉션에 옮김!===
 
* 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.
 
{{#Widget:Vimeo|id=94906931|width=300|height=533}}
 
----
 
 
== Menu 더 보기 ==
 
== Menu 더 보기 ==
 
* Action bar, Tab bar에서의 더 보기 ...버튼
 
* Action bar, Tab bar에서의 더 보기 ...버튼

Revision as of 13:54, 25 July 2014

navigation의 사례들 중, 현재 바로 navigation 패턴으로 들어가기 어려운 것들을 모아둔 최종 sandbox 입니다.

  • 손승희 모두 점검완료
  • 민경보 검토완료/ wff는 WWF입니다. 수정했습니다.
  • 김영태 모두 점검완료

iOS_Applauze

  • dial 형태의 메뉴로, 한바퀴 돌지 않고 끝이 있다.


Controls?

Call hidden menus 관련

Samsung Galaxy Note(Android)_Internet

  • 인터넷 사용 중 화면 가장자리를 tap & hold 하여 보이지 않는 퀵 메뉴를 오버레이하여 불러온다.
  • 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.

Menu 더 보기

  • Action bar, Tab bar에서의 더 보기 ...버튼

Android_Evernote

  • Navigation의 Drop menu에도 있는 사례
  • 메뉴 더보기 버튼을 패턴으로 만들지


page turn/page flip?

iOS_Jelly 민경보가 메타폴릭etc로 이동


계층 이동(하위 컨텐츠 화면 열기)

  • More details와 성격이 다른데, 여기 사례는 하위 컨텐츠를 열어보는 거라 세부정보보기는 아닙니다.

아래 세개는 썸네일이 확대되는 방식

  • 화면에서 원하는 컨텐츠를 선택하면, 선택된 부분이 화면 전체로 확장되어 그 컨텐츠 페이지로 들어가게 되는 인터랙션 패턴이다.

iOS_Carousel

iOS_Jetsetter

iOS_Paper

여기부터는 sliding 방식의 하위 컨텐츠 열기

iOS_Amazon

iOS_HuffPost

iOS_Jetsetter