From Design pattern
Jump to: navigation, search
(→‎173번 사례)
Line 1: Line 1:
−
행동이나 작업을 잘 할 수 있도록 방법을 알려주고 피드백해주는 형태로 가이드한다.
+
==개체 크기 변경 및 회전==
 +
<p class="editor-sub-title">개체 크기 변경 및 회전은 개체의 크기와 각도를 함께 변경할 수 있는 Interaction Pattern 이다.
 +
포인터를 이용해 편집하거나 Multi Finger Gesture 를 이용하여 다양한 Action 으로 개체를 편집할 수 있다.</p>
  
 +
===1. It works like this===
 +
[[File:temp1.png|300px]]
  
−
== Examples ==
+
===2. Use When===
−
=== 6번 사례 ===
+
*<p class="editor-sub-title">화면에 있는 아이콘(개체) 의 위치와 크기를 변경 할 수 있다.</p>
−
* 무게 센서를 통한 압력의 변화나 모션 센서의 흔들림을 통해 사용자의 걸음걸이가 인식되었을 때, 지속적인 음성가이드를 통해 일정한 리듬, 총 걸음걸이 수, 남은 시간 등을 알려주어 걷는 행위를 잘 할 수 있도록 안내한다.
+
*<p class="editor-sub-title">화면에 표시된 사진(창) 의 위치와 크기를 변경하고 회전할 수 있다.</p>
−
<videoflash type="vimeo">94700700|665|374</videoflash>
+
  
−
=== 7번 사례 ===
+
===3. Examples===
−
* 호흡에 대한 리듬을 소리나 영상을 통해 제공해주어 다양한 활동에서 안정된 호흡을 유지할 수 있도록 안내한다.
+
'''Iphone Clocks App'''
−
* 사용자가 호흡할 때의 무게중심 변화를 통해 호흡의 안정된 정도에 대한 정보를 무게중심 변화 애니메이션을 통해 알려준다.
+
<p class="editor-sub-title">1. 화면에 있는 아이콘(개체) 의 위치와 크기를 변경 할 수 있다.</p>
−
<videoflash type="vimeo">94698820|665|374</videoflash>
+
<p class="editor-sub-title">2. 화면에 표시된 사진(창) 의 위치와 크기를 변경하고 회전할 수 있다.</p>
 +
[[File:temp2.png|300px]]
  
−
=== 8번 사례 ===
+
'''Iphone 리얼다이어리 App'''
−
* 사용자가 근력 운동을 할 때 밀거나 당기는 동작을 무게중심 변화를 통해 인식하여, 소리와 움직이는 바를 통해 밀고 당기는 시점을 안내한다.
+
<p class="editor-sub-title">1. 화면에 있는 아이콘(개체) 의 위치와 크기를 변경 할 수 있다.</p>
−
* 적절히 수행하였는지에 대한 피드백을 바의 색깔변화와 음성 피드백으로 알려준다.
+
<p class="editor-sub-title">2. 화면에 표시된 사진(창) 의 위치와 크기를 변경하고 회전할 수 있다.</p>
−
<videoflash type="vimeo">94699063|665|374</videoflash>
+
[[File:temp3.png|300px]]
  
−
=== 105번 사례 ===
+
==Sample Navigation==
−
* 사례 설명 입력 예정
+
−
<videoflash type="vimeo">42625293|665|374</videoflash>
+
  
−
=== 138번 사례 ===
+
*<p class="editor-sub-link">[http://www.ixpatterns.com/ Sample01]</p>
−
* 주차 시 주차가능공간을 디스플레이를 통해 보여준다.
+
*<p class="editor-sub-link">[http://www.ixpatterns.com/ Sample02]</p>
−
촬영불가자료_이미지로대체
+
*<p class="editor-sub-link">[http://www.ixpatterns.com/ Sample03]</p>
 +
*<p class="editor-sub-link">[http://www.ixpatterns.com/ Sample04]</p>
  
−
=== 140번 사례 ===
+
[[Category:Guide an activity]]
−
* 경보음을 작동하여 안전하게 주차할 수 있도록 지원해 준다.
+
−
촬영불가자료_이미지로대체
+
−
 
+
−
=== 142번 사례 ===
+
−
* 차량이 빠르게 달리면 주변의 속도측정기를 감지하여 속도제한표시를 유리창에 비춰준다.
+
−
촬영불가자료_이미지로대체
+
−
 
+
−
=== 173번 사례 ===
+
−
* 사례 설명 입력 예정
+
−
촬영불가자료_이미지로대체
+
−
 
+
−
=== 304번 사례 ===
+
−
* 주어진 외국어 문장을 따라 읽으면, 발음을 인식해서 맞는지 틀렸는지 피드백을 준다.
+
−
업로드중
+
−
 
+
−
=== 273번 사례 ===
+
−
* 기기의 흔들림을 통하여 사용자의 걸음 횟수를 수치화 하여 알려준다.
+
−
* 4~20
+
−
<videoflash>TsTiedDx1BA|665|374</videoflash>
+
−
 
+
−
=== 10번 사례 ===
+
−
<br><br>
+
−
* 즉각적으로 동작을 취해야 하는 경우 동작을 보여주는 작은 이미지들을 미리 보여주어, 사용자가 적절한 시기에 해당 동작을 취할 수 있도록 안내한다.
+
−
<br>
+
−
<videoflash type="vimeo">94695886|665|374</videoflash>
+
−
 
+
−
=== 458번 사례 ===
+
−
* 도서관에 꽂혀 있는 책을 스마트폰 카메라로 촬영하여 책의 위치가 올바른 위치에 있는지 정보를 확인한다.
+
−
<videoflash>NgZVI630SsI|665|374</videoflash>
+
−
 
+
−
=== 618번 사례 ===
+
−
* 사례 설명 입력 예정
+
−
<videoflash type="vimeo">94622346|300|528</videoflash>
+
−
 
+
−
[[category:Guide an activity]]
+

Revision as of 01:14, 16 May 2014

개체 크기 변경 및 회전

개체 크기 변경 및 회전은 개체의 크기와 각도를 함께 변경할 수 있는 Interaction Pattern 이다. 포인터를 이용해 편집하거나 Multi Finger Gesture 를 이용하여 다양한 Action 으로 개체를 편집할 수 있다.

1. It works like this

Temp1.png

2. Use When

  • 화면에 있는 아이콘(개체) 의 위치와 크기를 변경 할 수 있다.

  • 화면에 표시된 사진(창) 의 위치와 크기를 변경하고 회전할 수 있다.

3. Examples

Iphone Clocks App

1. 화면에 있는 아이콘(개체) 의 위치와 크기를 변경 할 수 있다.

2. 화면에 표시된 사진(창) 의 위치와 크기를 변경하고 회전할 수 있다.

Temp2.png

Iphone 리얼다이어리 App

1. 화면에 있는 아이콘(개체) 의 위치와 크기를 변경 할 수 있다.

2. 화면에 표시된 사진(창) 의 위치와 크기를 변경하고 회전할 수 있다.

Temp3.png

Sample Navigation

Retrieved from "http://www.ixpatterns.com/index.php?title=User_activity_guide&oldid=98761"