|
|
| (27 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | ==screen interaction 부분의 애매한 패턴들을 모아놓은 페이지 입니다. sand 박스에 있으나 도저히 현재 screen interaction에 갈 수 없다고 생각되는 것들을 모아둔 최종 sandbox 입니다.==
| + | Close page은 실행중이거나 멀티태스킹 상태에서의 창을 닫는 패턴이다. |
| | | | |
| − | *손승희, 조연지 모두 점검완료
| + | 주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다. |
| − | * 민경보 확인완료
| + | |
| − | * 김영태 모두 점검완료
| + | |
| | | | |
| − | === iOS _ Music OS === | + | === With this pattern, we can solve... === |
| − | *손승희: screen interaction 이라기 보다 manipulation으로 보입니다. 과기대 확인 부탁드립니다.
| + | 창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다. |
| − | *조연지: getting input의 slider로도 보입니다.
| + | |
| − | {{#Widget:Vimeo|id=96665192|width=665|height=374}}
| + | |
| | | | |
| − | === iOS _ Video OS ===
| + | * 창, 앱, 페이지, 프로그램 등을 닫는 방식이기 때문에 닫는 방법을 알려주지 않을 경우 그 동작이 짐작할 수 있는 것이어야 한다. |
| − | *손승희: screen interaction 이라기 보다 dealing with data나 manipulation으로 보입니다. 확인 부탁드립니다. | + | * 프로그램이 아니라 작업중인 파일이나 데이터를 삭제하는 경우는 데이터를 편집하는 패턴인 [[Delete object]]에 해당한다. |
| − | *김선영: dealing with data가 아니라 getting input의 slider입니다 | + | |
| − | {{#Widget:Vimeo|id=96665090|width=665|height=374}}
| + | |
| | | | |
| − | === Windows8 _ Touch Screen === | + | ===Example : iOS === |
| − | *활성화 중인 앱을 아래로 당겨 종료함
| + | [[file:Quit program.jpg]] |
| − | {{#Widget:Vimeo|id=95088487|width=665|height=374}}
| + | |
| − | | + | |
| − | === Windows8 _ Touch Screen ===
| + | |
| − | * 좌측에 세로로 현재 활성화중인 앱의 목록을 썸네일로 확인함
| + | |
| − | * Navigation > Application switcher에 있음.
| + | |
| − | {{#Widget:Vimeo|id=95088430|width=665|height=374}}
| + | |
| − | | + | |
| − | === Windows8 _ Touch Screen ===
| + | |
| − | * 숨겨진 'Charms'라고 불리우는 app bar(ms에서 사용되는 용어, 모든 app에서 공통적으로 사용할 수 있음. 검색, 공유, 장치, 설정 및 시작의 기능)을 불러옴
| + | |
| − | * Navigation+로도 옮김
| + | |
| − | {{#Widget:Vimeo|id=95088623|width=665|height=374}}
| + | |
| − | | + | |
| − | === Windows8 _ Touch Screen ===
| + | |
| − | *상단에 멀티태스킹 목록과 하단에 app bar로 추정되는 뭔가를 위아래로 불러옴
| + | |
| − | * Navigation+로도 옮김
| + | |
| − | {{#Widget:Vimeo|id=95088809|width=665|height=374}}
| + | |
| − | | + | |
| − | === iOS_google 민경보가 메타폴릭etc로 이동 ===
| + | |
| − | * 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.
| + | |
| − | {{#Widget:Vimeo|id=94909158|width=300|height=500}}
| + | |
| − | | + | |
| − | === Interactive Presentation of the "Electronic University"System._extend screen===
| + | |
| − | * 기존 화면의 틀을 벗어나 드래그하는 액션을 통해 큰화면으로 화면을 확장한다.
| + | |
| − | {{#Widget:Vimeo|id=50593577|width=665|height=374}}
| + | |
| | | | |
| | ---- | | ---- |
| | | | |
| − | == 대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin ==
| + | === Windows8 === |
| − | | + | |
| − | == 스크린 인터렉션 쪽에 포함시키거나 어플리케이션 종료에 대한 부분은 Dealing With Data에서 다루는게 맞다고 보여집니다. _ jemin ==
| + | |
| − | * 김선영: [[Dealing- Delete object 관련하여]]에 관련하여 의견 적어놓았습니다. ^^
| + | |
| − | | + | |
| − | == Examples ==
| + | |
| − | === Windows8 _ Touch Screen === | + | |
| − | * 스크린 상단 밖에서 스크린 하단 아래쪽으로 drag하는 행동을 통해 실행 하고 있는 앱의 화면을 종료하다.
| + | |
| | {{#Widget:Vimeo|id=95088487|width=665|height=374}} | | {{#Widget:Vimeo|id=95088487|width=665|height=374}} |
| | | | |
| − | === Sony PS Vita 민경보가 도그이어로 옮김 === | + | === iOS === |
| − | * Dog-ear button으로 보임
| + | |
| − | * 종이를 벗겨내는 동작을통하여 화면 속의 창을 종료한다.
| + | |
| − | * 단, 아래 영상의 1분 24초 ~ 1분 30초에 해당한다.
| + | |
| − | {{#Widget:Youtube|id=QkcKA7OLiHI|width=665|height=374}}
| + | |
| − | | + | |
| − | * 단, 아래 영상의 1초 ~ 4초에 해당한다.
| + | |
| − | {{#Widget:Youtube|id=BJzfOUetkkU|width=665|height=374}}
| + | |
| − | | + | |
| − | * 단, 아래 영상의 3분 57초 ~ 4분 1초에 해당한다.
| + | |
| − | {{#Widget:Youtube|id=C4noJnIW6wc|width=665|height=374}}
| + | |
| − | | + | |
| − | | + | |
| − | ----
| + | |
| − | | + | |
| − | ==대분류 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]] |
주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.
창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.
