From Design pattern
Jump to: navigation, search
(Blanked the page)
Line 1: Line 1:
 +
Device control guide은 시스템이 원하는 동작을 사용자에게 알려주기 위하여 일정한 가이드를 제공하는 인터랙션 패턴이다.
  
 +
=== With this pattern, we can solve... ===
 +
* 기기를 앞뒤로 기울이거나, 옆으로 기울이는 등 기기에서 요구하는 조작방식을 사용자에게 알려주는 가이드 역할을 한다.
 +
 +
 +
===Example: iOS_Camera ===
 +
* 파노라마 사진의 촬영을 위해서는 핸드폰을 일정한 속도로 한방향으로 움직이는 행동이 요구된다.
 +
* 화면에 표시된 프리뷰와 타임라인을 통해 파노라마 사진의 진행상황을 알려준다.
 +
* 아래는 IOS 카메라의 파노라마 상태에서 파노라마 사진을 원할하게 촬영하기 위한 가이드 사례이다.
 +
{{#Widget:Vimeo|id=93372824|width=300|height=520}}
 +
 +
----
 +
=== iOS_Map OS ===
 +
* 위치정보를 다시 인식하기위해서는 핸드폰을 회전시키는 행동이 요구된다.
 +
* 화면에 표시된 원을 따라 공을 굴리도록 가이드하여 자연스럽게 핸드폰을 회전시키게끔 한다.
 +
* 아래는 IOS 에서 위치정보를 갱신하기 위한 가이드 사례이다.
 +
{{#Widget:Vimeo|id=92443937|width=665|height=374}}
 +
 +
 +
=== iOS_Smart Alarm ===
 +
* 기기의 움직임에 따라 녹색 칸의 개수가 달라지고 소리도 다르게 나와 그 움직임의 정도를 알려준다.
 +
* 아래는 사용자의 수면시 움직임에 따라 기기가 흔들리는 것을 감지하여 수면의 질을 측정하는 사례로, 기기의 움직임 감지가 제대로 되는지를 test하는 화면이다.
 +
{{#Widget:Vimeo|id=95704021|width=300|height=520}}
 +
 +
[[Category:Provide user guide]]

Revision as of 16:41, 30 June 2014

Device control guide은 시스템이 원하는 동작을 사용자에게 알려주기 위하여 일정한 가이드를 제공하는 인터랙션 패턴이다.

With this pattern, we can solve...

  • 기기를 앞뒤로 기울이거나, 옆으로 기울이는 등 기기에서 요구하는 조작방식을 사용자에게 알려주는 가이드 역할을 한다.


Example: iOS_Camera

  • 파노라마 사진의 촬영을 위해서는 핸드폰을 일정한 속도로 한방향으로 움직이는 행동이 요구된다.
  • 화면에 표시된 프리뷰와 타임라인을 통해 파노라마 사진의 진행상황을 알려준다.
  • 아래는 IOS 카메라의 파노라마 상태에서 파노라마 사진을 원할하게 촬영하기 위한 가이드 사례이다.


iOS_Map OS

  • 위치정보를 다시 인식하기위해서는 핸드폰을 회전시키는 행동이 요구된다.
  • 화면에 표시된 원을 따라 공을 굴리도록 가이드하여 자연스럽게 핸드폰을 회전시키게끔 한다.
  • 아래는 IOS 에서 위치정보를 갱신하기 위한 가이드 사례이다.


iOS_Smart Alarm

  • 기기의 움직임에 따라 녹색 칸의 개수가 달라지고 소리도 다르게 나와 그 움직임의 정도를 알려준다.
  • 아래는 사용자의 수면시 움직임에 따라 기기가 흔들리는 것을 감지하여 수면의 질을 측정하는 사례로, 기기의 움직임 감지가 제대로 되는지를 test하는 화면이다.