From Design pattern
Jump to: navigation, search
(Example : iPad _ OS)
 
(22 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{#seo:
+
Multi-touch for closing은 두손가락 이상의 터치를 이용하여 어플리케이션을 종료하거나, 실행중인 어플리케이션을 나가기 위한 인터랙션 패턴이다. 각각의 기기와 어플리케이션마다 특수한 멀티 터치 커맨드를 사용하고 있기 때문에 패턴으로 규정되어 지기에는 다소 제한적인 사례들이 패턴내의 그룹으로 모여진다.
|title=
+
|titlemode=append
+
|keywords=
+
|description=
+
|thumbnail=http://www.ixpatterns.com/images/c/c4/Hold_%26_Drag_for_move_contents.jpeg
+
}}
+
  
{{#css:
+
Multi-touch for closing은 몇개의 손가락을 사용하여 시스템을 조작하는가, 어떠한 테스크를 수행하는가, 어떠한 기기에 적용되는가 등 분류기준이 관점에 따라 다양할 수 있다. 페이지에서는 테스크를 수행하기 위한 동작에 초점을 맞추어 사례를 구분한다.
#mw-content-text h3 span {
+
font-weight: 600;
+
padding-left: 0px;
+
}
+
 
+
.mw-headline {
+
font-weight: 600;
+
}
+
 
+
span.mw-editsection {
+
font-weight: 200;
+
position: relative;
+
float:right;
+
margin-right: 25px
+
}
+
 
+
span.mw-editsection a {
+
font-weight: 200;
+
}
+
 
+
.art-subpage {
+
background: #F7F7F7;
+
}
+
 
+
#mw-content-text p {
+
padding-top: 0px;
+
padding-bottom: 6px;
+
}
+
 
+
.mw-content-ltr ul {
+
margin: 0.3em 0 0 42px;
+
}
+
 
+
 
+
hr {
+
margin-top: 0px;
+
margin-bottom: 0px;
+
margin-left: -31px;
+
width: 720px;
+
border-bottom: 1px solid #E0E0DD;
+
border-left: 0px;
+
border-right: 0px;
+
border-top: 30px solid #F7F7F7;
+
}
+
<!--
+
#sun-col {
+
-webkit-column-count:2; /* Chrome, Safari, Opera */
+
-moz-column-count:2; /* Firefox */
+
column-count:2;
+
}
+
 
+
#sun-col p {
+
padding-left: 0px;
+
-->
+
}
+
 
+
}}
+
 
+
Various multi-touch command는 두손가락 이상의 터치를 이용하여 시스템을 조작하는 다양한 사례들이 모여진 패턴이다.
+
각각의 기기와 어플리케이션마다 특수한 멀티 터치 커맨드를 사용하고 있기 때문에 패턴으로 규정되어 지기에는 다소 제한적인 사례들이 패턴내의 그룹으로 모여진다.
+
 
+
Various multi-touch command는 몇개의 손가락을 사용하여 시스템을 조작하는가, 어떠한 테스크를 수행하는가, 어떠한 기기에 적용되는가 등 분류기준이 관점에 따라 다양할 수 있다. 페이지에서는 크게 어플리케이션 내부에서 이용되어지는 멀티 터치 커맨드와 기기전반에 걸쳐 멀티태스킹 기능으로 작동하는 멀티 터치 커맨드를 나누어 분류한다.
+
  
 
===With this pattern, we can solve....===
 
