From Design pattern
Jump to: navigation, search
(Sony PS Vita)
Line 31: Line 31:
 
=== iOS_weathercube===
 
=== iOS_weathercube===
 
* 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.
 
* 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.
<videoflash type="vimeo">94907107|300|533</videoflash>
+
{{#Widget:Vimeo|id=94907107|width=300|height=533}}
  
 
=== iOS_weathercube ===
 
=== iOS_weathercube ===
 
* 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.
 
* 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.
<videoflash type="vimeo">94906931|300|533</videoflash>
+
{{#Widget:Vimeo|id=94906931|width=300|height=533}}
  
 
=== iOS_google===
 
=== iOS_google===
 
* 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.
 
* 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.
<videoflash type="vimeo">94909158|300|533</videoflash>
+
{{#Widget:Vimeo|id=94909158|width=300|height=533}}
  
 
=== Interactive Presentation of the "Electronic University"System._extend screen===
 
=== Interactive Presentation of the "Electronic University"System._extend screen===
 
* 기존 화면의 틀을 벗어나 드래그하는 액션을 통해 큰화면으로 화면을 확장한다.
 
* 기존 화면의 틀을 벗어나 드래그하는 액션을 통해 큰화면으로 화면을 확장한다.
<videoflash type="vimeo">50593577|665|374</videoflash>
+
{{#Widget:Vimeo|id=50593577|width=665|height=374}}
 
+
 
+
  
 
----
 
----

Revision as of 01:05, 17 July 2014

Contents

screen interaction 부분의 애매한 패턴들을 모아놓은 페이지 입니다. sand 박스에 있으나 도저히 현재 screen interaction에 갈 수 없다고 생각되는 것들을 모아둔 최종 sandbox 입니다.

  • 손승희 모두 점검완료

iOS _ Music OS

  • 손승희: screen interaction 이라기 보다 manipulation으로 보입니다. 과기대 확인 부탁드립니다.

iOS _ Video OS

  • 손승희: screen interaction 이라기 보다 dealing with data나 manipulation으로 보입니다. 확인 부탁드립니다.
  • 김선영: dealing with data가 아니라 getting input의 slider입니다

Windows8 _ Touch Screen

  • 활성화 중인 앱을 아래로 당겨 종료함

Windows8 _ Touch Screen

  • 좌측에 세로로 현재 활성화중인 앱의 목록을 썸네일로 확인함
  • Navigation은 Application switcher에 있는 사례.

Windows8 _ Touch Screen

  • 숨겨진 'Charms'라고 불리우는 app bar(ms에서 사용되는 용어, 모든 app에서 공통적으로 사용할 수 있음. 검색, 공유, 장치, 설정 및 시작의 기능)을 불러옴

Windows8 _ Touch Screen

  • 상단에 멀티태스킹 목록과 하단에 app bar로 추정되는 뭔가를 위아래로 불러옴

iOS_weathercube

  • 손가락을 통해 좌우로 벌려 알고자 하는 날씨의 지역정보를 입력한다.

iOS_weathercube

  • 손가락을 통해 상하로 벌려 숨어있는 정보를 살펴본다.

iOS_google

  • 불필요한 페이지(카드)를 좌우로 swipe하여 제거한다.

Interactive Presentation of the "Electronic University"System._extend screen

  • 기존 화면의 틀을 벗어나 드래그하는 액션을 통해 큰화면으로 화면을 확장한다.


대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin

스크린 인터렉션 쪽에 포함시키거나 어플리케이션 종료에 대한 부분은 Dealing With Data에서 다루는게 맞다고 보여집니다. _ jemin

Examples

Windows8 _ Touch Screen

  • 스크린 상단 밖에서 스크린 하단 아래쪽으로 drag하는 행동을 통해 실행 하고 있는 앱의 화면을 종료하다.

Sony PS Vita

  • Dog-ear button으로 보임
  • 종이를 벗겨내는 동작을통하여 화면 속의 창을 종료한다.
  • 단, 아래 영상의 1분 24초 ~ 1분 30초에 해당한다.

""

  • 단, 아래 영상의 1초 ~ 4초에 해당한다.

{{#Widget:Youtube|id=BJzfOUetkkU|width=665|height=374}

  • 단, 아래 영상의 3분 57초 ~ 4분 1초에 해당한다.

""



대분류 Manipulation 의 성격이 독특한 액션에 따른 조작에 치중되면서 단순히 한손가락 터치를 이용하여 어플리케이션을 조작하는 사례들을 포함하기 어려워졌습니다. 이에 일단 sandbox로 사례를 옮겨 놓았습니다. _ jemin

화면 밖으로 컨텐츠를 보내서 삭제하는 개념이라는 Screen Effect 쪽으로... / 멀티태스킹 상태에서 어플리케이션을 종료하는 쪽이라면 Dealing With Data 쪽으로 가는것이 맞다고 생각됩니다. _ jemin

멀티태스킹 화면에서 실행중인 프로그램 종료하기 위한 인터랙션이 이루어진다.

Examples

198번 사례

  • 멀티태스킹 화면에서 상/하 drag를 통하여 실행중인 창을 화면 밖으로 내보내듯 종료한다.
  • 아래는 IOS 멀티태스킹 화면에서 실행중인 App을 종료하는 사례이다.

Android_Chrome

  • 활성화 되어 있는 인터넷 창을 모두 볼 수 있는 화면에서 좌/우 drag를 통하여 실행중인 창을 종료한다.

Android_Samsung Galaxy Note

  • 실행중인 어플리케이션 항목에서 종료하고자 하는 어플리케이션을 drag하여 화면 밖으로 밀어내서 종료한다.


페이지 관련 사례 : 아래 사례 전부 Navigation에 해당하는게 아니어서 복사후 여기로 이동했습니다.

Card Flip

iOS_oflow

iOS_Unforget

  • 화면속 영어로 적힌 단어카드를 tap하면 카드가 뒤집어지면서 그 의미가 나온다.

카드목록 펼쳐보기

iOS_Jelly

  • Navigation +로 이동, Screen Interaction도 확인 필요 (해당되지 않으면 삭제해도 되요)

카드목록 넘겨보기

iOS_Jelly

  • Navigation +로 이동, Screen Interaction도 확인 필요 (해당되지 않으면 삭제해도 되요)

Cut?

WFF Together App 팬더 정보 제공 기능

  • Navigation +에도 이동했으나, Screen Interaction 확인도 필요.
  • 화면의 일부분을 drag하여, 접촉된 위치를 잘라내어 화면 뒤에 있는 숨겨진 정보를 본다.