From Design pattern
Jump to: navigation, search
(iOS_Sunrize)
(Example : iOS_Etsy)
 
(26 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{#css:
+
Auto-completion은 Text input field에서 입력을 할 때, 자동으로 완성된 자연어를 제공하여 빠른 입력을 도와주는 패턴이다. 제안하는 자연어의 목록은 Drop down list를 통해 보여지며 이중 하나를 선택하였을 때 Text input field에 작성 중인 내용을 대체한다. Drop down list는 back key를 누르거나 선택하지 않음으로써 어느 때나 무시될 수 있다.
#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;
+
-->
+
}
+
 
+
}}
+
 
+
Auto-completion은 Text input field에서 입력을 할 때, 자동으로 완성된 자연어를 제공하여 빠른 입력을 도와주는 pattern이다. 제안하는 자연어의 목록은 Drop down list를 통해 보여지며 이중 하나를 선택하였을 때 Text input field에 작성 중인 내용을 대체한다. 드롭다운된 목록은 back key를 누르거나 선택하지 않음으로써 어느 때나 무시될 수 있다.
+
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
app에서 검색 혹은 문장을 입력할때 Auto-completion 기능이 없는 경우 사용자가 입력하고자 하는 단어나 문장을 전부 입력해야 했다. 자연어 입력의 편의성을 높이기 위하여 입력중인 단어와 연관성이 있는 자연어나 자주 입력하는 자연어를 자동으로 제공한다.
+
앱에서 검색 혹은 문장을 입력할때 Auto-completion 기능이 없는 경우 사용자가 입력하고자 하는 단어나 문장을 전부 입력해야 한다. 자연어 입력의 편의성을 높이기 위하여 입력중인 단어와 연관성이 있는 자연어나 자주 입력하는 자연어를 자동으로 제공한다.
  
 
* Auto-completion은 입력하고자 하는 자연어를 사용자들의 기록을 통해 예측하여 제공한다.
 
* Auto-completion은 입력하고자 하는 자연어를 사용자들의 기록을 통해 예측하여 제공한다.
Line 67: Line 8:
 
* Auto-completion은 단어를 정확하고 빨리 입력하는 기능에서 나아가 입력 중인 자연어와 연관된 내용을 제공한다.
 
* Auto-completion은 단어를 정확하고 빨리 입력하는 기능에서 나아가 입력 중인 자연어와 연관된 내용을 제공한다.
  
=== Example : iOS_InDic ===
+
=== Example : iOS_Etsy ===
{{#Widget:Vimeo|id=93373414|width=300|height=405|start=4s}}
+
[[File:Autocom2.jpg]]
 +
 
 
----
 
----
  
== Auto-completion ==
+
===  iOS_InDic ===
<div id="sun-col">
+
{{#Widget:Vimeo|id=93373414|width=395|height=533}}
 +
 
 
=== Android_Noom Diet Coach ===
 
=== Android_Noom Diet Coach ===
 
{{#Widget:Vimeo|id=95683436|width=300|height=480}}
 
{{#Widget:Vimeo|id=95683436|width=300|height=480}}
Line 80: Line 23:
  
 
=== iOS_USA TODAY ===
 
=== iOS_USA TODAY ===
{{#Widget:Vimeo|id=96421846|width=300|height=400}}
+
{{#Widget:Vimeo|id=96421846|width=395|height=533}}
 
+
=== iOS_Sunrise calendar ===
+
{{#Widget:Vimeo|id=96423723|width=300|height=405}}
+
</div>
+
----
+
 
+
== Predictive input ==
+
 
+
가능한 키입력을 최소화 하여 검색하고자 하는 것을 빨리 검색하는 방법으로 초성만 입력하여 검색하는 pattern이다. 휴대폰은 컴퓨터 키보드에 비해 입력자체도 불편하고, 운전을 하거나 걷거나 가방을 들고 있을 경우 정확한 입력이 어려운 상황에서 사용된다.
+
 
+
단, 초성어 검색으로 의도한 검색어 자동추천이 나오지 않으면 초성검색을 지우고 다시 입력해야 한다.
+
  
=== iOS_Daum Map ===
+
=== iOS_Sunrise Calendar ===
{{#Widget:Vimeo|id=96554362|width=300|height=405}}
+
{{#Widget:Vimeo|id=96423723|width=395|height=533}}
  
<div id="sun-col">
 
</div>
 
 
[[Category:Enter text/image]]
 
[[Category:Enter text/image]]

Latest revision as of 23:16, 24 July 2014

Auto-completion은 Text input field에서 입력을 할 때, 자동으로 완성된 자연어를 제공하여 빠른 입력을 도와주는 패턴이다. 제안하는 자연어의 목록은 Drop down list를 통해 보여지며 이중 하나를 선택하였을 때 Text input field에 작성 중인 내용을 대체한다. Drop down list는 back key를 누르거나 선택하지 않음으로써 어느 때나 무시될 수 있다.

With this pattern, we can solve...

앱에서 검색 혹은 문장을 입력할때 Auto-completion 기능이 없는 경우 사용자가 입력하고자 하는 단어나 문장을 전부 입력해야 한다. 자연어 입력의 편의성을 높이기 위하여 입력중인 단어와 연관성이 있는 자연어나 자주 입력하는 자연어를 자동으로 제공한다.

  • Auto-completion은 입력하고자 하는 자연어를 사용자들의 기록을 통해 예측하여 제공한다.
  • Text input field에 자연어를 입력 하지 않고 tap하였을 경우 사용자가 사용했던 자연어 히스토리를 보여 준다.
  • Auto-completion은 단어를 정확하고 빨리 입력하는 기능에서 나아가 입력 중인 자연어와 연관된 내용을 제공한다.

Example : iOS_Etsy

Autocom2.jpg


iOS_InDic

Android_Noom Diet Coach

Android_Etsy

iOS_USA TODAY

iOS_Sunrise Calendar