===With this pattern, we can solve....===
Various multi-touch command는 멀티태스킹을 허용하는 기기에서 시스템전반을 조작할 수 있는 단축키(short cut)개념으로 사용하는 사례와 하나의 어플리케이션 안에서 학습과 이해를 바탕으로 사용할 수 있는 멀티 터치 커맨드로 크게 나누어 진다. 멀티 터치 커맨드가 시스템 조작에 사용되어지는 어플리케이션은 일반적으로 스케치북, 이미지편집과 같이 한소가락 제스쳐를 통해 컨텐츠를 작성하거나 편집하는 인터랙션과 명령을 수행하는 인터랙션을 구별하기 위해 사용된다.
+
Multi-touch for closing은 멀티태스킹을 허용하는 기기에서 어플리케이션을 종료하거나, 실행중인 어플리케이션을 나가고자 할때 두개 이상의 손가락을 이용하여 별도의 버튼을 누르지 않고, 터치디스필레이의 조작을 통해 테스크를 수행할 수 있게 한다.
  
* 멀티태스킹 환경에서 어플리케이션 화면을 나가거나 종료할때 사용할 수 있다.
+
일반적으로 스마트폰에 비하여 터치디스플레이의 크기가 상대적으로 큰 패드나, 노트, 탭 등의 제품에 주로 적용되어 두손가락 이상의 다양한 멀티터치를 이용해 시스템을 용이하게 조작할 있게한다.
* 그림을 그리는 어플리케이션에서 특수한 조작(저장,삭제,되돌리기,다시실행하기 등)을 수행하는데 사용할 있다.
+
  
=== Example : iPad _ Paper by FiftyThree ===
+
=== Example : iPad _ OS ===
[[file:Hold & Drag for move contents.jpeg|665px]]
+
[[file:Multi-touch_for_closing.jpeg|665px]]
 
----
 
----
== Multi-touch command in device ==
+
 
=== Two fingers touch for escape ===
+
== Two fingers touch for escape ==
==== ipad ====
+
=== ipad _ OS ===
 
* 이미지나 비디오등의 컨텐츠를 보고 있는 상태에서 두손가락을 모으면 상위 화면으로 돌아가 다른 컨텐츠를 확인할 수 있다.
 
* 이미지나 비디오등의 컨텐츠를 보고 있는 상태에서 두손가락을 모으면 상위 화면으로 돌아가 다른 컨텐츠를 확인할 수 있다.
 
