|
|
| (41 intermediate revisions by 4 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_weathercube===
| + | |
| − | * 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.
| + | |
| − | * Navigation+로도 옮김
| + | |
| − | {{#Widget:Vimeo|id=94907107|width=300|height=533}}
| + | |
| − | | + | |
| − | === iOS_weathercube ===
| + | |
| − | * 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.
| + | |
| − | * Navigation+로도 옮김
| + | |
| − | {{#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===
| + | === Windows8 === |
| − | * 기존 화면의 틀을 벗어나 드래그하는 액션을 통해 큰화면으로 화면을 확장한다.
| + | |
| − | {{#Widget:Vimeo|id=50593577|width=665|height=374}}
| + | |
| − | | + | |
| − | ----
| + | |
| − | | + | |
| − | == 대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin ==
| + | |
| − | | + | |
| − | == 스크린 인터렉션 쪽에 포함시키거나 어플리케이션 종료에 대한 부분은 Dealing With Data에서 다루는게 맞다고 보여집니다. _ jemin ==
| + | |
| − | * 김선영: dealing with data에서 이전에 활성화-비활성화를 다룬 적이 있기는 합니다만, 현재는 데이터나 스크린 뷰에 한정하고 있어 어플리케이션 종료는 다른 패턴들과 결이 맞지 않습니다. manipulation issue 파트를 보니 기존의 'delete object'이 있었어서 그렇게 생각될 수도 있지만 데이터의 삭제가 아닌 프로그램 종료는 dealing with data에 해당될 수 없어요...
| + | |
| − | * 오해를 불러온 delete object의 맞지 않는 사례들은 [[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 ==
| + | |
| − | | + | |
| − | * 김선영: 위와 같은 이유로 dealing with data에는 맞지 않습니다. screen effect에서 다뤄야 하지 않을까 합니다.
| + | |
| − | | + | |
| − | 멀티태스킹 화면에서 실행중인 프로그램 종료하기 위한 인터랙션이 이루어진다.
| + | |
| − |
| + | |
| − | == 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에 해당하여, 여기로 이동 후 일부만 navi로 복사함. == | + | {{#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_USAToday ===
| + | |
| − | {{#Widget:Vimeo|id=95773708|width=300|height=533}}
| + | |
| − | | + | |
| − | == 카드목록 펼쳐보기 ==
| + | |
| − | ===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 버튼을 누르는 형태가 직관적이지만, 터치스크린이 가능한 기기에서는 빠르게 제거를 하기 위한 방법으로 화면 밖으로 던지는 동작과 피드백이 주로 활용되고 있다.
