# Haptic Feedback Principles: Feeling the Interface

> Learn how designing tactile (haptic) responses can improve interaction speed, accessibility, and user delight in your mobile applications.

*Tags: ux, concept, ui-design, product-design, mobile*

---


> [!info] Quick Definition
> **Haptic Feedback** is the physical response (vibration or tactile impact) that a mobile device or wearable emits in response to a user action. It is the third communication channel, along with sight and hearing, which allows the user to "feel" that something has happened without needing to look at the screen.


## Why Haptics are Critical for UX?

We live in a world full of visual distractions. Human beings have evolved to feel textures and physical responses when manipulating objects. On a smooth glass screen, we lose that sense.

Well-designed haptic feedback restores that physical security to the user:
- **Instant Confirmation:** The user knows their click has been registered even if the app is taking a millisecond to respond visually.
- **Accessibility:** It is a fundamental communication channel for blind or low-vision people, allowing them to feel errors or successes through different vibration rhythms.
- **Delight and Quality:** A soft, well-calibrated tactile response (e.g., the click when moving a setting wheel) makes the product feel "premium" and high-tech.

## The 4 Levels of Haptic Response

Modern operating systems (like iOS with its Taptic Engine) allow for designing different types of tactile "impacts":

### 1. Light
An almost imperceptible, subtle, and elegant vibration.
- **Use:** When passing over list items, opening a menu, or small selection adjustments.
- **Effect:** Generates a sense of precision and fluidity.

### 2. Medium
A more defined and clear response.
- **Use:** When pressing a primary action button (CTA) or receiving a success message.
- **Effect:** Provides security that an important action has been completed.

### 3. Heavy (Strong / Error)
A more intense or aggressive vibration.
- **Use:** To indicate a critical error (e.g., "Incorrect password") or for destructive actions (e.g., "Delete account").
- **Effect:** The human brain associates strong vibration with danger or failure.

### 4. Success / Pattern (Sequences)
A series of quick and rhythmic vibrations (e.g., two quick taps).
- **Use:** Successful completion of a payment, unlocking a level, or end of a load.

## The Golden Rule: "Less is More"

The greatest danger of haptic feedback is **overuse**. If every click vibrates, the user will stop noticing the difference, and their device's battery will drain unnecessarily.
- Don't use it for trivial actions.
- Don't vibrate when the system performs background tasks (e.g., silent synchronization).
- Haptics should be the **direct consequence** of a user's physical touch.

## How to Design for Touch (Specifications)

As a product designer, you should include a **"Haptic Layer"** in your design flows:
- Mark the points where the device should react on your flowchart.
- Define the type of impact (`Selection`, `Impact`, `NotificationError`, `NotificationSuccess`).
- Collaborate with developers to ensure they use native APIs (Core Haptics on iOS or Vibrator on Android) so the sensation is high quality.

## Mentor's Tips

- **Don't assume everyone feels it the same way:** Allow the user to disable vibrations in your application settings. For some people with tactile hypersensitivity, it can be annoying.
- **Synchronize with Audio and Visuals:** The most powerful feedback is the one that combines subtle sound, a visual change (e.g., an animation), and a haptic response (`Impact`). This sensory trinity generates an unforgettable experience.
- **Use Apple's Taptic Engine as reference:** It is, to this day, the industry's gold standard. Study how an iPhone vibrates when paying with Apple Pay or changing an alarm time; that is the excellence you should seek.

## Useful Resources and Tools

- **Apple Human Interface Guidelines:** [Haptics Design](https://developer.apple.com/design/human-interface-guidelines/haptics)
- **Android Developers:** [Vibration and Haptics Logic](https://developer.android.com/develop/ui/views/haptics)
- **Nielsen Norman Group:** [The Power of Haptics in UX](https://www.nngroup.com/articles/haptics-ux/)
- **Articles:** [A Designer's Guide to Haptic Feedback](https://uxdesign.cc/a-design-guide-to-haptic-feedback-9a3e8e3e8e3)
---
[[functional-animation-principles]]
[[reduced-motion-strategies]]
[[mobile-first-design]]
[[mobile-accessibility]]


---

Source: https://www.fernandoux.com/en/wiki/concepts/haptic-feedback-principles/