Designing for sound
To help designers explore how sound can impact their designs, Design at Meta created a collection of interaction sounds for prototypes. You can read more about how sound design enhances interactions within Meta technologies here.
We’ve incorporated these sounds into Origami and worked with the Framer Team to add them to Framer as well. But you can also download the entire set of sounds and use them for other prototypes.
THIS ARTICLE IS GREAT FOR
PRODUCT DESIGN
UX RESEARCH
CONTRIBUTORS
WILL L.
JON O.
SCOTT D.
DEBASHISH P.
MATEJ H.
JEFF S.
What's inside?
The set includes two folders: “Full Volume” and “Low Volume”. Each has a variety of sounds that are identical to each other with one difference being the default volume.
Full Volume (-5dB)
We use this set of sounds when playing back on our computers. Use this sound set for times when you need more control over volume. These files are loud and will most likely need to be turned down. For example, if you are giving a demonstration on your laptop, you may need to adjust your computer or system volume to suit your playback needs.
Low Volume (-20dB)
We use this set of sounds when playing back on a mobile device and are closer to the sounds you might find in production. Use this sound set when you would like playback to be more representative of how experiences might sound on a mobile device. The files are much lower in volume which can help with speaker distortion. For example, each mobile device has on board DSP (Digital Signal Processing), which can impact audio playback. Playing back sounds at lower levels may help alleviate this OS challenge as you iterate.
Please do not repackage and redistribute these as your own.
MORE TOOLS
Other resources you might be interested in
Design at Meta is for everyone who touches user experience and design.
Whether you’re a product designer, writer, creative strategist, researcher, project manager, team leader or all-around systems-thinker, there’s something here for you.
