From Design pattern
Jump to: navigation, search
Line 1: Line 1:
Swipe to move content는 컨텐츠를 swipe하여 이동시키는 패턴이다. <!--Sort by swipe는 리스트의 항목을 swipe하였을 때 특정한 그룹으로 자동으로 이동하는 매커니즘을 사용하여 사용자의 편의에 맞게 배열하는 패턴이다.--> swipe하는 방향에 따라 하위카테고리로 이동하거나 상위카테고리로 이동한다.
+
Sort by swipe는 리스트의 항목을 swipe하였을 때 특정한 그룹으로 자동으로 이동하여, 사용자의 편의에 맞게 배열하는 패턴이다. 항목은 좌측으로 swipe하는 경우 왼쪽 혹은 위쪽 그룹으로 이동하고, 우측으로 swipe하는 경우 오른쪽 혹은 아래쪽 그룹으로 이동한다.
 +
 
 +
여러 개의 그룹과 그룹 내 항목이 한 화면에 나타날 경우 swipe하는 경우 위 아래 그룹으로 항목을 이동할 수 있다. 혹은, 좌우로 swipe할 때 용도에 따라 이동되는 그룹의 성격이 다를 수도 있다.  
  
 
=== With this pattern, we can solve... ===
 
=== With this pattern, we can solve... ===
컨텐츠가 많지 않고 카테고리 상에서 인접한 내용끼리의 이동이 잦은 경우 Drag and drop에 비해 빠르게 이동이 가능하다.
 
  
* 컨텐츠를 상위카테고리로 이동하고자 할 때는 왼쪽으로, 하위카테고리로 이동하고자 할 때는 오른쪽으로 swipe하여 이동한다.
+
* 컨텐츠가 많지 않고 카테고리 상에서 인접한 내용끼리의 이동이 잦은 경우 [[Sort by drag-and-drop]]에 비해 빠르게 이동이 가능하다.
 +
* 왼쪽으로 swipe하는 경우와 오른쪽으로 swipe하는 경우 다른 그룹으로 이동하기 때문에 그 피드백이 명백해야 한다.
 +
* 이미 swipe하여 그룹을 변경한 경우에 대해 취소하거나 다시 원래의 위치로 되돌리는 과정이 용이해야 한다.
 +
* 항목 개별 뿐 아니라 특정 기준으로 sort된 그룹을 통째로 swipe하여 이동할 수도 있다. 단 이 경우,  Sort by swipe에 앞서 특정 기준으로 항목을 그루핑하는 [[Group by condition]]이 필수적으로 동반된다.  
  
----
 
 
=== Example: Android_Decked Builder ===
 
=== Example: Android_Decked Builder ===
 
{{#Widget:Vimeo|id=94636813|width=300|height=480}}
 
{{#Widget:Vimeo|id=94636813|width=300|height=480}}

Revision as of 11:04, 14 July 2014

Sort by swipe는 리스트의 항목을 swipe하였을 때 특정한 그룹으로 자동으로 이동하여, 사용자의 편의에 맞게 배열하는 패턴이다. 항목은 좌측으로 swipe하는 경우 왼쪽 혹은 위쪽 그룹으로 이동하고, 우측으로 swipe하는 경우 오른쪽 혹은 아래쪽 그룹으로 이동한다.

여러 개의 그룹과 그룹 내 항목이 한 화면에 나타날 경우 swipe하는 경우 위 아래 그룹으로 항목을 이동할 수 있다. 혹은, 좌우로 swipe할 때 용도에 따라 이동되는 그룹의 성격이 다를 수도 있다.

With this pattern, we can solve...

  • 컨텐츠가 많지 않고 카테고리 상에서 인접한 내용끼리의 이동이 잦은 경우 Sort by drag-and-drop에 비해 빠르게 이동이 가능하다.
  • 왼쪽으로 swipe하는 경우와 오른쪽으로 swipe하는 경우 다른 그룹으로 이동하기 때문에 그 피드백이 명백해야 한다.
  • 이미 swipe하여 그룹을 변경한 경우에 대해 취소하거나 다시 원래의 위치로 되돌리는 과정이 용이해야 한다.
  • 항목 개별 뿐 아니라 특정 기준으로 sort된 그룹을 통째로 swipe하여 이동할 수도 있다. 단 이 경우, Sort by swipe에 앞서 특정 기준으로 항목을 그루핑하는 Group by condition이 필수적으로 동반된다.

Example: Android_Decked Builder


iOS_Tidy