Difference between revisions of "Sort by swipe"
Navigation menu
From Design pattern
(→625번 사례) |
(→Example) |
||
| (23 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | 리스트의 항목을 | + | Sort by swipe는 리스트의 항목을 swipe하였을 때 특정한 그룹으로 자동으로 이동하여, 사용자의 편의에 맞게 배열하는 패턴이다. 항목이 그룹으로 이동하기 때문에 sort 형태를 띄고 있으나, 그룹핑이 필수적으로 동반된다. |
| + | 여러 개의 그룹과 그룹 내 항목이 한 화면에 나타날 경우 swipe하는 경우 위 아래 그룹으로 항목을 이동할 수 있다. 혹은, 좌우로 swipe할 때 용도에 따라 이동되는 그룹의 성격이 다를 수도 있다. | ||
| + | === With this pattern, we can solve... === | ||
| + | 그룹이 개념적으로 연결되어있거나 그룹에서 인접한 내용끼리의 이동이 잦은 경우, 혹은 2가지의 명백하게 다른 그룹으로 항목을 이동하는 경우 Sort by swipe를 할 수 있다. 직관적이기보다는 학습을 통해 빠르고 효율적으로 이동하는 패턴이다. | ||
| − | + | * 컨텐츠가 많지 않고 그룹에서 인접한 내용끼리의 이동이 잦은 경우 [[Sort by drag-and-drop]]에 비해 빠르게 이동이 가능하다. | |
| − | + | * 항목은 좌측으로 swipe하는 경우 왼쪽 혹은 위쪽 그룹으로 이동하고, 우측으로 swipe하는 경우 오른쪽 혹은 아래쪽 그룹으로 이동한다. | |
| − | * | + | * 왼쪽으로 swipe하는 경우와 오른쪽으로 swipe하는 경우 다른 그룹으로 이동하기 때문에 그 피드백이 명백해야 한다. |
| − | + | * 이미 swipe하여 그룹을 변경한 경우에 대해 취소하거나 다시 원래의 위치로 되돌리는 과정이 용이해야 한다. | |
| + | * 항목 개별 뿐 아니라 특정 기준으로 sort된 그룹을 통째로 swipe하여 이동할 수도 있다. 단 이 경우, Sort by swipe에 앞서 특정 기준으로 항목을 그루핑하는 [[Group by condition]]이 필수적으로 동반된다. | ||
| + | === Example : iOS_Tidy === | ||
| + | [[File:Sort by swipe.jpeg]] | ||
| − | [[Category:Sort data]] | + | ---- |
| + | |||
| + | === Android_Decked Builder === | ||
| + | {{#Widget:Vimeo|id=94636813|width=300|height=480}} | ||
| + | |||
| + | === iOS_Tidy === | ||
| + | {{#Widget:Vimeo|id=96603085|width=300|height=533}} | ||
| + | |||
| + | [[Category:Sort&Group data]] | ||
Latest revision as of 17:18, 29 July 2014
Sort by swipe는 리스트의 항목을 swipe하였을 때 특정한 그룹으로 자동으로 이동하여, 사용자의 편의에 맞게 배열하는 패턴이다. 항목이 그룹으로 이동하기 때문에 sort 형태를 띄고 있으나, 그룹핑이 필수적으로 동반된다.
여러 개의 그룹과 그룹 내 항목이 한 화면에 나타날 경우 swipe하는 경우 위 아래 그룹으로 항목을 이동할 수 있다. 혹은, 좌우로 swipe할 때 용도에 따라 이동되는 그룹의 성격이 다를 수도 있다.
Contents
With this pattern, we can solve...
그룹이 개념적으로 연결되어있거나 그룹에서 인접한 내용끼리의 이동이 잦은 경우, 혹은 2가지의 명백하게 다른 그룹으로 항목을 이동하는 경우 Sort by swipe를 할 수 있다. 직관적이기보다는 학습을 통해 빠르고 효율적으로 이동하는 패턴이다.
- 컨텐츠가 많지 않고 그룹에서 인접한 내용끼리의 이동이 잦은 경우 Sort by drag-and-drop에 비해 빠르게 이동이 가능하다.
- 항목은 좌측으로 swipe하는 경우 왼쪽 혹은 위쪽 그룹으로 이동하고, 우측으로 swipe하는 경우 오른쪽 혹은 아래쪽 그룹으로 이동한다.
- 왼쪽으로 swipe하는 경우와 오른쪽으로 swipe하는 경우 다른 그룹으로 이동하기 때문에 그 피드백이 명백해야 한다.
- 이미 swipe하여 그룹을 변경한 경우에 대해 취소하거나 다시 원래의 위치로 되돌리는 과정이 용이해야 한다.
- 항목 개별 뿐 아니라 특정 기준으로 sort된 그룹을 통째로 swipe하여 이동할 수도 있다. 단 이 경우, Sort by swipe에 앞서 특정 기준으로 항목을 그루핑하는 Group by condition이 필수적으로 동반된다.
Example : iOS_Tidy
Android_Decked Builder
iOS_Tidy