{{#Widget:Vimeo|id=96664675|width=665|height=374}}
 
{{#Widget:Vimeo|id=96664675|width=665|height=374}}
 
+
----
==== Windows8 _ Touch Screen ====
+
== Five fingers touch for Quick Application ==
* 다양한 메뉴가 파노라마 형태로 이어져 있는 상황에서 두 손가락을 모으고 펼치는 동작을 통해 전체 메뉴를 확대 축소하여 볼 수 있다. --> 줌인, 줌아웃으로 위의 exit 사례와 다름
+
===iPad _ OS===
{{#Widget:Vimeo|id=95088708|width=665|height=374}}
+
 
+
=== Four fingers touch for Multitasking ===
+
====iPad_Multitasking====
+
* 여러개의 어플리케이션이 켜져있는 상황에서 네 손가락을 위로 올리는 동작을 통해 멀티태스킹 화면으로 이동한다.
+
{{#Widget:Vimeo|id=96631870|width=665|height=374}}
+
 
+
=== Five fingers touch for Quick Application ===
+
====iPad_Multitasking====
+
 
* 실행중인 어플리케이션을 종료하기 위하여 다섯손가락을 오므리는 동작을 통해 어플리케이션을 쉽게 끌 수 있다.
 
* 실행중인 어플리케이션을 종료하기 위하여 다섯손가락을 오므리는 동작을 통해 어플리케이션을 쉽게 끌 수 있다.
 
{{#Widget:Vimeo|id=96631342|width=665|height=374}}
 
{{#Widget:Vimeo|id=96631342|width=665|height=374}}
  
----
 
 
== Multi-touch command in application ==
 
=== Hold & Drag for move contents ===
 
====iPad _ Paper by FiftyThree====
 
* 작성했던 페이퍼가 모여 하나의 책으로 구성되어진 상황에서 페이퍼의 위치를 변경할 수 있다.
 
* 이동하고 싶은 페이퍼를 홀드한 상태에서 다른 한 손으로 책을 스와이프하여 이동하고 싶은 위치를 펼친다.
 
* 홀드하고 있었던 페이퍼를 드래그를 통해 이동시키면 페이퍼의 위치가 변경된다.
 
{{#Widget:Vimeo|id=96657238|width=665|height=374}}
 
 
=== Two fingers touch for Undo / Redo ===
 
====iPad _  Paper by FiftyThree====
 
* 그림이나 글씨를 자유로이 입력하는 화면에서 두손가락을 반시계 방향으로 돌리면 바로 이전에 작성한 내용이 취소된다.
 
* 두손가락을 시계 방향으로 돌리면 취소했던 내용이 다시 실행된다.
 
{{#Widget:Vimeo|id=96657553|width=665|height=374}}
 
 
====iOS _ Tayasui Sketches====
 
* 그림이나 글씨를 자유로이 입력하는 화면에서 두손가락을 왼쪽으로 스와이프하면 바로 이전에 작성한 내용이 취소된다.
 
* 두손가락을 오른쪽으로 스와이프하면 취소했던 내용이 다시 실행된다.
 
{{#Widget:Vimeo|id=96657662|width=665|height=374}}
 
 
=== Two Finger touch for Copy / Save / Delete ===
 
====iOS _ Tayasui Sketches====
 
* 작성한 페이지를 모두 볼 수 있는 화면에서 두 손가락을 좌우로 스와이프하면 해당 페이지가 복사된다.  --> (swipe, drag 등 영어로)
 
{{#Widget:Vimeo|id=96658052|width=665|height=374}}
 
 
====iOS _ Tayasui Sketches====
 
* 페이지를 작성하는 화면에서 두 손가락을 왼쪽으로 스와이프하면 이전 페이지가 저장되며 새로운 페이지에서 작업이 가능하다.
 
{{#Widget:Vimeo|id=96658176|width=665|height=374}}
 
 
==== iOS _ Tayasui Sketches====
 
* 작성한 페이지를 모두 볼 수 있는 화면에서 두 손가락을 아래쪽으로 스와이프하면 해당 페이지를 삭제할 수 있다.
 
{{#Widget:Vimeo|id=96658244|width=665|height=374}}
 
  
  

Latest revision as of 17:11, 19 July 2014

Multi-touch for closing은 두손가락 이상의 터치를 이용하여 어플리케이션을 종료하거나, 실행중인 어플리케이션을 나가기 위한 인터랙션 패턴이다. 각각의 기기와 어플리케이션마다 특수한 멀티 터치 커맨드를 사용하고 있기 때문에 패턴으로 규정되어 지기에는 다소 제한적인 사례들이 패턴내의 그룹으로 모여진다.

Multi-touch for closing은 몇개의 손가락을 사용하여 시스템을 조작하는가, 어떠한 테스크를 수행하는가, 어떠한 기기에 적용되는가 등 분류기준이 관점에 따라 다양할 수 있다. 페이지에서는 테스크를 수행하기 위한 동작에 초점을 맞추어 사례를 구분한다.

With this pattern, we can solve....

Multi-touch for closing은 멀티태스킹을 허용하는 기기에서 어플리케이션을 종료하거나, 실행중인 어플리케이션을 나가고자 할때 두개 이상의 손가락을 이용하여 별도의 버튼을 누르지 않고, 터치디스필레이의 조작을 통해 테스크를 수행할 수 있게 한다.

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

Example : iPad _ OS

Multi-touch for closing.jpeg


Two fingers touch for escape

ipad _ OS

  • 이미지나 비디오등의 컨텐츠를 보고 있는 상태에서 두손가락을 모으면 상위 화면으로 돌아가 다른 컨텐츠를 확인할 수 있다.


Five fingers touch for Quick Application

iPad _ OS

  • 실행중인 어플리케이션을 종료하기 위하여 다섯손가락을 오므리는 동작을 통해 어플리케이션을 쉽게 끌 수 있다.