| Line 62: | Line 62: | ||
}} | }} | ||
| − | Search with criteria는 사용자가 지정한 | + | Search with criteria는 사용자가 지정한 기준에 해당하는 항목만 검색하는 pattern이다. |
| − | + | ||
| − | + | 검색 기준과 결과 항목 리스트가 한 화면에 존재하여 화면에서 바로 검색을 활용하는 방식과 검색창이 별도의 option menu 형식으로 존재하여 보조창을 활용하여 검색 기준을 설정하고, 화면에서 적용하는 방식으로 분류할 수 있다. | |
| + | |||
| + | 검색 기준을 설정하는 방법에는 filter가 존재하여, 주어진 항목 중에서 선택하는 방식과, 사용자가 직접 입력하여 입력한 내용에 해당하는 결과값이 나타나는 input text form field가 존재하는 방식으로도 분류가 가능하다. input text form field 방식일 경우, 해당되는 결과를 Auto-complete pattern을 통해 사용자에게 즉각적으로 보여줄 수 있다. | ||
=== With this pattern, we can solve... === | === With this pattern, we can solve... === | ||
| − | + | 한 페이지에서 보여주기에 자료의 양이 많을 때나 사용자가 특정한 기준에 해당하는 자료만을 보고 싶을 경우 Search with criteria 기능이 필요하다. Search with criteria는 사용자가 원하는 항목을 쉽게 찾아낼 수 있게 도와준다. | |
| − | * | + | *Search with criteria은 검색 기준을 입력할 수 있는 화면과 검색 결과가 나타나는 화면으로 구성된다. |
| − | * | + | *항목을 검색하는 것이 아닌, 사용자가 활용하고 있는 리스트에서 항목을 특정 기준에 맞춰 배열하거나 카테고리화하려는 목적일 경우 해당하지 않는다. |
| − | + | ||
| − | + | ||
---- | ---- | ||
| − | == | + | == Filter == |
<div id="sun-col"> | <div id="sun-col"> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=== iPhone_Yummly === | === iPhone_Yummly === | ||
{{#Widget:Vimeo|id=95774408|width=300|height=533}} | {{#Widget:Vimeo|id=95774408|width=300|height=533}} | ||
| − | {{#Widget:Vimeo|id=95774331|width=300|height= | + | {{#Widget:Vimeo|id=95774331|width=300|height=533}} |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
=== Andriod_ASOS === | === Andriod_ASOS === | ||
| − | |||
{{#Widget:Vimeo|id=95491274|width=300|height=542}} | {{#Widget:Vimeo|id=95491274|width=300|height=542}} | ||
=== iPhone_Mixology™ === | === iPhone_Mixology™ === | ||
| − | + | {{#Widget:Vimeo|id=93372822|width=300|height=405}} | |
{{#Widget:Vimeo|id=93372820|width=300|height=405}} | {{#Widget:Vimeo|id=93372820|width=300|height=405}} | ||
| − | === | + | === iPad_Naver Map === |
| − | + | {{#Widget:Vimeo|id=95733114|width=300|height=405}} | |
| − | {{#Widget:Vimeo|id= | + | |
=== Andriod_Ski Butternut === | === Andriod_Ski Butternut === | ||
| − | |||
{{#Widget:Vimeo|id=95585611|width=300|height=542}} | {{#Widget:Vimeo|id=95585611|width=300|height=542}} | ||
| − | + | </div> | |
| − | === | + | ---- |
| − | {{#Widget:Vimeo|id= | + | == Input text form field == |
| + | <div id="sun-col"> | ||
| + | === iPad_InDic === | ||
| + | {{#Widget:Vimeo|id=93373414|width=300|height=405}} | ||
</div> | </div> | ||
[[Category:Search]] | [[Category:Search]] | ||
Search with criteria는 사용자가 지정한 기준에 해당하는 항목만 검색하는 pattern이다.
검색 기준과 결과 항목 리스트가 한 화면에 존재하여 화면에서 바로 검색을 활용하는 방식과 검색창이 별도의 option menu 형식으로 존재하여 보조창을 활용하여 검색 기준을 설정하고, 화면에서 적용하는 방식으로 분류할 수 있다.
검색 기준을 설정하는 방법에는 filter가 존재하여, 주어진 항목 중에서 선택하는 방식과, 사용자가 직접 입력하여 입력한 내용에 해당하는 결과값이 나타나는 input text form field가 존재하는 방식으로도 분류가 가능하다. input text form field 방식일 경우, 해당되는 결과를 Auto-complete pattern을 통해 사용자에게 즉각적으로 보여줄 수 있다.
한 페이지에서 보여주기에 자료의 양이 많을 때나 사용자가 특정한 기준에 해당하는 자료만을 보고 싶을 경우 Search with criteria 기능이 필요하다. Search with criteria는 사용자가 원하는 항목을 쉽게 찾아낼 수 있게 도와준다.