From Design pattern
Jump to: navigation, search
 
(17 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]]에 해당한다.
*활성화 중인 앱을 아래로 당겨 종료함
+
 
 +
===Example : iOS ===
 +
[[file:Quit program.jpg]]
 +
 
 +
----
 +
 
 +
=== Windows8 ===
 
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
 
{{#Widget:Vimeo|id=95088487|width=665|height=374}}
  
=== iOS_google 민경보가 메타폴릭etc로 이동 ===
+
=== iOS ===
* 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.
+
{{#Widget:Vimeo|id=94909158|width=300|height=500}}
+
 
+
=== 198번 사례 ===
+
* 멀티태스킹 화면에서 상/하 drag를 통하여 실행중인 창을 화면 밖으로 내보내듯 종료한다.
+
* 아래는 IOS 멀티태스킹 화면에서 실행중인 App을 종료하는 사례이다.
+
 
{{#Widget:Vimeo|id=93550672|width=300|height=533}}
 
{{#Widget:Vimeo|id=93550672|width=300|height=533}}
  
=== Android_Multitasking ===
+
=== Android ===
{{#Widget:Vimeo|id=93954440|width=300|height=541}}
+
{{#Widget:Vimeo|id=93954440|width=300|height=541}}]
 
+
=== Android_Chrome ===
+
* 활성화 되어 있는 인터넷 창을 모두 볼 수 있는 화면에서 좌/우 drag를 통하여 실행중인 창을 종료한다.
+
{{#Widget:Vimeo|id=93362380|width=300|height=455}}
+
  
 
=== Android_Samsung Galaxy Note ===
 
=== Android_Samsung Galaxy Note ===
* 실행중인 어플리케이션 항목에서 종료하고자 하는 어플리케이션을 drag하여 화면 밖으로 밀어내서 종료한다.
 
 
{{#Widget:Vimeo|id=94636809|width=300|height=455}}
 
{{#Widget:Vimeo|id=94636809|width=300|height=455}}
  
----
+
=== Android_Chrome ===
== 페이지 관련 사례 : 아래 사례중 일부만 Navigation에 해당하여, 여기로 이동 후 일부만 navi로 복사함. ==
+
{{#Widget:Vimeo|id=93362380|width=300|height=455}}
 
+
 
+
=== 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