From Design pattern
Jump to: navigation, search
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#css:
+
Shaking device는 기기를 흔드는 동작을 통해 스마트폰과 같은 기기를 조작하는 인터랙션 패턴이다. 간단한 명령을 수행하고 취소하는데 있어서 터치디스플레이를 통해 조작할 필요없이 단순히 기기를 흔드는 동작을 통해 다양한 조작을 가능하게 한다.
#mw-content-text h3 span {
+
font-weight: 600;
+
padding-left: 0px;
+
}
+
 
+
.mw-headline {
+
font-weight: 600;
+
}
+
 
+
span.mw-editsection {
+
font-weight: 200;
+
position: relative;
+
float:right;
+
margin-right: 25px
+
}
+
 
+
span.mw-editsection a {
+
font-weight: 200;
+
}
+
 
+
.art-subpage {
+
background: #F7F7F7;
+
}
+
 
+
#mw-content-text p {
+
padding-top: 0px;
+
padding-bottom: 6px;
+
}
+
 
+
.mw-content-ltr ul {
+
margin: 0.3em 0 0 42px;
+
}
+
 
+
 
+
hr {
+
margin-top: 0px;
+
margin-bottom: 0px;
+
margin-left: -31px;
+
width: 720px;
+
border-bottom: 1px solid #E0E0DD;
+
border-left: 0px;
+
border-right: 0px;
+
border-top: 30px solid #F7F7F7;
+
}
+
<!--
+
#sun-col {
+
-webkit-column-count:2; /* Chrome, Safari, Opera */
+
-moz-column-count:2; /* Firefox */
+
column-count:2;
+
}
+
 
+
#sun-col p {
+
padding-left: 0px;
+
-->
+
}
+
 
+
}}
+
Knocking & Tapping은 기기를 두드리는 동작을 통해 스마트폰과 같은 기기를 조작하는 인터랙션 패턴이다. 문을 두드리듯 기기를 두드리는 동작을 통해 기기를 활성화 시키거나 잠글 수 있다.
+
  
 
===With this pattern, we can solve....===
 
===With this pattern, we can solve....===
Knocking & Tapping은 터치디스플레이 기반의 기기를 사용하는데 있어서 화면속의 세상과 실제의 세상 사이를 노크하여 들어가듯 접근하는 것으로 비유할 있다. 별도의 버튼을 눌러 화면을 활성화 시키는 것에 비하여 사용자의 행동과 테스크 사이의 관계가 밀접한 관계를 지닌다. 터치디스플레이의 경우 일반적인 조작으로 인하여 원하지 않게 디스플레이가 조작되면서 오류가 발생하거나 의도치 않게 베터리가 소모되는 경우가 발생할 수 있다. 이런 측면에서 Knocking & Tapping 을 통해 화면을 조작하는 방식은 터치디스플레이의 조작을 제한하는 하나의 인터랙션 수단이라 할 수 있다.
+
Shaking device는 각각의 기기나 어플리케이션에 따라 독특한 테스크를 수행한다. 일반적으로 터치디스플레이 조작이나 기기에 붙어있는 버튼을 이용하여 조작할 필요 없이 기기를 흔드는 동작만으로 간편하게 테스크를 수행할 있게 함으로써 빠르고 쉽게 테스크를 수행할 수 있다.
  
* 화면을 두드리는 동작을 통해 꺼져있던 화면을 켜서 기기의 조작을 시작할 수 있다.
+
* 기기를 흔들어 전화를 받을 수 있다.
* 화면상의 객체가 움직이지 않도록 잠금할 필요가 있을때 기기를 두드리듯 탭핑하여 잠금을 설정하거나 해제할 수 있다.
+
* 기기를 흔들어 시스템 내부적인 명령(블루투스 검색, 주변 정보 검색)을 수행할 수 있다.
 +
* 기기를 흔들어 라이트를 켜고 끄는 동작을 수행할 수 있다.
  
=== Example : LG _ Gpro2 _ Knock on ===
+
=== Example : Android _ Samsung Galaxy ===
[[file:Knocking & Tapping.jpeg|665px]]
+
[[file:Shaking device.jpg|665px]]
 
----
 
----
  
