From Design pattern
Jump to: navigation, search
 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
==screen interaction 부분의 애매한 패턴들을 모아놓은 페이지 입니다. sand 박스에 있으나 도저히 현재 screen interaction에 갈 수 없다고 생각되는 것들을 모아둔 최종 sandbox 입니다.==
+
Close page은 실행중이거나 멀티태스킹 상태에서의 창을 닫는 패턴이다.
  
*손승희, 조연지 모두 점검완료
+
주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.
* 민경보 확인완료
+
* 김영태 모두 점검완료
+
  
 +
=== With this pattern, we can solve... ===
 +
창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.
  
== 제거하다==
+
* 창, 앱, 페이지, 프로그램 등을 닫는 방식이기 때문에 닫는 방법을 알려주지 않을 경우 그 동작이 짐작할 수 있는 것이어야 한다.
=== Windows8 _ Touch Screen ===
+
* 프로그램이 아니라 작업중인 파일이나 데이터를 삭제하는 경우는 데이터를 편집하는 패턴인 [[Delete object]]에 해당한다.
*활성화 중인 앱을 아래로 당겨 종료함
+
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
+
  
=== iOS_google 민경보가 메타폴릭etc로 이동 ===
+
===Example : iOS ===
* 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.
+
[[file:Quit program.jpg]]
{{#Widget:Vimeo|id=94909158|width=300|height=500}}
+
  
 
----
 
----
  
== 대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin ==
+
=== Windows8 ===
 +
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
  
== 스크린 인터렉션 쪽에 포함시키거나 어플리케이션 종료에 대한 부분은 Dealing With Data에서 다루는게 맞다고 보여집니다. _ jemin ==
+
=== iOS ===
* 김선영: [[Dealing- Delete object 관련하여]]에 관련하여 의견 적어놓았습니다. ^^
+
----
+
 
+
==대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin ==
+
 
+
== 화면 밖으로 컨텐츠를 보내서 삭제하는 개념이라는 Screen Effect 쪽으로... / 멀티태스킹 상태에서 어플리케이션을 종료하는 쪽이라면 Dealing With Data 쪽으로 가는것이 맞다고 생각됩니다. _ jemin ==
+
 
+
멀티태스킹 화면에서 실행중인 프로그램 종료하기 위한 인터랙션이 이루어진다.
+
 
+
== Examples ==
+
=== 198번 사례 ===
+
* 멀티태스킹 화면에서 상/하 drag를 통하여 실행중인 창을 화면 밖으로 내보내듯 종료한다.
+
* 아래는 IOS 멀티태스킹 화면에서 실행중인 App을 종료하는 사례이다.
+
 
{{#Widget:Vimeo|id=93550672|width=300|height=533}}
 
{{#Widget:Vimeo|id=93550672|width=300|height=533}}
  
 +
=== Android ===
 +
{{#Widget:Vimeo|id=93954440|width=300|height=541}}]
  
=== Android_Multitasking ===
+
=== Android_Samsung Galaxy Note ===
{{#Widget:Vimeo|id=93954440|width=300|height=541}}
+
{{#Widget:Vimeo|id=94636809|width=300|height=455}}
 
+
  
 
=== Android_Chrome ===
 
=== Android_Chrome ===
* 활성화 되어 있는 인터넷 창을 모두 볼 수 있는 화면에서 좌/우 drag를 통하여 실행중인 창을 종료한다.
 
 
{{#Widget:Vimeo|id=93362380|width=300|height=455}}
 
{{#Widget:Vimeo|id=93362380|width=300|height=455}}
 
=== Android_Samsung Galaxy Note ===
 
* 실행중인 어플리케이션 항목에서 종료하고자 하는 어플리케이션을 drag하여 화면 밖으로 밀어내서 종료한다.
 
{{#Widget:Vimeo|id=94636809|width=300|height=455}}
 
 
----
 
== 페이지 관련 사례 : 아래 사례중 일부만 Navigation에 해당하여, 여기로 이동 후 일부만 navi로 복사함. ==
 
 
 
=== iOS_Unforget 민경보가 카드플립으로 옮김 ===
 
* 화면속 영어로 적힌 단어카드를 tap하면 카드가 뒤집어지면서 그 의미가 나온다.
 
{{#Widget:Vimeo|id=93367653|width=300|height=405}}
 
 
== Slider in screen interaction ==
 
 
=== Samsung's Transparent Smart Window with virtual blinds ===
 
* 유리창을 위아래로 drag 하면, 위로 올릴때 버티칼이 열리고 아래로 내리면 버티칼리 내려가며 태양광을 조절한다.
 
{{#Widget:Youtube|id=NuoIGteFC20|width=665|height=374}}
 
 
 
=== iOS_FoxNews ===
 
* Navigation +에도 이동했으나, 다른 대분류 확인이 필요.(강조한다는 점에서)
 
* 기사들이 나열된 목록에서 현재 기사의 대표이미지가 크게 보이며, 하나씩 넘길 때 다음 기사의 대표이미지가 커지면서 넘어간다.
 
{{#Widget:Vimeo|id=95773440|width=300|height=533}}
 
 
=== Isabella stewart gardner museum_Touch table prototype ===
 
* #01:17-01:27
 
{{#Widget:Vimeo|id=42073036|width=665|height=374}}
 
 
== 소셜:프로필 ==
 
===iOS_Hangout ===
 
{{#Widget:Vimeo|id=95773041|width=300|height=533}}
 
 
 
 
  
  
[[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