Made with 🧠 and πŸ«€ by Youssef Bouksim

Back to library
🎡

Sensory Appeal

Experiences that engage multiple senses create stronger memories and higher engagement. In digital interfaces, this means sound design, haptic feedback, micro-animations, and visual richness β€” creating a multi-channel experience that transcends pure visual interaction.

5 min readUX Β· Product Β· UI

The study of multi-sensory integration β€” how the brain combines inputs from different senses β€” was formalised by Barry Stein and M. Alex Meredith in their 1993 book The Merging of the Senses. Their research showed that neurons in the superior colliculus, a region of the brain involved in orienting behaviour, respond far more strongly to stimuli that combine multiple sensory modalities than to unimodal stimuli. A sound and a light appearing simultaneously produce a response in certain neurons that is ten times stronger than either alone. The brain is built to integrate senses, and it actively values the richness that multi-sensory stimulation provides.

Digital interfaces are inherently impoverished in sensory terms: flat, silent, and untouchable by default. Every pixel on every screen is communicating only through one sense β€” vision. But within the visual channel, designers have significant range: motion, texture, depth, colour, shadow, and the simulation of physical properties can all be deployed to create sensory richness that makes a flat interface feel more responsive, more physical, and more real. On mobile devices that range extends to haptic feedback β€” the vibration patterns that accompany touch interactions β€” and to sound, which the best-designed systems use sparingly and specifically.

The cognitive consequences of sensory richness are well-documented. Harrison, Amento, Kuznetsov, and Bell's 2007 research on progress bar animations found that smoothly animated progress indicators were perceived as completing 11% faster than equivalent static bars β€” the same duration, the same information, but the sensory richness of the animation changed the subjective experience of time. Ngo, Teo, and Byrne's work on sound quality in interfaces found that the aesthetic quality of UI sounds predicted users' overall perception of the interface's quality even when they could not articulate what made it good. The senses are not delivering information about the interface. They are delivering information about whether the interface is worth trusting.

✦ Three things to know
βœ“
Motion creates the sense of physicality that flat interfaces lack. A button that compresses slightly when pressed and springs back when released is communicating through simulated touch β€” the visual system interprets the motion as physical feedback even though no physical contact occurred. This is the principle behind Apple's spring animations, the β€œsquash and stretch” of well-designed micro-interactions, and the satisfying bounce of a list reaching its end. These animations are not decorative. They are a substitute for the tactile feedback that the interface cannot physically provide.
βœ“
Sensory feedback at key moments creates emotional memory β€” the peak-end rule applies. Kahneman's peak-end rule establishes that people remember experiences by their emotional peak and their ending, not by their average. An interface that delivers its richest sensory experience at the moment of task completion β€” a satisfying success animation, a distinctive sound, a celebratory visual β€” creates a positive emotional peak at the end of the experience. This peak is disproportionately weighted in the user's memory and overall evaluation of the product, regardless of what the rest of the interaction felt like.
βœ“
Sensory impoverishment is a trust signal. An interface that provides no sensory feedback for actions β€” buttons that do not visually respond to being pressed, forms that submit with no confirmation animation, transitions that jump rather than flow β€” is perceived as less polished, less carefully made, and by extension less trustworthy than a sensorially richer equivalent. Schifferstein and Cleiren's research on sensory experience found that products rated higher on sensory richness were also rated higher on quality, reliability, and emotional connection, even when the underlying functionality was identical. The senses are evaluating the craftsmanship of the maker.
β€œMulti-sensory stimulation produces neural responses far stronger than any single sense alone. The brain rewards richness.”
β€” Barry Stein & M. Alex Meredith, The Merging of the Senses, 1993

Micro-interactions β€” functional state change vs sensory event

A like button that changes from grey to red is delivering information: the state has changed. A like button that expands, bounces, emits particles, and then settles into its new state is delivering the same information through a sensory event β€” one that the brain processes as a physical interaction rather than a data update. The difference in felt experience is the difference between being told something happened and feeling it happen.

Instagram's research on their like animation found that users who interacted with the animated version reported feeling more satisfied with the action, were more likely to continue scrolling, and rated the product as β€œmore alive” in unprompted descriptions. The animation did not add functionality. It added the sensory feedback that makes the action feel real.

State change β€” visual information only
app.yourapp.com/feed
Youssef Bouksim
Head of Design Β· 2h ago
Just shipped the new onboarding flow. 14-day retention is already up 23% from the control group. Data-driven design works.
48
12
Share
The heart flips colour. The state is communicated, the interaction is functional β€” but there is no sensory event. The brain registers a data update, not a felt action.
Sensory event β€” physical-feeling interaction
app.yourapp.com/feed
Youssef Bouksim
Head of Design Β· 2h ago
Just shipped the new onboarding flow. 14-day retention is already up 23% from the control group. Data-driven design works.
49
12
Share
Same state change, delivered as a sensory event: press, spring, ring pulse, particle burst. The brain's physical interaction systems are engaged through the visual channel alone.

The two hearts deliver identical information. The difference is entirely in the sensory channel β€” the right one simulates the physical properties of a real button: expansion on press, spring-back on release, a burst of energy at the moment of commitment. These animations map onto the sensory expectations the brain has for physical objects. When a digital interaction satisfies those expectations β€” even through purely visual means β€” it feels more real. When it does not, the interaction registers as a data update rather than as an event the user participated in.