기기를 흔드는 동작을 통해 기기를 작동시키거나 다양한 어플리케이션을 조작할 수 있다.
+
== Shaking for receiving call ==
 +
===Android _ Shaking call===
 +
* 핸드폰을 흔들어서 전화를 받는다.
 +
{{#Widget:Vimeo|id=95087357|width=665|height=374}}
 +
----
  
=== Android_Samsung Galaxy S3 ===
+
== Shaking for searching ==
 +
=== Android _ Samsung Galaxy S3 ===
 
* 설정화면에서 기기를 좌우로 흔들어 해당기기와 블루투스를 통해 연결할 수 있는 기기를 검색한다.
 
* 설정화면에서 기기를 좌우로 흔들어 해당기기와 블루투스를 통해 연결할 수 있는 기기를 검색한다.
* 단, 아래 영상의 1분 1초 ~ 1분 19초에 해당한다.
+
* # 01:01-#01:19
 
{{#Widget:Youtube|id=U0lfuLGNm0k|width=665|height=374}}
 
{{#Widget:Youtube|id=U0lfuLGNm0k|width=665|height=374}}
 +
----
  
===Android_Shaking call===
+
== Shaking for lighting ==
* 핸드폰을 흔들어서 전화를 받는다.
+
===Android _ 플래쉬 라이트 LED genius===
{{#Widget:Vimeo|id=95087357|width=665|height=374}}
+
 
+
===Android_플래쉬 라이트 LED genius===
+
 
* 핸드폰을 흔들어서 라이트를 켜고 끈다.
 
* 핸드폰을 흔들어서 라이트를 켜고 끈다.
 
{{#Widget:Vimeo|id=95087377|width=665|height=374}}
 
{{#Widget:Vimeo|id=95087377|width=665|height=374}}
  
=== IOS Clocks App ===
+
=== IOS _ Clocks App ===
 
* 기기를 흔들어 불을 켜거나 끈다.
 
* 기기를 흔들어 불을 켜거나 끈다.
 
* 아래는 Cloks 라는 app에서 기기를 흔들어 핸드폰의 라이트를 켜고 끄는 사례이다.
 
* 아래는 Cloks 라는 app에서 기기를 흔들어 핸드폰의 라이트를 켜고 끄는 사례이다.

Latest revision as of 12:44, 12 July 2014

Shaking device는 기기를 흔드는 동작을 통해 스마트폰과 같은 기기를 조작하는 인터랙션 패턴이다. 간단한 명령을 수행하고 취소하는데 있어서 터치디스플레이를 통해 조작할 필요없이 단순히 기기를 흔드는 동작을 통해 다양한 조작을 가능하게 한다.

With this pattern, we can solve....

Shaking device는 각각의 기기나 어플리케이션에 따라 독특한 테스크를 수행한다. 일반적으로 터치디스플레이 조작이나 기기에 붙어있는 버튼을 이용하여 조작할 필요 없이 기기를 흔드는 동작만으로 간편하게 테스크를 수행할 수 있게 함으로써 빠르고 쉽게 테스크를 수행할 수 있다.

  • 기기를 흔들어 전화를 받을 수 있다.
  • 기기를 흔들어 시스템 내부적인 명령(블루투스 검색, 주변 정보 검색)을 수행할 수 있다.
  • 기기를 흔들어 라이트를 켜고 끄는 동작을 수행할 수 있다.

Example : Android _ Samsung Galaxy

Shaking device.jpg


Shaking for receiving call

Android _ Shaking call

  • 핸드폰을 흔들어서 전화를 받는다.


Shaking for searching

Android _ Samsung Galaxy S3

  • 설정화면에서 기기를 좌우로 흔들어 해당기기와 블루투스를 통해 연결할 수 있는 기기를 검색한다.
  • # 01:01-#01:19

""


Shaking for lighting

Android _ 플래쉬 라이트 LED genius

  • 핸드폰을 흔들어서 라이트를 켜고 끈다.

IOS _ Clocks App

  • 기기를 흔들어 불을 켜거나 끈다.
  • 아래는 Cloks 라는 app에서 기기를 흔들어 핸드폰의 라이트를 켜고 끄는 사례이다.