Amanda Ribeiro

Shippable Design

SOUNDPRINT

[an app that uses crowdsourcing to enable users to discover places based on noise levels]

Happy Quiet Pin Enlarged on Map.png

Here's a walkthrough of our SoundPrint app redesign. Continue reading to learn more!

› problem ‹

brief

Make the app more engaging to create a greater connection with users.

Get users to submit more noise level recordings ("SoundChecks") at venues.

 

problem statement

Noise-sensitive people have difficulty finding quiet public places to go, whether for business, studying, or leisure.

→ How might we help users easily find quiet places near them?

 

› process ‹

 
 

Double Diamond Process

Double Diamond Process.png
 
 
 

My Roles

Scrum Master
UX Designer
Researcher/Notetaker/Tester
[team of three]

Duration

3 weeks

Tools

Sketch
InVision
Marvel
Trello

 
 

 

› research ‹

User Research Key Insights

If I can’t have a conversation with someone, I will not go out.
— Quote from a User Interview
  • Our stakeholder created this app for the hearing-impaired but we found that this is useful for the masses, as well, and perhaps even more— 3/5 hearing-impaired people we interviewed did not care about finding quiet places because they're used to having to deal with the challenges that hearing loss presents.
  • A venue's atmosphere is the highest influencer when deciding where to go out, for both non-hearing impaired and hearing-impaired people
  • Users need to be able to hear people so they can have meaningful conversations
  • Search screen on existing app is not intuitive
 

Competitive Research Key Insights

Competitive Research Insights.png
 

User Personas

 

PRIMARY

Andrew

andrew

distracted social butterfly

 Male • 30 years old • Has ADD

Pain Points
  • Inaccurate reviews online
  • Conforming to friends' needs

Needs
  • A way to find good date locations
  • Quiet bar to socialize

Goals
  • Have meaningful conversations
  • Have more location options to meet friends

 

SECONDARY

Patricia_Secondary_picture.png

patricia

Hearing-Impaired Family Woman

Female • 48 years old • Has Hearing Loss

Pain Points
  • Hearing people while talking on the phone
  • Crowded restaurants with tight seating

Needs
  • Quantitative information about restaurants
  • Strong lighting to lipread

Goals
  • Hear people well while conversing
  • Find quiet restaurants that don’t
       compromise service

 
 

› solution ‹

Key Changes

 
 
 
Map Screen.png
 

 

Search screen

This is the first screen users see upon opening the app, so it should be clearly understandable and engaging, but users thought the the existing design was overwhelming—and we agreed!

We cleaned it up by only showing the results that matter to the user, and identifying the quietest spot nearest to them as being the largest pin they see. We also included "Venue Type" buttons at the top for quick and easy access.

 
 
Evolution of Pin Design.png
 

VENUE PINS

Inspired by the Waze app icons, we personified the pins to be fun, engaging, memorable, and learnable.

 
 
Search Results Screen.png
 
Filters expanded.png

Filter function allows users to refine results by noise level, and lets them know what the "egg" pin means.

 

Search results

Previously, users could look at either the map or the list view and it was frustrating to go back and forth. Here, we've streamlined to combine them and include pertinent information users also wanted to know when browsing.

 
 
Venue Screen.png
 

Venue screen

This screen was all about adding context to the venue information for the user.

The "Yelp" label was added because users were unsure what the star rating meant. "Call" and "Directions" CTAs provide easy access; "Directions" would open the user's native map app. And the same SoundCheck info shown on the search results page appears here for consistency. When the blue button is tapped, a history of taken SoundChecks is shown.

Atmosphere qualifiers replace comments as they're quicker to read, easier to submit, and users tend to not trust polarizing online reviews. The qualifiers were designed with our research in mind, where music, lighting, and space were most important, especially for the hearing-impaired. These can even be added to a venue that has no SoundChecks so that users can still get to know it.

 
Take a SoundCheck.png

Taking a SoundCheck

When taking a SoundCheck with the existing app, users had trouble remembering the decibel scale and therefore, had difficulty understanding the information presented. We included the same pins users see elsewhere in the app because consistency is key in effective memorability.

 
 
My Places - Both Starred & SCs.png
 

New "My Places" Section

We created this section of the app to make it feel more personal and create trust among users, thereby increasing retention. There are two tabs within it: one for venues starred (favorited) by the user, which incentivizes them to use SoundPrint for trip planning, and one for "My SoundChecks", where users can see all the venues they've recorded SoundChecks at (an already existing feature of the app).

 
 

 

› outcome ‹

Key Metrics and KPIs

  • 100% completion rate on primary tasks
    • Using the map to search for a quiet spot
    • Taking a SoundCheck
    • Understanding the blue egg that signifies no SoundChecks have been taken
  • 92% completion rate on secondary tasks
    • Favoriting (starring) a venue
    • Adding atmosphere qualifiers to a venue

Looking Ahead

My team and I are continuing development on SoundPrint's redesign, including but not limited to:

  • Incentivizing users to take SoundChecks
    • Informing users that this helps the hearing-impaired
  • Researching other APIs that may be more suitable for connecting with users
  • Developing a "SoundChecks History" screen
  • Evaluating the blue egg to see how it can be more effective
  • Enhancing the UI as we see fit

...and testing, testing, testing!

 

 

Looking to get in touch?