From Design pattern
Jump to: navigation, search

Multi-touch for editing은 두손가락 이상의 터치를 이용하여 시스템이나 어플리케이션을 다양하게 편집하는 인터랙션 패턴이다. 페이지에서 말하는 편집은 컨텐츠를 이동하거나, 실행된 내용을 취소, 재실행하거나, 복사, 저장, 삭제하는 등의 테스크를 포함한다. 각각의 기기와 어플리케이션마다 특수한 멀티 터치 커맨드를 사용하고 있기 때문에 패턴으로 규정되어 지기에는 다소 제한적인 사례들이 패턴내의 그룹으로 모여진다.

Multi-touch for editing은 몇개의 손가락을 사용하여 시스템을 조작하는가, 어떠한 테스크를 수행하는가, 어떠한 기기에 적용되는가 등 분류기준이 관점에 따라 다양할 수 있다. 페이지에서는 테스크와 액션의 조합 개념으로 사례를 모아 분류한다.

With this pattern, we can solve....

Multi-touch for editing은 일반적으로 스케치북, 이미지편집과 같이 한손가락 제스쳐를 통해 컨텐츠를 작성하거나 편집하는 인터랙션과 명령을 수행하는 인터랙션을 구별하기 위해 사용된다.

일반적으로 스마트폰에 비하여 터치디스플레이의 크기가 상대적으로 큰 패드나, 노트, 탭 등의 제품에 주로 적용되어 두손가락 이상의 다양한 멀티터치를 이용해 시스템을 용이하게 조작할 수 있게한다.

Example : iPad _ Paper by FiftyThree

Hold & Drag for move contents.jpeg


Hold & Drag for move contents

iPad _ Paper by FiftyThree

  • 작성했던 페이퍼가 모여 하나의 책으로 구성되어진 상황에서 페이퍼의 위치를 변경할 수 있다.
  • 이동하고 싶은 페이퍼를 hold한 상태에서 다른 한 손으로 책을 swipe하여 이동하고 싶은 위치를 펼친다.
  • hold하고 있었던 페이퍼를 drag를 통해 이동시키면 페이퍼의 위치가 변경된다.


Two fingers touch for Undo / Redo

iPad _ Paper by FiftyThree

  • 그림이나 글씨를 자유로이 입력하는 화면에서 두손가락을 반시계 방향으로 돌리면 바로 이전에 작성한 내용이 취소된다.
  • 두손가락을 시계 방향으로 돌리면 취소했던 내용이 다시 실행된다.

iOS _ Tayasui Sketches

  • 그림이나 글씨를 자유로이 입력하는 화면에서 두손가락을 왼쪽으로 swipe하면 바로 이전에 작성한 내용이 취소된다.
  • 두손가락을 오른쪽으로 swipe하면 취소했던 내용이 다시 실행된다.


Two Finger touch for Copy / Save / Delete

iOS _ Tayasui Sketches

  • 작성한 페이지를 모두 볼 수 있는 화면에서 두 손가락을 좌우로 swipe하면 해당 페이지가 복사된다.

iOS _ Tayasui Sketches

  • 페이지를 작성하는 화면에서 두 손가락을 왼쪽으로 swipe하면 이전 페이지가 저장되며 새로운 페이지에서 작업이 가능하다.

iOS _ Tayasui Sketches

  • 작성한 페이지를 모두 볼 수 있는 화면에서 두 손가락을 아래쪽으로 swipe하면 해당 페이지를 삭제할 수 있다.