안녕하세요!

혹시 붐붐폰 기억하시는 분...계시나요?

(사진 출처: https://m.cetizen.com/review.php?pid=1348&q=view&vcat=1&pno=1348)

어릴 때 가장 가지고 싶었던 핸드폰이었는데요. 지금은 진동이 흔하지만, 이때는 혁명이었죠.. 모델이 붐붐폰을 들고 누워서 오토바이 타는 흉내를 냈던... 광고가 제 마음을 사로잡았던 기억이 아직도 생생하네요

오랜만에 보고 싶어서 찾아봤습니다ㅋㅋㅋ
'내 손 안의 오토바이 스카이 붐붐폰' 광고

지금 봐도 갖고싶다.. 너란 붐붐❤️

그래서 애플의 haptic 기능에 더 애착이 가는 것 같아요...

추억 팔이에 오늘은 서론이 길었네요.
오늘은 제가 개인적으로 좋아하는 기능인, haptic을 사용하는 가이드에 대해 알아보겠습니다!😆

🙌 원문에서 햅틱을 실제로 플레이해 볼 수 있습니다
원문 : Playing haptics
참고 WWDC : Practice audio haptic design

Playing haptics 📳

햅틱을 사용하면 사람들의 촉각을 끌어들일 수 있고, 실제 세계의 친숙함을 앱과 게임에 가져올 수 있습니다.

Apple pay 트랜잭션의 확인이나 iOS, watchOS에서 알림 도착시 시각적, 청각적 피드백 외에 햅틱을 재생해서 피드백을 줄 수 있습니다. Force Touch trackpad를 갖춘 Mac에서 앱은 컨텐츠를 드래그할 때 햅틱을 재생하거나, 다양한 강도로 클릭하여 화면 요소에서 다양한 수준의 변화를 만들수 있습니다. tvOS, iPadOS에서는 game controller가 햅틱 피드백을 제공할 수 있죠.

플랫폼에 따라, 시스템은 표준 컴포넌트에 디폴트로 햅틱 피드백을 제공합니다. 예를 들어 iPhone은 switches, sliders, picekrs가 햅틱 피드백을 자동으로 재생합니다. Apple watch는 Taptic Engine이 만든 햅틱과 audible tone을 조합해서 재생합니다. (HIG 사이트에 샘플들이 있어요!) 또한 시스템은 앱과 게임에서 사용할 수 있는 빌트 인 햅틱 패턴을 제공하고, 햅틱 패턴을 커스텀할 수도 있습니다.

Best practices

1. 시스템이 제공하는 햅틱 패턴은 문서화된 의미에 따라 사용하세요

시스템은 스탠다드 컨트롤과의 상호작용시 스탠다드 햅틱을 일관적으로 재생합니다. (예를들어 피커를 사용할 때 "드르륵" 햅틱이 재생됨) 그러므로 사람들은 스탠다드 햅틱을 이미 알고 있습니다. 만약 햅틱 패턴의 문서화된 사용 예가 당신 앱의 사용 케이스와 어울리지 않는다면 자신만의 햅틱 패턴을 만들어서 사용하세요.

2. 햅틱을 일관적으로 사용하세요

각 햅틱과 햅틱을 유발하는 액션 사이에 분명한 인과 관계를 만들어야합니다. 분명한 인과 관계란'이러한 상황엔 이러한 햅틱이 재생되어야해.'와 같은 연관을 의미합니다. 만약 햅틱의 인과 관계를 제대로 만들지 않는다면, 사용자는 혼란 스러울 수 있고, 햅틱을 무의미하게 생각할 수 있습니다.

예를 들어, 게임 캐릭터가 미션을 실패했을 때 특정 햅틱을 재생시키면, 사람들은 그 햅틱엔 부정적 결과를 연상시킬 겁니다. 그런데 같은 햅틱을 레벨 업과 같은 긍정적 결과에도 재생한다면, 사용자에게 혼란을 야기할 것입니다.

3. 다른 피드백을 보완하는 방식으로 햅틱을 사용하세요

시각적, 청각적, 촉각적 피드백이 조화를 이룰 때, 사용자 경험은 더 조리 있고 자연스럽습니다. 시각, 청각, 촉각은 실제 세상에 존재하기 때문입니다. 예로는 햅틱의 강도와 선명도를 함께 사용하는 애니메이션의 느낌과 일치시키는 것이 있습니다. 또한 사운드와 햅틱을 동시에 재생할 수도 있으니, 개발자 문서 Delivering rich app experiences with haptics.를 참고해보세요

4. 햅틱을 남용하지 마세요

햅틱을 자주 재생하면 성가시고 짜증나지만, 종종 재생된다면 햅틱을 제대로 느낄 수 있습니다. 그러므로 대부분의 사람들이 인정하는 햅틱 재생의 균형을 찾기 위해 사용자 테스트를 수행하는 것이 중요합니다. 최고의 햅틱 경험은 햅틱의 존재를 인식하지 못하다가, 꺼졌을 때 알아차리는 경우입니다.

5. 햅틱을 옵셔널로 만드세요

햅틱을 끄거나 음소거할 수 있는 옵션을 제공하세요.

6.햅틱이 다른 사용자 경험에 영향을 줄 수 있음을 알고 계세요

햅틱은 진동을 느낄 만큼의 물리적 힘을 만들어냅니다. 그러므로 햅틱이 카메라, 자이로스코프, 마이크와 같이 사용될 때 사용자 경험을 저해할 수 있습니다.

Custom haptics

게임은 게임플레이를 향상 시키기위해 종종 햅틱을 커스텀합니다. 게임보다는 덜 흔하지만, 게임이 아닌 앱도 풍부하고 즐거운 경험을 제공하기 위해 햅틱을 커스텀하기도 합니다.

사용자의 input이나 컨텍스트에 기반해서 다이나믹하게 다른 햅틱 패턴을 만들 수 있습니다.
게임을 예로 보면, 게임 캐릭터가 나무에서 점프할 때 느끼는 임팩트가 캐릭터가 제자리에서 점프하는 임팩트보다 클 수 있습니다. 충돌과 hit같은 경험은 다가오는 발걸음이나 위험의 정도와 같은 미세한 상황에 따라 다르게 느껴질 수도 있습니다.

햅틱 패턴은 여러개의 이벤트들로 구성됩니다. 가장 많이 사용되는 이벤트로는 transient event와 continous event가 있습니다.

• 일시적(Transient) 이벤트 : 짧고, 컴팩트해서 탭이나 impulse같이 느껴집니다. 시스템의 플래시 라이트 버튼을 사용하는게 transient event의 예입니다.
• 연속적(Continous) 이벤트 : 지속되는 긴 진동 같습니다. 메시지 앱에서 laser effect로 보내기가 예입니다.

아래 그림처럼, 이벤트들을 시간에 따라 배치함으로써 패턴이 만들어집니다.

또한 햅틱 이벤트의 종류에 무관하게, 햅틱의 sharpness(선명도)와 intensity(농도)도 조절가능합니다.

• sharpness는 햅틱 경험을 물리적 감각에 대응하는 파형으로 추상화하는 방법으로서 생각해볼 수 있습니다. 선명도, 뾰족함을 지정하면 경험의 의도를 전달할 수 있습니다. 예를 들어, 선명도를 사용해서 부드럽고 둥글며 유기적인 경험을 전달하거나 선명하고 정밀하고 기계적인 경험을 전달 할 수 있습니다.
• intensity는 햅틱의 강도를 의미합니다.

transient event, continuous event를 조합, sharpness와 intensity를 조절하고 선택적으로 오디오 컨텐츠를 포함함으로써 넓은 범위의 햅티 경험을 만들 수 있습니다.
개발자 가이드는 Core Haptics를 참고하세요!

Platform consideration - iOS에서 햅틱 만드는 방법

iPhone에서 햅틱을 넣는 방법은 두가지가 있습니다. (Core haptic까지 포함하면 3가지)

1. standard UI Components 사용 - swithces, sliders, pickers (디폴트로 애플이 디자인한 시스템 햅틱이 재생됩니다)

2. UIFeedbackGenerator 사용 - 미리 만들어둔 햅틱 패턴(Notification, impact, selection)을 사용하면됩니다.
   여기에가면 햅틱 패턴을 재생해볼 수 있습니다.

3. Core Haptics 프레임워크 사용 - 햅틱 커스터마이즈 가능

마무리

햅틱을 만들 때 유의할 점들과 햅틱을 커스텀하게 만드는 방법, 햅틱을 구현하는 방법들에 대해 알아보았습니다.

개인 앱을 출시하게 된다면 꼭 사용해보고 싶네요!ㅎㅎ