Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
모바일UX6분 읽기·Updated 2026년 10월·ExodeUI 팀

모바일 UI의 햅틱 피드백: 사용 시기 및 방법

햅틱이 도움이 될 때와 짜증날 때: 시스템 패턴, 일관성, 시각적 피드백과의 결합, 명확한 햅틱과 윙윙거리는 햅틱, 사람들이 끄도록 허용.

핵심 요약과 정의

핵심 포인트

토글, 성공적인 결제 또는 동작의 임계값 도달과 같은 개별 이벤트를 확인하기 위해 햅틱을 아껴서 사용하십시오. 문서화된 의미에 대해 플랫폼에 내장된 패턴을 사용하고, 짧고 일관되게 유지하고, 시각적 피드백과 짝을 이루고, 긴 윙윙거리는 진동을 피하고, 사람들이 햅틱을 끌 수 있도록 하세요.

애플의 지침

Apple의 휴먼 인터페이스 지침에서는 문서화된 의미에 따라 시스템 제공 햅틱 패턴을 사용하고, 사람들이 원인과 결과 관계를 배울 수 있도록 일관되게 햅틱을 사용하고, 시각적 및 오디오 피드백을 보완하기 위해 햅틱을 사용하고, 대부분의 앱에서 개별 이벤트에 대해 짧은 햅틱을 선호하고, 햅틱을 선택 사항으로 만들 것을 권장합니다.

Android의 안내

Android의 햅틱 설계 원칙은 보다 표현적인 순간을 위한 풍부한 햅틱과 명확한 햅틱, 실제 기계적 동작을 모방하는 버튼 누름과 같은 개별 이벤트에 대한 선명한 감각을 구별하고 피드백을 위한 윙윙거리는 레거시 원샷 진동에 대해 조언합니다. Android는 플랫폼이 더 풍부한 효과를 지원하지 않는 장치에 대체 기능을 제공할 수 있도록 작업 지향 HapticFeedbackConstants를 권장합니다.

세 가지 종류의 촉각: 개별 이벤트에는 투명하고, 특별한 순간에는 풍부하며, 윙윙거리는 긴 진동은 피해야 합니다.
피드백을 위해 명확한 햅틱을 선호합니다. 특별한 순간을 위해 부자를 남겨두세요. 윙윙거리는 진동을 피하십시오.

햅틱을 위한 좋은 순간

눈이 놓칠 수 있는 부분을 터치로 확인하는 햅틱을 사용하세요.

  • 스위치를 전환하거나 옵션을 선택합니다.
  • 스와이프 동작과 같은 동작으로 임계값을 넘으면 커밋됩니다.
  • 선택기 또는 슬라이더의 위치에 스냅합니다.
  • 결제 등 중요한 작업의 성공 또는 실패입니다.

햅틱과 모션의 결합

햅틱은 사람들이 보는 것과 일치할 때 가장 잘 작동합니다. 즉, 토글이 안정되거나 스와이프가 임계값을 넘을 때 탭이 작동됩니다. 스프링 애니메이션을 사용하면 시각적 정착이 명확한 순간을 갖기 때문에 이 작업이 더 쉬워집니다. 절대 햅틱에만 의존하지 마세요. 일부 장치에는 이러한 기능이 없으며 많은 사람들이 해당 기능을 끕니다.

기억할 핵심 원칙

  • 문서화된 의미에 대해 시스템 햅틱 패턴을 사용합니다.
  • 개별 이벤트를 위한 짧고 일관된 햅틱
  • 명확한 햅틱을 선호합니다. 긴 윙윙거리는 진동을 피하세요
  • 항상 시각적 피드백과 결합
  • 사람들이 햅틱을 끄도록 허용

자주 묻는 질문

출처

  1. Playing haptics — Apple 휴먼 인터페이스 지침
  2. Haptics design principles — Android 개발자

관련 가이드와 예제

확실한 순간을 느낄 수 있는 모션

브라우저에서 스프링을 조정하여 시각적인 안정감이 햅틱과 짝을 이루는 선명한 순간을 갖게 됩니다.

스프링 생성기 열기
무료로 사용해 보기