From Design pattern
Revision as of 17:14, 29 July 2014 by Admin8 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Sort by condition은 리스트의 항목을 정렬기준에 따라 배열하는 패턴이다. 사용자는 편의에 따라 항목을 기준에 맞춰 배열하여 항목을 쉽게 파악할 수 있다.

항목을 배열하는 기준은 항목의 정보에 따라 나뉘어지며 일반적으로 철자에 따라, 크기에 따라, 항목을 만든 시기에 따라, 가격에 따라 추천 정도에 따라 등이 가능하다. 정렬기준을 정하는 메뉴나 버튼 등은 tap bar, drop down menu, segmented control, drawer menu 등 화면에 나타나 있는 경우, 혹은 그렇지 않은 경우 등 다양하게 표현된다.

With this pattern, we can solve...

한 화면 내에서 항목을 전부 나타날 수 없어 항목에 대해 쉽게 인식할 필요가 있도록 정리하거나, 혹은 목적에 따라 특정 정보 기준으로 항목을 나열할 필요가 있을 경우 Sort by Condition을 활용할 수 있다. 쇼핑몰이나 개인 파일 보관함 등에서 활용된다.

  • 기준을 나타나는 메뉴나 버튼을 통해 항목이 정렬될 때, 정렬이 완료되었음을 알려주는 피드백을 제공한다.
  • 특정 기준에 따라 모든 항목이 배열되는 경우가 아니라, 특정 기준에 해당하는 항목만을 나타내주는 경우는, 배열보다는 검색을 위주로 하는 활동으로 Search with criteria에 속한다.
  • 특정 기준에 따라 항목이 그룹핑되거나, 그루핑되어 나열된다면 Group by condition에 속한다.
  • 특정 기준이 아니라 자유롭게 개인의 취향이나 목적에 맞게 배열하는 형태는 분류하기 위해 취하는 동작에 따라 Sort by drag-and-drop이나 Sort by swipe에 속한다.

Example : iOS_Wunderist

Sort by condition.jpeg


Android_ASOS

Android_Etsy

iOS_Wunderist