From Design pattern
Jump to: navigation, search
Line 1: Line 1:
{{#css:
 
#mw-content-text h3 span {
 
font-weight: 600;
 
padding-left: 0px;
 
}
 
 
.mw-headline {
 
font-weight: 600;
 
}
 
 
span.mw-editsection {
 
font-weight: 200;
 
position: relative;
 
float:right;
 
margin-right: 25px
 
}
 
 
span.mw-editsection a {
 
font-weight: 200;
 
}
 
 
.art-subpage {
 
background: #F7F7F7;
 
}
 
 
#mw-content-text p {
 
padding-top: 0px;
 
padding-bottom: 6px;
 
}
 
 
.mw-content-ltr ul {
 
margin: 0.3em 0 0 42px;
 
}
 
 
 
hr {
 
margin-top: 0px;
 
margin-bottom: 0px;
 
margin-left: -31px;
 
width: 720px;
 
border-bottom: 1px solid #E0E0DD;
 
border-left: 0px;
 
border-right: 0px;
 
border-top: 30px solid #F7F7F7;
 
}
 
<!--
 
#sun-col {
 
-webkit-column-count:2; /* Chrome, Safari, Opera */
 
-moz-column-count:2; /* Firefox */
 
column-count:2;
 
}
 
 
#sun-col p {
 
padding-left: 0px;
 
-->
 
}
 
 
}}
 
 
 
Select one은
 
Select one은
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
app에서
+
앱에서
  
 
*  
 
*  
Line 69: Line 10:
 
=== Example : Android_Noom Diet Coach ===
 
=== Example : Android_Noom Diet Coach ===
 
{{#Widget:Vimeo|id=95683436|width=300|height=455|start=4s}}
 
{{#Widget:Vimeo|id=95683436|width=300|height=455|start=4s}}
 +
 
----
 
----
 
== Select one from a list of texts ==
 
== Select one from a list of texts ==
<div id="sun-col">
 
 
텍스트로 이루어진 리스트에서 하나를 선택하여 입력한다.
 
텍스트로 이루어진 리스트에서 하나를 선택하여 입력한다.
  
Line 84: Line 25:
 
=== iOS_Booklip ===
 
=== iOS_Booklip ===
 
* 리스트에 나와있는 텍스트 중 하나를 선택하여 입력한다.
 
* 리스트에 나와있는 텍스트 중 하나를 선택하여 입력한다.
<videoflash type="vimeo">93937270|300|405</videoflash>
+
{{#Widget:Vimeo|id=93937270|width=300|height=405}}
  
 +
<!--
 
=== iOS_Codecademy(420) ===
 
=== iOS_Codecademy(420) ===
 
업로드중
 
업로드중
 +
-->
  
 
=== iOS_Oh no fractions ===
 
=== iOS_Oh no fractions ===
 
* 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.
 
* 좌, 우 한쪽으로 swipe하여 두 가지 답 중 하나를 선택하여 답을 맞춘다.
 
{{#Widget:Vimeo|id=95246812|width=533|height=395}}
 
{{#Widget:Vimeo|id=95246812|width=533|height=395}}
</div>
+
 
 
----
 
----
  
 
== Select one from icons ==
 
== Select one from icons ==
<div id="sun-col">
 
 
swipe로 이동하여 아이콘 항목 중 하나를 선택하여 입력한다.
 
swipe로 이동하여 아이콘 항목 중 하나를 선택하여 입력한다.
  
Line 106: Line 48:
 
* 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.
 
* 좌석을 고르는 화면에서, 세가지 설정 사항을 각각 swipe로 하나씩 넘겨서 선택한다.
 
{{#Widget:Vimeo|id=93044696|width=300|height=449}}
 
{{#Widget:Vimeo|id=93044696|width=300|height=449}}
</div>
+
 
 
----
 
----
  
 
== Select one from a list of visual options ==
 
== Select one from a list of visual options ==
<div id="sun-col">
 
 
그림으로 이루어진 리스트에서 하나를 선택하여 입력한다.
 
그림으로 이루어진 리스트에서 하나를 선택하여 입력한다.
  
Line 119: Line 60:
 
===Leap motion_Caterpillar count===
 
===Leap motion_Caterpillar count===
 
* 립모션에서 손가락으로 누르는 제스처를 통해 이미지로 이루어진 리스트 중 하나를 선택한다.
 
* 립모션에서 손가락으로 누르는 제스처를 통해 이미지로 이루어진 리스트 중 하나를 선택한다.
<videoflash type="vimeo">95087784|665|374</videoflash>
+
{{#Widget:Vimeo|id=95087784|width=665|height=374}}
  
 
=== 362번 사례 ===
 
=== 362번 사례 ===
 
* 손바닥을 움직여 화면속 메뉴를 활성화 하여 선택한다.
 
* 손바닥을 움직여 화면속 메뉴를 활성화 하여 선택한다.
<videoflash type="vimeo">94916421|665|374</videoflash>
+
{{#Widget:Vimeo|id=94916421|width=665|height=374}}
</div>
+
 
 +
 
 
[[Category:Make selection from pre-defined values]]
 
[[Category:Make selection from pre-defined values]]

Revision as of 01:58, 27 June 2014

Select one은

With this pattern, we can solve...

앱에서

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 one from icons

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

iOS_Sleep Pillow

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

iOS_Korail talk

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


Select one from a list of visual options

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

대형 터치스크린 자판기

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

Leap motion_Caterpillar count

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

362번 사례

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