|
|
| Line 8: |
Line 8: |
| | * Multiple select는 빠르게 여러개의 기지정 항목을 선택할 수 있도록 한다. | | * Multiple select는 빠르게 여러개의 기지정 항목을 선택할 수 있도록 한다. |
| | * 각 항목이 선택되고 취소 되었음을 즉각적으로 확인할 수 있으며, 언제든 반대의 선택을 할 수 있다는 힌트를 제공한다. | | * 각 항목이 선택되고 취소 되었음을 즉각적으로 확인할 수 있으며, 언제든 반대의 선택을 할 수 있다는 힌트를 제공한다. |
| | + | * 유사한 패턴으로 Single select, Select & get quick output이 있다. |
| | | | |
| | === Example : iOS_Melon === | | === Example : iOS_Melon === |
Revision as of 06:26, 27 June 2014
Multiple select는 기지정 항목 중 여러개를 선택적으로 입력하기 위하여 사용되는 패턴이다.
Multiple select는 주로 Highlight color, Checkboxers와 함께 사용된다.
With this pattern, we can solve...
Multiple select는 현재 화면에서 선택가능한 기지정정보 리스트를 확인 할 수 있을 때 사용한다.
- Multiple select는 빠르게 여러개의 기지정 항목을 선택할 수 있도록 한다.
- 각 항목이 선택되고 취소 되었음을 즉각적으로 확인할 수 있으며, 언제든 반대의 선택을 할 수 있다는 힌트를 제공한다.
- 유사한 패턴으로 Single select, Select & get quick output이 있다.
Example : iOS_Melon
Multiple select from a list
리스트 메뉴에서 하나 이상의 항목을 선택하여 입력한다.
iOS_Melon
- 목록에서 해당하는 것들을 하나씩 탭해서 여러 개를 선택하며 다시 탭하면 그 목록은 선택이 취소된다.
iOS_Bugs
- 목록에서 해당하는 것들을 하나씩 탭해서 여러 개를 선택한다. 다시 탭하면 그 목록은 선택이 취소된다.
iOS_gmail
Android_whatcha
Multiple select from icons
아이콘이나 이름으로 이루어진 항목들 중 하나 이상을 선택하여 입력한다.
iOS_STEP
- 하단에 있는 리스트에서 선택하고자 하는 아이콘을 1개 이상 tap하여 선택한다.
iOS_Fab
606번 사례
iOS_Photo
iOS_Snapfish
- 버튼을 tap하여 항목 전체를 선택하거나 해제한다.
Multiple select with checkbox
체크박스를 tap하여 하나 이상의 항목을 선택하여 입력한다.
604번 사례
iOS_Anylist
Android_LG G Pro 2 콜라주
- 별도의 사진 편집을 거치지 않고 한 장의 콜라주 사진으로 자동으로 만들때 사진 목록에서 해당 사진이 tap하여 선택 되었음을 체크박스를 통해 안다.
- #02:13-#02:45
""
iOS_gmail
Multiple select range
특정 시작점과 끝점 사이에 포함되는 항목을 선택하여 입력한다.
Android_Etsy
iOS_Etsy
iOS_Fab
iOS_Sunrize
Android_Expedia