|
|
| (51 intermediate revisions by 5 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 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다. |
| − | {{#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으로도 옮긴 사례입니다. Screen interaction에 해당하지 않으면 삭제하셔도 됩니다.
| + | |
| − | {{#Widget:Vimeo|id=95088623|width=665|height=374}}
| + | |
| − | | + | |
| − | === Windows8 _ Touch Screen ===
| + | |
| − | *상단에 멀티태스킹 목록과 하단에 app bar로 추정되는 뭔가를 위아래로 불러옴
| + | |
| − | {{#Widget:Vimeo|id=95088809|width=665|height=374}}
| + | |
| − | | + | |
| − | === iOS_weathercube===
| + | |
| − | * 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.
| + | |
| − | {{#Widget:Vimeo|id=94907107|width=300|height=533}}
| + | |
| − | | + | |
| − | === iOS_weathercube ===
| + | |
| − | * 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.
| + | |
| − | {{#Widget:Vimeo|id=94906931|width=300|height=533}}
| + | |
| − | | + | |
| − | === iOS_google===
| + | |
| − | * 불필요한 페이지(카드)를 좌우로 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 ==
| + | |
| − | | + | |
| − | | + | |
| − | == 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_Chrome === | + | === Android === |
| − | * 활성화 되어 있는 인터넷 창을 모두 볼 수 있는 화면에서 좌/우 drag를 통하여 실행중인 창을 종료한다.
| + | {{#Widget:Vimeo|id=93954440|width=300|height=541}}] |
| − | {{#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에 해당하는게 아니어서 복사후 여기로 이동했습니다. == | + | {{#Widget:Vimeo|id=93362380|width=300|height=455}} |
| − | | + | |
| − | == Card Flip == | + | |
| − | === iOS_oflow ===
| + | |
| − | {{#Widget:Vimeo|id=95776888|width=300|height=533}}
| + | |
| − | | + | |
| − | === iOS_Unforget ===
| + | |
| − | * 화면속 영어로 적힌 단어카드를 tap하면 카드가 뒤집어지면서 그 의미가 나온다.
| + | |
| − | {{#Widget:Vimeo|id=93367653|width=300|height=405}}
| + | |
| − | | + | |
| − | == 카드목록 펼쳐보기 ==
| + | |
| − | ===iOS_Jelly===
| + | |
| − | * Navigation +로 이동, Screen Interaction도 확인 필요 (해당되지 않으면 삭제해도 되요)
| + | |
| − | {{#Widget:Vimeo|id=95779122|width=300|height=533}}
| + | |
| − | | + | |
| − | == 카드목록 넘겨보기 ==
| + | |
| − | ===iOS_Jelly ===
| + | |
| − | * Navigation +로 이동, Screen Interaction도 확인 필요 (해당되지 않으면 삭제해도 되요)
| + | |
| − | {{#Widget:Vimeo|id=95779093|width=300|height=533}} | + | |
| | | | |
| − | == Cut? ==
| |
| − | === WFF Together App 팬더 정보 제공 기능 ===
| |
| − | * Navigation +에도 이동했으나, Screen Interaction 확인도 필요.
| |
| − | * 화면의 일부분을 drag하여, 접촉된 위치를 잘라내어 화면 뒤에 있는 숨겨진 정보를 본다.
| |
| − | {{#Widget:Vimeo|id=93373548|width=533|height=395}}
| |
| | | | |
| − | [[Category:Ambiguous]] | + | [[Category:Deactivate application]] |
주로 창을 화면 밖으로 drag하거나 swipe하여 조작할 수 있다. 멀티테스킹에서 구동되는 앱을 비활성화하는 경우는 주로 이러한 방법을 사용하지만, 앱 내부에 있는 기능이 있는 창을 닫을 경우 앱의 조작방식에 따라 다양하게 활용되어질 수 있다.
창이나 프로그램의 종료는 X 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.
