Difference between revisions of "Hidden menu"

Revision as of 10:11, 19 July 2014

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

• 손승희 모두 점검완료

iOS_Applauze

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

WWF Together App 팬더 정보 제공 기능

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

WWF Together App 팬더 정보 제공 기능

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

---

Cover flow로 분류되었다가 나온 사례

iSense Music-3D Music player

• #00:06-#00:27 -> 원래 적혀있던 시간
• #06:35-#07:00 -> 아래 대표사진에 해당하는 시간

""

Android_Google music

""

58번 사례 navigation - Controls?

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

"" ""

Call hidden page?

iOS_weathercube/ 민경보 메타폴릭인터렉션으로 옮겼습니다_cube

• 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.

iOS_weathercube / 민경보 메타폴릭인터렉션에 옮김!

• 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.

옵션

iOS_Hangout

iOS_USAToday / 민경보가 메타폴릭으로 이동

iOS_Paper / 민경보가 슬라이딩레이어로이동

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

iOS_airbnb 민경보가 일단 메타폴릭etc로 이동

• 다른 메뉴 활성화를 위해 작아졌던 화면을 드래그 하여 활성화 시킨다.(drawer와 유사하지만 컨텐츠 화면이 작아졌다 커지다 보니 같이 묶이 어려움)

iOS_airbnb

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

iOS_News digest_slide to move

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

Call hidden menus 관련

Samsung Galaxy Note(Android)_Internet

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

GUI gallery 민경보가 메타폴릭etc로 옮겨정리

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

Xbox_Kinect Adventures

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

Previous/Next button

• 전/후 버튼을 tap해서 페이지를 이동하는 인터랙션 패턴

iOS_조선일보

iOS_Jetsetter

목록

• 메뉴가 아니어서 Expandable menu로 볼 수 없음
• Expandable list로 다시 정리하는 것이 좋을지

iOS_FoxNews

iOS_ 911 Memorial Museum

iOS_ENow

Menu 더 보기

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

Android_Evernote

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

page turn/page flip?

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

iOS_oflow 민경보가 카드플립으로 이동

리스트 이동(필름?)

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

Android_Sportypal

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

iOS_Duolingo

iOS_Learnist

iOS_Amazon

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

iOS_Cameo

iOS_MyFitnessPal

iOS_airbnb

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

화면 일부분 swipe paging

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

iOS_JetSetter

iOS_MadeSquare

iOS Amazon

iOS_Learnist

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

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

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

iOS_Carousel

iOS_Jetsetter

ios_Paper_drag to activate

여기부터 맨끝까지는 다 sliding 방식의 하위 컨텐츠 열기

iOS_Amazon

iOS_Learnist 민경보가 슬라이딩레이어로 옮김요

iOS_HuffPost

iOS_FoxNews 민경보가 슬아이딩레이어로 옮김

iOS_NPRNews 민경보가 슬라이딩레이어로 옮김

iOS_Yahoo 민경보가 슬라이딩레이어로 옮김

iOS_Gmail 민경보가 슬라이딩레이어로 옮김

iOS_Madesquare 민경보가 슬라이딩레이어로 옮김

iOS_Gogobot 민경보가 슬라이딩레이어로 옮김

iOS Calendars5

iOS Ask for task

iOS_Yummly

iOS_Sleep genius

iOS_Jetsetter

iOS_Breeze