From Design pattern
Jump to: navigation, search
Line 36: Line 36:
 
* 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.
 
* 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.
 
{{#Widget:Vimeo|id=95246812|width=533|height=395}}
 
{{#Widget:Vimeo|id=95246812|width=533|height=395}}
 +
 +
== Select from menus by gesture ==
 +
서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 gesture 방식으로 하나를 선택하여 입력한다.
 +
 +
=== 279번 사례 ===
 +
* 객체(버튼)을 잡아 끌어 선택한 메뉴(왼쪽은 카메라, 오른쪽은 라이브러리)를 선택한다.
 +
{{#Widget:Vimeo|id=95585786|width=300|height=449}}
  
 
----
 
----
Line 49: Line 56:
 
* 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.
 
* 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.
 
{{#Widget:Vimeo|id=93044696|width=300|height=449}}
 
{{#Widget:Vimeo|id=93044696|width=300|height=449}}
 +
 +
=== X box _ 키넥트어드밴쳐 ===
 +
* 일정 자세로 손을 유지하여 메뉴를 선택한다.
 +
{{#Widget:Vimeo|id=95600946|width=665|height=374}}
 +
 +
===Leap motion_Telekinetic===
 +
* 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.
 +
{{#Widget:Vimeo|id=95087812|width=665|height=374}}
 +
 +
=== 181번 사례 ===
 +
* 버튼을 메뉴아이콘 쪽으로 drag하여 특정 기능(카메라, 노트, 음악 등)을 선택한다.
 +
{{#Widget:Vimeo|id=95488543|width=300|height=533}}
 +
 +
=== iOS_알람몬 ===
 +
* 메뉴를 선택할 때 포인터를 drag and drop 하여 해당 메뉴 위에 올려 놓으면 메뉴가 선택된다.
 +
{{#Widget:Vimeo|id=93552405|width=300|height=533}}
 +
 +
=== Android_Samsung Galaxy Note 인터넷 ===
 +
* 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴로 이동하여 손가락을 땔 경우 하나를 선택한다.
 +
{{#Widget:Vimeo|id=93363072|width=300|height=449}}
 +
 +
=== LG 전자 대형 터치모니터 ===
 +
* 터치스크린에서 화면의 메뉴를 선택하면 관련된 정보를 보여준다.
 +
* #00:33-#00:37
 +
{{#Widget:Youtube|id=Hi6uzQ3Iv44|width=665|height=374}}
  
 
----
 
----

Revision as of 06:19, 27 June 2014

Single select는 기지정 항목 중 하나를 선택하여 입력하기 위하여 사용되는 패턴이다. Single select는 Select & get quick output과 달리 항목에서 선택 되었다는 것만을 표시 해준다.

With this pattern, we can solve...

Single select는 현재 화면에서 선택가능한 기지정정보 리스트를 확인 할 수 있을 때 사용한다.

  • Single select는 빠르게 기지정 항목 중 하나를 선택할 수 있도록 한다.
  • 하나의 항목이 선택되고 취소 되었음을 즉각적으로 확인할 수 있으며, 언제든 반대의 선택을 할 수 있다는 힌트를 제공한다.
  • 유사한 패턴으로 Select & get quick output이 있다.

Example : Android_Noom Diet Coach


Select one from a list of texts

텍스트로 이루어진 리스트에서 하나를 선택하여 입력한다.

Android_Noom Diet Coach

  • 문자를 입력하여 검색되어진 리스트에 나와 있는 텍스트 중 하나를 선택하여 입력한다.

iOS_EnglishFlow

  • 자막을 좌우로 swipe하여 여러 자막 가운데 하나를 선택한다.

iOS_Booklip

  • 리스트에 나와있는 텍스트 중 하나를 선택하여 입력한다.


iOS_Oh no fractions

  • 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.

Select from menus by gesture

서로 다른 기능을 가지고 있는 메뉴들의 그룹에서 gesture 방식으로 하나를 선택하여 입력한다.

279번 사례

  • 객체(버튼)을 잡아 끌어 선택한 메뉴(왼쪽은 카메라, 오른쪽은 라이브러리)를 선택한다.


Select one from icons

swipe로 이동하여 아이콘 항목 중 하나를 선택하여 입력한다.

iOS_Sleep Pillow

  • 음원 설정에서 최대 세개까지 재생할 수 있는데, 각각의 항목에 대해 좌우로 swipe하여 원하는 것을 선택한다.

iOS_Korail talk

  • 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.

X box _ 키넥트어드밴쳐

  • 일정 자세로 손을 유지하여 메뉴를 선택한다.

Leap motion_Telekinetic

  • 립모션에서 원하는 메뉴 앞에 손을 위치시킨 후 주먹을 쥐어 메뉴를 실행한다.

181번 사례

  • 버튼을 메뉴아이콘 쪽으로 drag하여 특정 기능(카메라, 노트, 음악 등)을 선택한다.

iOS_알람몬

  • 메뉴를 선택할 때 포인터를 drag and drop 하여 해당 메뉴 위에 올려 놓으면 메뉴가 선택된다.

Android_Samsung Galaxy Note 인터넷

  • 화면 가장자리를 tap & hold 하여 불러온 퀵메뉴에서 hold & drag를 통하여 하위메뉴로 이동하여 손가락을 땔 경우 하나를 선택한다.

LG 전자 대형 터치모니터

  • 터치스크린에서 화면의 메뉴를 선택하면 관련된 정보를 보여준다.
  • #00:33-#00:37

""


Select one from a list of visual options

그림으로 이루어진 리스트에서 하나를 선택하여 입력한다.

대형 터치스크린 자판기

  • 자판기에서 화면에 나타난 음료수 이미지들 중 하나를 선택한다.

""

Leap motion_Caterpillar count

  • 립모션에서 손가락으로 누르는 제스처를 통해 이미지로 이루어진 리스트 중 하나를 선택한다.

362번 사례

  • 손바닥을 움직여 화면속 메뉴를 활성화 하여 선택한다.