From Design pattern
Jump to: navigation, search
(Samsung Galaxy Note(Android)_Internet)
Line 5: Line 5:
 
=== Android_대한민국 구석구석 ===
 
=== Android_대한민국 구석구석 ===
 
{{#Widget:Vimeo|id=93208742|width=300|height=528}}
 
{{#Widget:Vimeo|id=93208742|width=300|height=528}}
 
=== Samsung Galaxy Note(Android)_Internet ===
 
* 인터넷 사용 중 화면 가장자리를 tap & hold 하여 보이지 않는 퀵 메뉴를 오버레이하여 불러온다.
 
{{#Widget:Vimeo|id=93362819|width=300|height=455}}
 
 
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.
 
{{#Widget:Vimeo|id=93363072|width=300|height=490}}
 
  
 
=== iOS_Applauze ===
 
=== iOS_Applauze ===
 
* wheel pattern을 찾다가 발견했었는데, 조금 다른 것 같아서 보류했습니다.
 
* wheel pattern을 찾다가 발견했었는데, 조금 다른 것 같아서 보류했습니다.
 
{{#Widget:Vimeo|id=96709357|width=300|height=533}}
 
{{#Widget:Vimeo|id=96709357|width=300|height=533}}
 +
 +
 +
  
 
=== 267번 사례 ===
 
=== 267번 사례 ===
Line 46: Line 42:
 
* 카테고리별로 나누어진 메뉴를 위 아래로 스크롤 하여 본다.
 
* 카테고리별로 나누어진 메뉴를 위 아래로 스크롤 하여 본다.
 
{{#Widget:Vimeo|id=94906088|width=300|height=500}}
 
{{#Widget:Vimeo|id=94906088|width=300|height=500}}
 
 
  
 
=== ios_News digest_slide to move ===
 
=== ios_News digest_slide to move ===
Line 55: Line 49:
  
 
----
 
----
 
 
 
----
 
 
 
=== 58번 사례 navigation ===
 
=== 58번 사례 navigation ===
 
* 현재 기기의 일반정보를 터치나 버튼의 조작 없이 확인한다.
 
* 현재 기기의 일반정보를 터치나 버튼의 조작 없이 확인한다.
Line 65: Line 54:
 
{{#Widget:Youtube|id=zmZGPpVrlS4|width=665|height=374}}
 
{{#Widget:Youtube|id=zmZGPpVrlS4|width=665|height=374}}
 
{{#Widget:Youtube|id=eWbsbdIxjOY|width=665|height=374}}
 
{{#Widget:Youtube|id=eWbsbdIxjOY|width=665|height=374}}
 +
 +
 +
----
 +
== Call hidden menus 관련==
 +
=== Samsung Galaxy Note(Android)_Internet ===
 +
* 인터넷 사용 중 화면 가장자리를 tap & hold 하여 보이지 않는 퀵 메뉴를 오버레이하여 불러온다.
 +
{{#Widget:Vimeo|id=93362819|width=300|height=455}}
 +
 +
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.
 +
{{#Widget:Vimeo|id=93363072|width=300|height=490}}
 +
 +
=== GUI gallery ===
 +
* tap 을 통해 메뉴를 선택하면 하위 메뉴가 문이 열리듯 보여진다.
 +
{{#Widget:Vimeo|id=93531969|width=665|height=499}}
 +
 +
=== Xbox_Kinect Adventures ===
 +
* 제스처를 통해 화면에 보이지 않는 메뉴를 오버레이하여 불러온다.
 +
* 팔을 45도 각도로 들어올려 화면 왼쪽 모서리를 향하여 화면에 보이지 않았던 메뉴를 본다.
 +
{{#Widget:Vimeo|id=94742456|width=665|height=374}}
  
 
----
 
----

Revision as of 13:51, 16 July 2014

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

  • 손승희 모두 점검완료

Android_대한민국 구석구석

iOS_Applauze

  • wheel pattern을 찾다가 발견했었는데, 조금 다른 것 같아서 보류했습니다.



267번 사례

  • 화면속 상자를 drag하여 늘려서 숨겨진 정보를 본다.

Android_Sportypal

  • 가로로 스크롤을 이동해 동일레벨에 있는 운동의 종류를 훑어본다.

iSense Music-3D Music player

  • #00:06-#00:27

""



ios_Paper_drag to activate

  • 동일 레벨상의 축소된 정보들을 아래서 위로 드래그 하여 크게 본다.(수정 예정)

ios_Paper_slide to move

  • 화면을 아래로 드래그 하여 자신의 정보에 관련된 페이지를 볼 수 있다.

ios_airbnb_drag to activate

  • 다른 메뉴 활성화를 위해 작아졌던 화면을 드래그 하여 활성화 시킨다.

ios_airbnb_slide to scroll

  • 카테고리별로 나누어진 메뉴를 위 아래로 스크롤 하여 본다.

ios_News digest_slide to move

  • 하단부분 가로 스크롤을 좌우로 움직여 이전 날짜의 정보를 본다.
  • Slide project tray로 보이는데 영상이 너무 짧아서 넣을지...


58번 사례 navigation

  • 현재 기기의 일반정보를 터치나 버튼의 조작 없이 확인한다.
  • 슬리핑 모드에서 근접 센서 위에 손을 가져가면 터치 없이도 시간, 날짜, 부재중 전화, 문자 메시지, 잔여 베터리 용량 등을 한눈에 확인할 수 있다.

"" ""



Call hidden menus 관련

Samsung Galaxy Note(Android)_Internet

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

  • 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴를 연다.

GUI gallery

  • tap 을 통해 메뉴를 선택하면 하위 메뉴가 문이 열리듯 보여진다.

Xbox_Kinect Adventures

  • 제스처를 통해 화면에 보이지 않는 메뉴를 오버레이하여 불러온다.
  • 팔을 45도 각도로 들어올려 화면 왼쪽 모서리를 향하여 화면에 보이지 않았던 메뉴를 본다.


Tab bar indicator(Dynamic tab menu)

iOS_ ipad 조선일보

iOS_Naver

  • 좌우로 drag해서 화면을 움직여 다음 tab 화면으로 이동한다.

Android_TMON

  • Scrolling tab

iOS_Bloomberg

iOS_Groupon


Previous/Next button

580번 사례

  • 신문에서 다음면을 보기위해 전/후버튼을 눌러 페이지를 이동한다.


Turn page like Cut

269번 사례

  • 화면의 일부분을 drag하여, 접촉된 위치를 잘라내어 화면 뒤에 있는 숨겨진 정보를 본다.


목록

iOS_FoxNews

iOS_ 911 Memorial Museum


Menu 더 보기

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

Android_Evernote

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



리스트 이동(필름?)

  • Slide project tray와의 차이점은 아래 사례들은 쭉 이어지는 것이 아니라 끊어서 이동함

iOS_Learnist

iOS_Amazon

  • 아래 세 사례는 화면 일부만 swipe paging으로도 볼 수 있음

iOS_Cameo

iOS_MyFitnessPal

ios_airbnb_slide to page

  • 다양한 객실에 대한 정보를 좌우 스크롤로 넘겨 본다.


화면 일부분 swipe paging

  • 화면 전체가 아닌 한 부분만 swipe paging 방식.
  • Swipe paging의 소분류로 갈지 별도의 패턴으로 볼것인지

iOS_JetSetter

iOS_MadeSquare

iOS Amazon