
How to Create Whooshes for UI Notifications
How to Create Whooshes for UI Notifications
UI whooshes are deceptively tricky: they need to feel “designed,” not “Hollywood.” Too big and they fight the notification itself. Too small and they disappear under system sounds, music, or voice. The sweet spot is a short, clean movement cue that reads on a phone speaker and still feels polished on studio monitors.
In production, I treat UI whooshes like micro-transitions: they guide attention, suggest direction (in/out, up/down), and add personality without stealing focus. Below are practical ways to build them fast, keep them consistent, and make them translate across devices.
-
1) Start with the function: “in,” “out,” “confirm,” or “warn”
Before you touch a synth, decide what the whoosh is doing. An “incoming” UI panel wants an up-and-forward whoosh; a dismiss action reads better with a down-and-away tail. In a real app mix, I’ll keep confirm whooshes brighter and shorter, and error/warn whooshes darker with a slightly longer decay so they feel weightier.
-
2) Keep it short: 80–250 ms for most notification moves
UI is about speed; if your whoosh is 600 ms it starts sounding like a trailer transition. For small UI nudges, aim around 120–180 ms, and reserve 250–350 ms for bigger moments (modal open/close, screen transitions). A good test: if the whoosh still “reads” when you play it quietly at -30 dBFS, it’s probably the right length and shape.
-
3) Build whooshes from filtered noise + one pitched layer
The most controllable recipe is: noise for airflow + a subtle tonal element for identity. Use white/pink noise through a band-pass or low-pass filter sweep, then add a quiet sine/triangle or soft wavetable that follows the same envelope. Example: for a “send” action, I’ll sweep a band-pass from ~500 Hz to 6 kHz while a sine glides up 5–12 semitones underneath.
-
4) Use envelopes like a UI designer: fast attack, purposeful release
Whooshes usually need a quick attack (1–10 ms) so the motion feels responsive, then a release that matches the animation easing. If the UI motion eases out, mimic it with a slightly longer tail rather than an abrupt stop. In DAWs, shape the noise with volume automation or an ADSR (short A, medium D, low/no sustain, short-to-medium R).
-
5) Add “motion” with filter resonance and subtle Doppler/pitch glide
A static filter sweep can sound like generic wind. Add a little resonance (careful—UI hates whistle tones) and a gentle pitch movement to imply speed. A practical approach: automate pitch by 2–7 semitones over the duration, and keep the resonance peak moving so it doesn’t sit on one annoying frequency. On a real project, I’ll audition on small speakers to make sure the resonance isn’t turning into a piercing 3–5 kHz spike.
-
6) Make it “device-proof”: control 2–5 kHz and don’t rely on sub
Phone and laptop speakers live in the midrange, and UI sounds often play alongside voice. Keep the body of the whoosh around 700 Hz–4 kHz, and treat 2–5 kHz like a sharp knife—use it for clarity, not pain. If you want fullness, add a low-mid layer around 150–300 Hz, but don’t build the whole whoosh on bass; it’ll vanish on small playback.
-
7) Use micro-stereo wisely: width at the tail, not the transient
A super-wide whoosh can feel slick, but UI often folds to mono in weird places (phones, conferencing, accessibility modes). Keep the first 30–60 ms mostly mono so the “start” is solid, then widen the sustain/tail with a short stereo delay (10–25 ms), chorus, or mid/side widening. In studio practice, I’ll check mono compatibility and make sure the whoosh doesn’t hollow out when summed.
-
8) Get character fast with real-world recordings (or DIY foley)
If synthesized noise feels sterile, layer in a tiny foley element: a hand wave past a mic, a fabric swish, a book page flick, or air from a small handheld fan. A small-diaphragm condenser (e.g., an SM81-style mic) is great, but a decent phone recording in a quiet closet can work if you high-pass and denoise carefully. Example: record a quick “whoom” by moving a folded hoodie past the mic, then time-compress it and tuck it under the synth sweep for texture.
-
9) Use reverb like seasoning: short, bright, and gated when needed
Long reverb tails smear UI and make the interface feel sluggish. Stick to short rooms/plates (0.2–0.6 s) and consider pre-delay (10–25 ms) so the transient stays clean. If you need a bigger sense of space (game menus, sci-fi HUD), try a gated reverb or a tight nonlinear verb so you get size without a long tail.
-
10) Loudness and headroom: target consistent perceived level, not peak
UI whooshes should sit under beeps, chimes, and voice prompts—not fight them. I’ll often keep peaks around -10 to -6 dBFS for single assets, but the real goal is consistent perceived loudness across the whole UI set. Scenario: if your “open panel” whoosh sounds louder than your confirmation ping on a laptop, it’ll feel backwards—pull it down 2–4 dB or soften the 2–4 kHz range.
-
11) Build a reusable “whoosh rig” template in your DAW
Speed matters when you’re delivering dozens of UI variants. Set up a track stack: noise synth + tonal synth + foley track + bus with EQ, transient control, and limiter, plus a reference track of your loudest UI sound. In real studio workflows, this template saves hours—especially when a product team asks for “the same, but shorter, and more premium” two days before release.
Quick Reference Summary
- Match the whoosh direction and mood to the UI action (in/out/confirm/warn).
- Keep most UI whooshes 80–250 ms; longer only for big transitions.
- Layer filtered noise + a subtle pitched tone for control and identity.
- Fast attack, release shaped to the animation easing.
- Use gentle resonance and pitch glide for believable motion.
- Mix for small speakers: focus on 700 Hz–4 kHz; tame 2–5 kHz.
- Mono-first transients; widen the tail carefully.
- Add tiny foley layers for character; keep reverb short and tight.
- Normalize perceived loudness across the UI set; don’t chase peaks alone.
- Save a DAW template (“whoosh rig”) for fast variations and revisions.
Conclusion
The best UI whooshes feel effortless because they’re designed with intent: short, controlled, and consistent across the system. Try building three versions of the same whoosh (bright/neutral/dark) using the layered noise + tone approach, then test on earbuds and a phone speaker. Once you’ve got a reliable “whoosh rig,” you can crank out variations quickly—and your UI will feel more responsive and premium without sounding like a movie trailer.









