사용자와의 커뮤니케이션을 위한 Haptic 기술

1. 사용자와의 커뮤니케이션을 위한
햅틱기술
2018/04/27
UX팀 이원철

2. 햅틱(Haptic)이란?
햅틱 기술은 사용자에게 힘, 진동, 모션을
적용함으로써 터치의 느낌을 구현하는 기술이다.
즉, 컴퓨터의 기능 가운데 사용자의 입력 장치인
키보드, 마우스, 조이스틱, 터치스크린에서 힘과
운동감을 촉각을 통해 느끼게 한다.
그리스어로 „만지다‟라는 뜻의 „haptesthai‟에서 유래한 단어로 „촉각의, 만지는‟이라는 형용사적 의미

3. 햅틱(Haptic)이 사용자에게 어떤 가치를 주나?
우측은 VISA 카드 모바일 어플리케이션
이미지컷으로 카드 결제 시 소리, 애니메이션,
촉각을 이용하여 VISA 카드만의 브랚딩을 시도한
사례이다.
이를 감각 브랚딩(Sensory Branding)이라 한다.
VISA는 감각 브랚딩의 영향을 파악하기 위해 8개국
대상 방대한 소비자 조사를 실시하였다.
이중 촉각은 소비자에게 „행복‟, „흥분‟의 감정을
일으키는 것으로 확인되었다.

4. 모바일에서는 어떤 종류의 촉각 경험을 제공하나?
Apple 사의 스마트폰 단말기 기준
개별 진동의 길이
*좌/우 폭이 넓을 수록 진동이 길고 루즈한 느낌을 제공한다.
진동 갂 시갂 갂격
*좌/우 갂격이 좁을 수록 개별 진동 갂 연속된 느낌을 제공한다.
진동의 강도
*상/하 높이가 클 수록 진동이 세게 느껴진다.

5. 어떨 때 사용할 수 있나?: Notification(알림)
성공
경고
실패
Success(성공)
“잠금해제, 전송완료 등의 작업이 완료된 경우에 제공할 수 있습니다.”
Warning(경고)
“잠금해제, 전송완료 등의 작업 중 경고가 발생하는 경우 제공할 수 있습니다.”
Failure(실패)
“잠금 해제, 전송완료 등의 작업이 실패했을 때 제공할 수 있습니다.

6. Light(약하게)
“시각적 경험을 보완하는 물리적 경험을 제공할 수 있습니다.”
Medium(중갂)
“시각적 경험을 보완하는 물리적 경험을 제공할 수 있습니다.”
Heavy(강하게)
“시각적 경험을 보완하는 물리적 경험을 제공할 수 있습니다.”
약하게
중갂
강하게
어떨 때 사용할 수 있나?: Impact(강조)

7. Selection(선택)
“사용자의 선택 영역이 활발하게 변경되고 있음을 나타낼 수 있습니다.”
“예를 들어 휠 픽커를 스크롤하는 동안 가볍게(짧게) 두드리는 느낌을 제공합니다.”
선택
어떨 때 사용할 수 있나?: Selection(선택)

8. 현명하게 사용할 필요가 있습니다.
햅틱을 남용하게 되면 햅틱 피드백의 중요성 및 의미를 감소시킬 수 있습니다.
햅틱은 사용자 행동에 대한 피드백으로써 제공합니다.
사람들은 햅틱 피드백을 본인들의 행동과 연관시킵니다. 그러므로 사용자의 행동과 연관없는 피드백을 제공하는 것은 사용자의 오해를
일으키기 쉽습니다.
피드백의 유형을 재정의하지 마십시오.
일관된 사용자 경험을 보장하려면 가이드라인에서 정의한 피드백 유형을 사용해야 합니다.
햅틱 피드백에 대한 시각적인 경험을 섬세하게 제공하세요.
시각적이고 촉각적 피드백을 함께 제공하여 행동-결과 갂의 깊은 연관성을 만들어 보세요.
하나의 방법으로만 피드백을 제공하지 마십시오.
모든 장치가 가이드라인에서 정의한 모든 햅틱 피드백을 지원하지 않습니다. 그러므로 시각적, 청각적인 피드백 등으로 햅틱 피드백을
보완하십시오.
시각적인 피드백이 가려질 때 햅틱 피드백을 사용하십시오.
화면상에서 객체를 드래그를 하는 등과 같이 사용자의 손가락에 의해 시각적인 피드백이 가려지는 상황에서 햅틱 피드백을 사용할 수
있습니다. (예, 휠픽커 사용 시)
햅틱 피드백과 소리 피드백을 함께 제공하세요.
촉각적 피드백은 소리와 자동으로 동기화되지 않습니다. 햅틱 피드백과 함께 소리 피드백을 제공하려면 해당 기능을 활성화 해야 합니다.
어떻게 사용해야 하는가?: Human Interface Guideline

9. 어떤 사례가 있는가?: Youtube
기존기능의 변경 및 강조하려는 영역에 대한 시각적 피드백과 함께 강조(Impact) 효과를 준다.
화면 진입 시 채널별 알림구독 유도 기존 인터랙션 방법의 변경에 따른 안내

10. 사용자의 액션 수행에 따른 시각적 피드백과 함께 강조(Impact) 효과를 준다.
구독알림 선택 시 해당 결과에 대한 안내 부가기능 선택 시 해당 결과에 대한 안내
어떤 사례가 있는가?: Youtube

11. 사용자의 액션 수행 결과에 대한 성공(Success) 피드백을 준다.
검색결과 호출 성공에 대한 사용자 피드백
어떤 사례가 있는가?: 11번가

12. 참고자료
 HIG 가이드라인
https://developer.apple.com/ios/human-interface-guidelines/user-interaction/feedback/
 Visa sensory branding elements – sound, animation and haptic – for completed transactions
http://www.paymentscardsandmobile.com/visa-sensory-branding-elements/
 Haptic technology: wikipedia
https://en.wikipedia.org/wiki/Haptic_technology
 끊임없이 진화 중인 ‘햅틱기술’
https://goo.gl/jg9Uoa

13. 감사합니다.