From Design pattern
Jump to: navigation, search
 
(79 intermediate revisions by 5 users not shown)
Line 1: Line 1:
==screen interaction 부분의 애매한 패턴들을 모아놓은 페이지 입니다. sand 박스에 있으나 도저히 현재 screen interaction에 갈 수 없다고 생각되는 것들을 모아둔 최종 sandbox 입니다.==
+
Close page은 실행중이거나 멀티태스킹 상태에서의 창을 닫는 패턴이다.
  
=== iOS _ Music OS ===
+
주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.
{{#Widget:Vimeo|id=96665192|width=665|height=374}}
+
  
=== iOS _ Video OS ===
+
=== With this pattern, we can solve... ===
{{#Widget:Vimeo|id=96665090|width=665|height=374}}
+
창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.
  
=== Windows8 _ Touch Screen ===
+
* 창, 앱, 페이지, 프로그램 등을 닫는 방식이기 때문에 닫는 방법을 알려주지 않을 경우 그 동작이 짐작할 수 있는 것이어야 한다.
{{#Widget:Vimeo|id=95088571|width=665|height=374}}
+
* 프로그램이 아니라 작업중인 파일이나 데이터를 삭제하는 경우는 데이터를 편집하는 패턴인 [[Delete object]]에 해당한다.
  
=== Windows8 _ Touch Screen ===
+
===Example : iOS ===
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
+
[[file:Quit program.jpg]]
 
+
=== Windows8 _ Touch Screen ===
+
{{#Widget:Vimeo|id=95088430|width=665|height=374}}
+
 
+
=== Windows8 _ Touch Screen ===
+
{{#Widget:Vimeo|id=95088366|width=665|height=374}}
+
 
+
=== Windows8 _ Touch Screen ===
+
{{#Widget:Vimeo|id=95088623|width=665|height=374}}
+
 
+
=== Windows8 _ Touch Screen ===
+
{{#Widget:Vimeo|id=95088809|width=665|height=374}}
+
 
+
 
+
=== iOS_weathercube===
+
* 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.
+
<videoflash type="vimeo">94907107|300|533</videoflash>
+
 
+
=== iOS_weathercube ===
+
* 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.
+
<videoflash type="vimeo">94906931|300|533</videoflash>
+
 
+
=== iOS_steller===
+
* 손가락을 통해 페이지 속 사진을 책장을 넘겨보듯 본다.
+
* 이동
+
<videoflash type="vimeo">94908269|300|533</videoflash>
+
 
+
=== iOS_google===
+
* 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.
+
<videoflash type="vimeo">94909158|300|533</videoflash>
+
 
+
=== Interactive Presentation of the "Electronic University"System._extend screen===
+
* 기존 화면의 틀을 벗어나 드래그하는 액션을 통해 큰화면으로 화면을 확장한다.
+
<videoflash type="vimeo">50593577|665|374</videoflash>
+
 
+
===iOS_Duolingo===
+
* 카루셀은 아니라고 함
+
* 여러장의 카드를 회전하듯 돌려 볼 수 있다.
+
{{#Widget:Vimeo|id= 96455675|width=258|height=385}}
+
  
 
----
 
----
=== 대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin == =
 
  
=== 스크린 인터렉션 쪽에 포함시키거나 어플리케이션 종료에 대한 부분은 Dealing With Data에서 다루는게 맞다고 보여집니다. _ jemin ===
+
=== Windows8 ===
 +
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
  
 +
=== iOS ===
 +
{{#Widget:Vimeo|id=93550672|width=300|height=533}}
  
== Examples ==
+
=== Android ===
=== Windows8 _ Touch Screen ===
+
{{#Widget:Vimeo|id=93954440|width=300|height=541}}]
* 스크린 상단 밖에서 스크린 하단 아래쪽으로 drag하는 행동을 통해 실행 하고 있는 앱의 화면을 종료하다.
+
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
+
 
+
=== Sony PS Vita ===
+
* 종이를 벗겨내는 동작을통하여 화면 속의 창을 종료한다.
+
* 단, 아래 영상의 1분 24초 ~ 1분 30초에 해당한다.
+
{{#Widget:Youtube|id=QkcKA7OLiHI|width=665|height=374}}
+
  
* 단, 아래 영상의 1초 ~ 4초에 해당한다.
+
=== Android_Samsung Galaxy Note ===
{{#Widget:Youtube|id=BJzfOUetkkU|width=665|height=374}
+
{{#Widget:Vimeo|id=94636809|width=300|height=455}}
  
* 단, 아래 영상의 3분 57초 ~ 4분 1초에 해당한다.
+
=== Android_Chrome ===
{{#Widget:Youtube|id=C4noJnIW6wc|width=665|height=374}}
+
{{#Widget:Vimeo|id=93362380|width=300|height=455}}
  
  
[[Category:Ambiguous]]
+
[[Category:Deactivate application]]

Latest revision as of 17:52, 29 July 2014

Close page은 실행중이거나 멀티태스킹 상태에서의 창을 닫는 패턴이다.

주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.

With this pattern, we can solve...

창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.

  • 창, 앱, 페이지, 프로그램 등을 닫는 방식이기 때문에 닫는 방법을 알려주지 않을 경우 그 동작이 짐작할 수 있는 것이어야 한다.
  • 프로그램이 아니라 작업중인 파일이나 데이터를 삭제하는 경우는 데이터를 편집하는 패턴인 Delete object에 해당한다.

Example : iOS

Quit program.jpg


Windows8

iOS

Android

]

Android_Samsung Galaxy Note

Android_Chrome