Difference between revisions of "Natural gesture"
Navigation menu
From Design pattern
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Natural gesture는 시스템과 인터랙션 하기 위한 사람의 제스쳐가 수행하고자 하는 테스크와 자연스럽고 긴밀한 관계를 가지고 있는 인터랙션 패턴이다. 사용자가 테스크를 수행하기 위해 제스쳐를 이해하거나 학습하여 따라한다기 보다는 직관적인 제스쳐를 취하도록 함으로써 시스템 조작 인터랙션이 자연스러운 경우라 할 수 있다. 이는 테스크 수행을 위해 시스템에서 인위적으로 지정한 특정 제스쳐를 취하도록 하는 Symbol gesture, Symbol drawing 패턴과 차이를 가진다. | Natural gesture는 시스템과 인터랙션 하기 위한 사람의 제스쳐가 수행하고자 하는 테스크와 자연스럽고 긴밀한 관계를 가지고 있는 인터랙션 패턴이다. 사용자가 테스크를 수행하기 위해 제스쳐를 이해하거나 학습하여 따라한다기 보다는 직관적인 제스쳐를 취하도록 함으로써 시스템 조작 인터랙션이 자연스러운 경우라 할 수 있다. 이는 테스크 수행을 위해 시스템에서 인위적으로 지정한 특정 제스쳐를 취하도록 하는 Symbol gesture, Symbol drawing 패턴과 차이를 가진다. | ||
Revision as of 22:30, 28 May 2014
Natural gesture는 시스템과 인터랙션 하기 위한 사람의 제스쳐가 수행하고자 하는 테스크와 자연스럽고 긴밀한 관계를 가지고 있는 인터랙션 패턴이다. 사용자가 테스크를 수행하기 위해 제스쳐를 이해하거나 학습하여 따라한다기 보다는 직관적인 제스쳐를 취하도록 함으로써 시스템 조작 인터랙션이 자연스러운 경우라 할 수 있다. 이는 테스크 수행을 위해 시스템에서 인위적으로 지정한 특정 제스쳐를 취하도록 하는 Symbol gesture, Symbol drawing 패턴과 차이를 가진다.
Natural gesture는 제스쳐와 테스크가 자연스럽게 연결된 다양한 사례들을 묶은 패턴 그룹으로 정의된다.
Contents
With this pattern, we can solve....
키보드나 마우스와 같이 물리적인 입력장치를 통해 시스템을 조작하는 것에 비해, Leap Motion, Kinect 등의 모션센서나 닌텐도 Wii와 같은 자이로센서를 이용해 시스템을 조작할 때, 어떻게 테스크를 수행하고 시스템을 조작할 수 있는지를 이해하는 것은 쉽지 않다. 이러한 상황에서 시스템 조작이 직관적이고 자연스러운 제스쳐를 통해 이루어진다면 사용자는 조작법 이해를 위한 별도의 학습 없이 테스크를 쉽게 진행할 수 있다.
- 손을 좌우로 흔드는 동작을 통해 화면의 책장을 넘기거나 물체를 회전시키는 등의 테스크를 자연스럽게 수행할 수 있다.
- 개체를 잡아서 움직이는 동작을 통해 객체를 이동하거나 화면을 움직이는 등의 테스크를 자연스럽게 수행할 수 있다.
- 양손으로 잡아 늘리는 동작을 통해 객체를 변형하거나 화면을 확대하는 등의 테스크를 자연스럽게 수행할 수 있다.
- 양손으로 잡아 회전시키는 동작을 통해 객체나 화면을 회전시키는 테스크를 자연스럽게 수행할 수 있다.
Example : LG smart tv
Shaking Hand
Leap motion _ NY TIMES
- 손을 좌우로 흔드는 동작을 이용하여 정렬되어져 있는 기사들을 넘겨 본다.
- 터치기반의 제스쳐 커맨드 방식에서 손가락으로 기사를 넘겨보기 위해 좌우로 swipe하던 방식이 모션인식 기술에서 손을 좌우로 흔드는 동작으로 자연스럽게 전환된 사례이다.
LG Smart TV
- 손을 좌우로 흔드는 동작을 이용하여 현재 비춰진 화면을 좌우로 넘겨 본다.
- 현재 비춰진 화면에 좌우로 감춰진 화면이 있는 상황에서 큐브를 돌리듯 자연스럽게 화면을 돌려 보는 사례이다.
Leap motion _ The weather channel
- 손을 좌우로 흔드는 동작을 이용하여 화면속 지구본을 회전시켜 본다.
- 실제 지구본을 돌려보듯 자연스럽게 화면속에 지구본을 돌려 원하는 곳의 날씨 정보를 확인 하는 사례이다.
Nod
- 자이로센서 기능이 탑제된 반지를 끼고 손을 좌우로 흔들어 화면속 책을 넘겨 본다.
- 책장을 넘기듯 자연스럽게 화면속에 책을 보는 사례이다.
아래 영상의 29-30초에 해당한다. ""
Grasping & Moving hand
Samsung Smart TV
- 주먹을 쥐고 손을 움직이면 화면속 이미지의 위치를 이동시킨다.
- 물건을 잡아서 옮기듯 자연스럽게 화면속의 이미지를 이동시켜 보는 사례이다.
Stretching
Samsung Smart TV
- 양손으로 주먹을 쥐고 손을 움직이면 화면속 이미지가 늘어나거나 줄어든다.
- 물건을 잡아 늘이듯 자연스럽게 화면속의 이미지를 늘이거나 줄이는 사례이다.
Leapmotion
- 양손가락을 움직이면 화면속 지구본이 커지며 화면이 확대/축소된다.
- 두손가락으로 고무줄을 잡아 늘이고 줄이듯 자연스럽게 화면속에 비춰진 이미지를 확대하거나 축소시키는 사례이다.
Rotating hands
Samsung Smart TV
- 양손으로 주먹을 쥐고 손을 회전시키면 화면속 이미지가 돌아간다.
- 물건을 잡아 돌리듯 자연스럽게 화면속의 이미지를 돌려서 보는 사례이다.
Leap Motion _ Three JS - Portal Cube manipulation
""
Scrolling
Leap Motion _ All the cooks
- 손을 위아래로 이동하면 화면의 페이지가 위아래로 이동한다.
- 손바닥으로 종이를 밀고 당기듯 화면속의 페이지를 자연스럽에 이동시키는 사례이다.
Leap Motion _ NY TIMES
- 손을 화면의 좌,우측 끝에 두면 화면의 페이지가 방향에 맞춰 지속적으로 이동한다.
- 손이 위치한 방향과 페이지가 움직이는 방향이 자연스럽게 연결된 사례이다.