Success states β€” confirmation vs celebration

The moment of task completion is the emotional peak of any interaction flow. Kahneman's peak-end rule establishes that this peak is disproportionately weighted in the user's memory and overall evaluation of the experience. A success state that provides no sensory richness β€” a text label that changes from β€œSubmit” to β€œSubmitted” β€” produces a flat peak. A success state that delivers a sensory event β€” a drawn checkmark, an expanding ring, a colour sweep β€” produces a felt peak that the user remembers and that colours their evaluation of the entire preceding interaction.

Both flows below submit to the same endpoint. What differs is what the user is left with at the moment of completion.

Flat confirmation β€” information delivered
app.yourapp.com/feedback
Send us feedback
What could we do better?
Feedback submitted
A text label changes from β€œSubmit” to β€œSubmitted.” Information received, action complete β€” the emotional peak is flat. There is nothing for the user to remember.
Sensory success β€” felt peak at completion
app.yourapp.com/feedback
Thank you
Your feedback helps us make the product better for everyone.
A drawn checkmark, expanding rings, a staged fade of thanks-text β€” the completion is felt, not just read. The peak-end rule weights this moment disproportionately in memory.

The sensory version adds nothing functional β€” the data is identical. What it adds is a felt moment of completion: the eye follows the checkmark as it draws across the circle, the expanding rings pulse outward, the text fades in with a delay that gives each element its own moment. The brain processes this as a real event rather than as a state change. And because it is the emotional peak of the interaction, it is weighted disproportionately in the user's memory of the experience.


Progress feedback β€” static bar vs animated sensory experience

Waiting is inherently uncomfortable. But the experience of waiting is not determined solely by its duration β€” it is shaped by the sensory environment the user is in while waiting. Harrison and colleagues' 2007 research demonstrated that animated progress indicators are perceived as completing 11% faster than static ones for the same actual duration. The animation gives the brain something to track, creates a sense of active progress rather than suspended time, and transforms waiting from a passive experience into an observable process.

Both progress indicators below run for the same eight seconds.

Static bar β€” time suspended
app.yourapp.com/export
Exporting…
42%
A plain bar that fills linearly. No label updates, no easing, no sensory engagement β€” the mind has nothing to track and the wait feels like suspended time.
Animated progress β€” active sensory engagement
app.yourapp.com/export
Processing 847 tasks…
58%3s remaining
Same duration. Shimmer motion, updating step labels, pulsing dots, time-remaining β€” the brain has sensory input to track. Harrison et al. found this reduces perceived wait by 11%.

The animated progress bar does not finish faster. It does not deliver more information. What it delivers is sensory engagement during the wait β€” the shimmer gives the eye something to track, the eased progress feels like natural physical movement, the step labels give the mind something to process. The brain, occupied with tracking these sensory signals, allocates less attention to the experience of waiting itself. Harrison et al.'s 11% perceived speed improvement emerges from this reallocation of attention, not from any change in actual duration.


Applying this to your work

Sensory richness is a tool for specific moments, not a blanket applied to every interaction. The goal is to deploy sensory feedback where it adds felt value β€” core actions, completions, waits, transitions β€” while respecting the user's attention, accessibility preferences, and the reality that what delights on first use becomes friction on the hundredth.

βœ“ Apply it like this
β†’Use sensory richness on core actions users perform frequently β€” likes, saves, completions, confirmations. These are the moments where physical-feeling feedback accumulates into an overall sense of the product being alive and well-made.
β†’Concentrate the richest sensory experience on task completion states. The peak-end rule weights this moment disproportionately β€” a satisfying success state colours the user's memory of the entire preceding interaction.
β†’Add sensory engagement to loading and progress states. Shimmer, eased motion, and updating step labels give the brain something to track, which reduces perceived duration and maintains the sense that progress is occurring.
β†’Use smooth, eased transitions between states and screens. Motion that simulates spatial continuity tells the user they are moving through states rather than jumping between them β€” closer to how physical experience works.
βœ— Common mistakes
β†’Mandatory animations on frequent actions that expert users have already learned. An animation that delights on first encounter becomes a delay on the hundredth. Respect reduced-motion preferences and offer faster paths for repeat use.
β†’Motion that provides no information. Decorative animation that moves elements without communicating anything about their state, function, or relationship is visual noise without the cognitive benefit of sensory feedback.
β†’Sensory richness applied to failure states. Elaborate animations on errors and rejections amplify the emotional impact of the negative experience β€” the peak-end rule works in both directions, and you do not want a felt peak at the moment of failure.
β†’Ignoring prefers-reduced-motion. Roughly 35% of users on some platforms have enabled reduced-motion system preferences, often for accessibility reasons. Sensory design that ignores this setting is not delivering richness; it is delivering discomfort.

Stein, B. E., & Meredith, M. A. (1993). The Merging of the Senses. MIT Press. Β· Harrison, C., Amento, B., Kuznetsov, S., & Bell, R. (2007). Rethinking the progress bar. ACM UIST Proceedings. Β· Ngo, L., Teo, J. C., & Byrne, J. G. (2001). Modelling interface aesthetics. Information Sciences, 152, 25–46. Β· Schifferstein, H. N. J., & Cleiren, M. (2005). Capturing product experiences. Acta Psychologica, 118(3), 293–318.