Screenshot 2024-05-05 at 5.28.44 PM.png

<aside> 💡 burpworld.online is an online social space for burpers and burp connoisseurs.

This app is a case study for non-visual user interfaces and an exploration of sound-based interactions to navigate rich functions, celebrating the utility of sound and the rich sonic qualities of the unfairly shamed burp.

</aside>

Interaction Design + Product Design + Sound + Tech & Society

Watch the presentation:

https://vimeo.com/946793683

Watch the teaser:

burp world launch supercut.mp4

Visit the website:

Burp World Online

See the source code:

https://github.com/jz2450/burpworldonline

<aside> 🧭 Navigation

The Context

The Social Network (burpworld.online)

The Sounds

The Framework (Jogg.js)

The Hardware

Next Steps

</aside>

The Abstract

Why is the reaction to a burp either “ew gross”, a dirty look, or “Josh that’s disgusting”?

We as a society have failed the naturally gassy when we unfairly shame them for ruining a moment with an untimely burp. Sometimes we just can’t help it, after all, burps are unpredictable forces of nature and are uncomfortable to hold in.

Burp World Online was created to provide a safe online space for the helplessly gassy to share recordings of their burps, connect with each other, and celebrate the part of themselves that society wishes to quietly fan away.

Burp World Online also explores sound design as interface design. A case study of a social media platform with a non-visual sound-based user interface, we can imagine what it would look sound like to engage with each other online and asynchronously through the medium of sound.

There is so much we can do with just our ears and this project is designed to see what the boundaries of those abilities are. We do this by creating a framework for designing sound-based web user interfaces called Jogg.js, by designing an array of sounds that indicate user actions and app states, and a case study app.

This design exercise speculates on what other applications and user experiences could be created using this design framework, while also destigmatising natural body functions like burps.

Who knew sound had the power to do all that?

1570FF25-5F38-4673-B75F-735FE0666034_1_105_c.jpeg

Screenshot 2024-05-05 at 4.30.57 PM.png

Screenshot 2024-05-05 at 4.33.59 PM.png

Key Features

Burp World Online allows you to:

<aside> 💡 Please email josh @ josh josh josh . net to do anything else because it has definitely not been implemented yet.

</aside>

burp world online demo.mp4

Screenshot 2024-05-01 at 2.52.55 AM.png

Technical Details

Burp World Online is a full-stack web application that uses Node.js, Express, Firebase for authentication and storage, and MongoDB Community Edition. burpworld.online is deployed on Digital Ocean and can be accessed using the web client with potential to work with native hardware clients in the future.