From Design pattern
Jump to: navigation, search

Contents

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

  • 손승희, 조연지 모두 점검완료
  • 민경보 확인완료
  • 김영태 모두 점검완료


Windows8 _ Touch Screen

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

Windows8 _ Touch Screen

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

Windows8 _ Touch Screen

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

iOS_google 민경보가 메타폴릭etc로 이동

  • 불필요한 페이지(카드)를 좌우로 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초에 해당한다.

""

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

""



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

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

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

Examples

198번 사례

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


Android_Multitasking


Android_Chrome

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

Android_Samsung Galaxy Note

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


페이지 관련 사례 : 아래 사례중 일부만 Navigation에 해당하여, 여기로 이동 후 일부만 navi로 복사함.

iOS_Unforget 민경보가 카드플립으로 옮김

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

Slider in screen interaction

Samsung's Transparent Smart Window with virtual blinds

  • 유리창을 위아래로 drag 하면, 위로 올릴때 버티칼이 열리고 아래로 내리면 버티칼리 내려가며 태양광을 조절한다.

""


iOS_FoxNews

  • Navigation +에도 이동했으나, 다른 대분류 확인이 필요.(강조한다는 점에서)
  • 기사들이 나열된 목록에서 현재 기사의 대표이미지가 크게 보이며, 하나씩 넘길 때 다음 기사의 대표이미지가 커지면서 넘어간다.

Isabella stewart gardner museum_Touch table prototype

  • #01:17-01:27

소셜:프로필

iOS_Hangout