장치 진동 작동 원리
모바일 장치는 진동 모터를 사용합니다 — 편심된 무게가 회전하여 진동을 생성하는 작은 모터입니다. 최신 장치에서는 선형 공진 액추에이터(LRA)나 Apple의 Taptic Engine을 사용하여 전자기력으로 더 정밀하고 미세한 진동을 생성합니다. 이를 통해 빠른 탭, 부드러운 맥동, 복잡한 패턴을 만들어 알림, 게임, UI 상호작용에 풍부한 햅틱 피드백을 제공합니다.
진동 테스트
기기의 진동 모터를 테스트합니다. 이 기능은 진동을 지원하는 모바일 기기에서만 사용할 수 있습니다.
500 ms
진동은 일반적으로 모바일 기기에서만 사용할 수 있습니다.
진동 테스트 팁
1
진동은 모바일 장치(Android)에서만 지원됩니다. iOS Safari는 이 API를 지원하지 않습니다.
2
"방해 금지 모드"나 "무음 모드"가 장치의 진동을 방해하고 있지 않은지 확인하세요.
3
사용자 지정 슬라이더를 사용하여 50ms에서 2000ms까지 다양한 진동 시간을 테스트하세요.
햅틱 피드백과 진동 이해하기
현대 UX에서의 햅틱 피드백
햅틱 피드백은 사용자 경험 디자인의 중요한 부분이 되었습니다. 확인 햅틱은 버튼 누름의 촉각적 확인을 제공합니다(iPhone 홈 버튼 등). 알림 패턴으로 사용자가 장치를 보지 않고 알림을 식별할 수 있습니다. 게임 햅틱은 충격, 엔진, 환경 효과를 시뮬레이션합니다. 접근성 — 햅틱 피드백은 시각 장애가 있는 사용자가 터치스크린과 더 효과적으로 상호작용하는 데 도움이 됩니다.
Vibration API
Vibration API(navigator.vibrate())는 웹 페이지가 장치의 진동을 트리거할 수 있게 합니다. 단일 지속 시간(밀리초) 또는 진동/휴지의 교대 값 배열을 받아 패턴을 생성합니다. API는 모바일 장치에서만 작동합니다 — 데스크톱 컴퓨터에는 보통 진동 모터가 없습니다. 보안 컨텍스트(HTTPS)가 필요하며, 일부 브라우저는 진동을 허용하기 전에 사용자 상호작용을 요구합니다.
자주 묻는 질문
노트북/데스크톱에서 진동이 작동하지 않는 이유는 무엇인가요?
Vibration API는 진동 모터가 있는 장치에서만 작동합니다 — 주로 스마트폰과 일부 태블릿. 데스크톱 컴퓨터와 대부분의 노트북에는 진동 하드웨어가 없습니다. 이 기능은 모바일 장치에서 테스트해야 합니다.
진동은 모든 모바일 브라우저에서 작동하나요?
Android의 Chrome과 Firefox는 진동을 지원합니다. iOS의 Safari는 Vibration API를 지원하지 않습니다. iPhone에는 우수한 햅틱 하드웨어(Taptic Engine)가 있지만 Apple은 아직 Safari에 이 웹 표준을 구현하지 않았습니다.
진동은 배터리를 소모하나요?
짧은 진동 패턴은 거의 전력을 소모하지 않습니다. 하지만 지속적이거나 매우 긴 진동은 진동 모터를 구동하므로 전력을 소모합니다. 이 테스트의 기본 패턴은 짧아서 배터리 수명에 큰 영향이 없습니다.