From Design pattern
Jump to: navigation, search
Line 72: Line 72:
 
=== Example : iPad ===
 
=== Example : iPad ===
 
{{#Widget:Vimeo|id=93373414|width=300|height=405|start=4s}}
 
{{#Widget:Vimeo|id=93373414|width=300|height=405|start=4s}}
 
+
----
 +
== Auto-completion ==
 +
<div id="sun-col">
 
=== Android_Noom Diet Coach ===
 
=== Android_Noom Diet Coach ===
 
{{#Widget:Vimeo|id=95683436|width=300|height=405|start=4s}}
 
{{#Widget:Vimeo|id=95683436|width=300|height=405|start=4s}}
Line 79: Line 81:
 
<videoflash type="vimeo">94621848|300|528</videoflash>
 
<videoflash type="vimeo">94621848|300|528</videoflash>
  
 +
</div>
  
 
[[Category:Enter text/image]]
 
[[Category:Enter text/image]]
<!--
 
=== 265번 사례 ===
 
//* 일부 문자를 입력하면 해당 문자로 시작되는 가능한 결과물을 자동으로 완성하여 보여준다.
 
<videoflash type="vimeo">93373414|300|405</videoflash>
 
 
=== 274번 사례 ===
 
//* 일부 문자를 입력하면 해당 문자가 포함된 결과물을 자동으로 보여준다.
 
<videoflash type="vimeo">95683436|300|455</videoflash>
 
 
=== 605번 사례 ===
 
//* 사례 설명 입력 예정
 
<videoflash type="vimeo">94621848|300|528</videoflash>
 
-->
 

Revision as of 20:55, 27 May 2014


Auto-completion은 Text input field에서 입력을 할 때, 자동으로 완성된 단어나 문장을 제안하여 빠른 입력을 도와주는 pattern이다. 제안하는 단어나 문장의 목록은 Drop down을 통해 보여지며 이중 하나를 선택하였을 때 Text input field에 작성 중인 내용을 대체한다.

최근들어 사용자의 히스토리를 보여주는 등, 다양한 방식으로 적용되기도 한다.

드롭다운된 목록은 back key를 누르거나 선택하지 않음으로써 어느 때나 무시될 수 있다.

With this pattern, we can solve...

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

  • Auto-completion은 입력하고자 하는 단어나 문장을 이전 사용자들의 기록을 통해 예측하여 제공한다.
  • Auto-completion은 드롭다운 형식을 통해 나타나며, 단어를 정확하고 빨리 입력하는 기능에서 나아가 입력 중인 내용과 관련한 내용을 제공한다.

Example : iPad


Auto-completion

Android_Noom Diet Coach

Android_Etsy