UI Sounds

Learn sound design for user interfaces by example 🎡

get it
#1 Product of the DayDecember 30, 2018

A library of user interface sounds from popular apps to help you think and learn more about sound when designing and building products.

Reviews
Discussion
Hunter
Makers
You need to become a Contributor to join the discussion.
Graeme
GraemeMaker@graeme_fulton Β· Making Prototypr.io and Letter πŸ’Œ
Hi all, kind of a new year message for you: Since writing about sound visualisation a few years ago (e.g. see here), I was always interested in seeing sounds, but didn't see any career-related reason to pursue the interest so I just stopped! :( πŸ’ͺ I want to take this chance to encourage people to make time for what you're really interested in, as it's easy to think "I'll learn about that awesome stuff later"/"that won't pay the bills". But if you think like that, you might never get to do what you really like, and eventually that area of interest will be like a shadowy ghost of what could have been. This project is for me to start re-exploring sounds. Last year I became interested in the sounds on UI of apps, and got recorded a library, as there isn't really a place to find them all. Here is that library! Future todo: replace the YouTube sound visualisations a Web Audio API version, and add content about this area to teach more about it. That content will be premium to fund the site! That's the rough plan for this one. Shoutouts to @dinuka_jayasuriya @tcodinat @kerrtrvs @vertis @pyyding who also launch products all today in makers kitchen and makerlog haha!
Sergio Mattei
Sergio Mattei@ftxrc Β· Student maker and founder
Love this! It's fascinating to see how companies develop a unique and instantly recognizable sound... Small things like notification tones are so simple yet timeless and give the brand personality. Excellent work!
Graeme
GraemeMaker@graeme_fulton Β· Making Prototypr.io and Letter πŸ’Œ
@ftxrc thanks Sergio! YEah it was fun to make - this one is my favourite:
so cool to see how the mac sounds changed..the video is adapted from a bunch of other vids on youtube which are on the site too (and the video images are from old mac manuals)
Dinuka Jayasuriya
Dinuka Jayasuriya@dinuka_jayasuriya Β· CodingRadio πŸ“» Maker's Kitchen πŸ‘¨β€πŸ³
This is super useful! Thanks for launching this! It'll be even better to have this extended to games πŸ˜€
Graeme
GraemeMaker@graeme_fulton Β· Making Prototypr.io and Letter πŸ’Œ
@dinuka_jayasuriya haha yeah, definitely gonna add a games section - there are lots of recordings already on youtube so I would just add some playlists for those classics like Mario and Sonic :D
Kerr
Kerr@kerr · Web Designer ⚑️
Really cool product! Congrats on the launch! πŸ”Š
Graeme
GraemeMaker@graeme_fulton Β· Making Prototypr.io and Letter πŸ’Œ
@kerrtrvs Thanks Kerr) !
Vincent Denise
Vincent Denise@yesnoornext Β· πŸ“– @threader_app
This part of the design process is really important and sometimes decisive for social apps. I also found that it's really difficult to find great sounds effects to buy without suffering of headaches because of sound watermark Γ  la audiojungle. Do you plan to sell packs or recommend good effects by removing the pain of having to listen hundreds of samples?
Graeme
GraemeMaker@graeme_fulton Β· Making Prototypr.io and Letter πŸ’Œ
@yesnoornext yeah sound can be hugely influential! These are some great points Vincent, thank you! I will definitely be looking into something like creating packs or adding curated sound recommendations from 3rd parties to make them easier to find! This will also provide an avenue for a premium service and keep things sustainable. That's something I'm focusing on in 2019!