This page guides you on utilizing haptics for interactions and across the user experience. Use it to familiarize yourself with haptic feedback, understand the design principles, and discover best practices.
Multimodal feedback
Visibility of system status
Users need clear feedback to understand whether their interaction was successful. This principle, known as Visibility of System Status, helps prevent uncertainty if the interaction was completed correctly.
For example: did the system actually catch that button press?
We want to avoid leading to actions like repeated button presses. When users understand the system’s state, they feel in control, that they can rely on the system to act as expected. Feedback should use clear cues and indicators to convey system status and intentions, ensuring users can easily interpret responses. Effective feedback helps reinforce user action, build system status understanding, and enhance emotional engagement.
Feedback can range from simple visual cues, like a color change on a button press, to more dynamic elements, such as a progress bar during loading. We have shifted from relying solely on visual feedback to embracing holistic, or multimodal, feedback.
Multimodal feedback principles
Feedback should be approached holistically by integrating multiple sensory channels: sight, sound, and touch. Each modality brings unique strengths and is suited to different contexts. When combined thoughtfully, they create a clear and cohesive experience that enhances usability and reinforces brand identity. Feedback channels should complement one another, via timing and synchronization.
Here is how each sensory feedback type contributes:
Visual feedback: Changes in color, progress indicators, and animations give instant visual confirmation of user actions.
Auditory feedback: Sounds, beeps, or alerts notify users of important events or confirm actions without needing to look at the screen.
Haptic feedback: Vibrations and tactile responses simulate physical sensations, like pressing a button, or provide discreet notifications through touch. This is especially useful when users cannot rely on sight or sound.
By combining these sensory feedback methods, we design interfaces that not only behave predictably but also feel natural and responsive, making the overall user experience more intuitive and satisfying.
Feedback comparison
A detailed overview of the key strengths, limitations, and differences between Visual, Auditory, and Haptic feedback modalities.
Visual
Auditory
Haptic
Strengths
Allows for quick comprehension
Effective for conveying complex data, spatial relationships, and visual cues
Is versatile and widely applicable across various contexts
Provides real-time feedback and alerts, effectively conveying urgency, attention, and emotional cues
Versatile and widely applicable
Provides real-time feedback, it's effective for conveying urgency, attention, and emotional cues
Is effective in contexts where physical interaction or presence is important, such as gaming, virtual reality (VR) and tactile interfaces
Limitations
Cognitive Overload: Too much visual information can overwhelm users and reduce clarity
Dependency on Visual Attention: Requires users to be visually engaged, making it unsuitable for tasks requiring divided attention
Environmental Constraints: Background noise can interfere with audio feedback, reducing its effectiveness. Can be disruptive, especially in quiet or shared environments
Limited Information Depth: Difficult to convey complex or detailed information using sound alone
Limited Information Capacity: Haptics are not suitable for conveying detailed information
Short Memory Retention: Haptic feedback is harder to recall compared to visual or auditory cues
Potential for Ambiguity: Similar haptic patterns can be confused if not designed clearly
Consider Hardware Dependency and Energy Consumption
Accessibility
Is essential for users with normal or corrected vision. However, it may present challenges for users with visual impairments
Can benefit users with visual impairments and situations where visual attention is occupied or unavailable
Is useful in situations where users may not be able to visually attend to the interface, such as multitasking
Beneficial for users with visual or hearing impairments or in situations where visual and auditory feedback is limited or unavailable
Multimodality
Often integrates with auditory feedback to provide a multimodal experience
Can supplement visual and haptic feedback to convey information redundantly or provide alternative cues
Can supplement and complement visual and auditory feedback, providing additional layers of information and enhancing the overall user experience
Design elements of haptics
Just as we have typography, color, layout, and imagery in visual and product design, we also have different design elements in sound and haptics, such as intensity, rhythm, timing, texture, complexity, and silence that can be used to shape how users feel, understand, and interact with a system.
Below is a brief overview of how core design elements map across visual, sound, and haptic feedback channels.
Design elements
Style / branding
Visual identity: color, typography, tone
Sonic identity: signature tones, sound logo
Tactile identity: feel of interaction, patterns
Intensity
Brightness, contrast, size
Volume, amplitude
Vibration strength, pressure
Complexity
Visual layering, detail
Sound layering, harmonics
Combined feedback sequences or layered pulses
Focus / emphasis
Color contrast, scale, alignment
Sonic prominence (pitch, isolation)
Strong pulses, change in feedback pattern
Silence / space
Whitespace, visual gaps
Silence, pauses
Absence of feedback, tactile stillness
Texture
Grain, material visual cues
Timbre (rough, smooth, distorted)
Surface simulation, vibration "feel"
Rhythm
Animation timing, spatial pacing
Beat, tempo, timing of cues
Vibration patterns, tap frequency
Spatiality
Perspective, depth, layout
3D audio, stereo field
Vibration origin, distribution on device surface
This mapping helps designers think across the senses, crafting cohesive experiences where sight, sound, and touch work in harmony.
Design attributes
Example: Design attributes
Rough
Irregular pattern, high contrast
Grainy noise, sharp staccato sounds
Jagged or pulsing vibrations
Smooth
Uniform gradients, low detail
Pure tone, soft ambient sound
Even, continuous or no haptic feedback
Soft
Matte finish, pastel tones
Muffled, low-frequency tones
Light, subtle buzz or soft force feedback
Hard
Glossy highlights, sharp lines
Metallic, high-pitched clicks
Sharp tap or high-intensity vibration
Key characteristics
Understanding how haptics influence human perception is critical for effective design. Here are some of the core qualities and characteristics that shape how we use haptic feedback in digital experiences.
Intimate interactions Touch adds an emotional layer to interactions, as we inherently trust the sensations we feel.
Limited information transferral Haptics are effective for brief, clear signals but are not suitable for conveying complex information. Do not overload the sense of touch with too much information.
Short haptic memory Compared to visual and auditory memory, haptic memory fades quickly. This means designs should lean toward recognition (familiar cues and repetitions) rather than expecting users to remember complex haptic patterns.
Less is more While haptics enhance experiences, they should typically remain in a supporting role, unless the primary focus is on haptic feedback itself. Some of the most effective haptic experiences are those that go unnoticed until they are absent.
Play in sync There is a strong connection between sound and haptics. Designers must consider the synchronization between audio, visuals, and haptic cues to ensure they are perceived as a cohesive event.
Keeping these characteristics in mind will help you make smart decisions about where, when, and how to employ haptic feedback to truly enhance your digital product or experience.
Dos and don’ts
Below is a list of principles or recommended practices when designing haptic feedback.
DO design feedback holistically
Design and integrate haptic feedback to complement visual and auditory cues. Define the moments that benefit from haptic feedback.
DON'T design in isolation
Avoid mismatching haptic effects to the audio-visual context. For example, aim to pair softer sounds with softer haptic feedback to maintain coherence.
DO relate feedback to user action
Ensure timely playback, to establish a clear causal connection between the user's action and the feedback they receive.
DON'T play haptic feedback without related cues
Do not just play haptic feedback if there is no corresponding visual or audio cue to relate it to, as this can confuse users and weaken the feedback's meaning.
DO synchronize multimodal feedback precisely
Synchronize haptics with audio and visual feedback with minimal delay. Users easily notice any lag or mismatch. Synchronize audio, visuals, and haptics tightly to create a seamless and unified user experience.
DON'T allow feedback to become out of sync
Avoid delays, missing feedback, or any asynchrony in haptics, as this can make the system feel slow, laggy, or unresponsive.
DO aim for a haptic balance
Prioritize haptics carefully.
Use "whitespace", short pauses where the skin can rest, to make haptics more impactful.
Accentuate key moments with well-timed feedback.
DON'T overuse haptics
Avoid haptic feedback that is too intense, loud, or distracting, as it can cause user fatigue and reduce overall experience quality.
Avoid long or overlapping haptic effects that can be overwhelming.
Avoid excessive or continuous haptic effects.
DO maintain consistency and standards
Ensure haptic feedback is consistent throughout the application. This helps users learn and associate specific haptic patterns with particular experiences.
DON'T design everything from scratch
Make use of existing standards, especially for system haptics, to gain consistency and reduce development effort.
DO give users a choice
Make haptic feedback optional and adjustable. Users should be able to mute haptics if desired, and the app should remain enjoyable without them. Allow customization of haptic intensity to accommodate individual preferences and sensitivity.
DON'T force haptics without options
Do not require users to experience haptics without the ability to adjust or disable them on a system level.
The haptic design process
A structured process for designing haptic experiences.
Haptic design is a relatively new discipline that often encounters challenges such as being given low priority in project planning, treated as an afterthought in the design process, or overlooked due to creators’ unfamiliarity with the necessary tools. However, many digital products rely on haptics, making it essential for professionals across various fields, such as product design, prototyping, sound design, and game design, to consider haptics as a core component of their work. In this section, we offer a methodical approach and templates to help guide haptic design projects, ensuring that haptics are thoughtfully integrated from the start.
Key considerations
This phase sets the stage for informed decision making throughout the design journey.
Understand: identify user needs
Understand the product, user context, environment, hardware, and interaction goals. Start by pinpointing the user's genuine haptic requirements. Look for opportunities where haptics can compensate for limited or absent sensory cues.
An example in a VR fitness application: users want to feel powerful and want feedback on form.
Define
Define logic for haptic interactions and their hierarchy within the product experience. Get a clear understanding of the interaction patterns and feedback mechanisms.
Brand identity How can haptics support product identity and brand?
Multimodal feedback Consider haptics as part of a holistic feedback system. Ensure that haptic feedback complements visual and auditory cues, creating a cohesive and natural user experience.
Hardware capabilities Understand the device being designed for. Recognize its capabilities and limitations.
Design approach
Guiding questions that can help you refine your intent:
Is there already a feedback mechanism in place? If there is, consider whether it is effective. Does it provide clear and immediate feedback? Is it noticeable without being intrusive?
What information is conveyed in that moment? Evaluate if the feedback provides helpful information. Is it confirming an action, notifying the user, and so on?
Does this interaction need sound or haptics, and why? Determine if additional feedback is necessary.
How often does this interaction happen? Frequent interactions should have subtle feedback to avoid user fatigue, while rare or critical interactions can have more noticeable feedback.
How much whitespace or silence is around this interaction? Context matters. Review if there is enough whitespace or silence to make sound or haptics stand out effectively.
Haptic design
Explore conceptual directions:
When designing, begin with real-world metaphors and expected behaviors. Use these metaphors to guide your design rather than copying physical sensations exactly. Consider how actions and interactions happen in the real world. Think about how elements interact with users and their surroundings. Even with familiar experiences, avoid being limited by physical constraints. Instead, create magical, unreal sensations.
The decision whether to design haptics for expanding perception or building realism is tightly coupled with the overarching goal of the application's user experience (UX) and the decisions made by the audio and visual teams. It is crucial to closely coordinate with those teams to ensure that the haptic design direction aligns harmoniously with the overall design elements of the experience.
Expanding perception Extend the natural sense of touch and use haptics to create digital illusions. This approach involves crafting unique sensations and emotions that go beyond the boundaries of the physical world.
Building realism Replicate the tactile sensations of the physical world, bringing familiarity to a VR application or game, creating an experience that feels as close to reality as possible.
Prototype and test
Test your assets and integrate them into interaction flows using Unity, Unreal, or similar tools. Test haptic assets in context of user flow and with visual and audio feedback.
Integrate
Finalize haptic assets and hand them off to developers for implementation.
Examples and templates
Our github repository offers a range of example projects that demonstrate how to apply the concepts we have discussed. Additionally, utilize our design templates to effectively structure and deliver a haptic design project.