Case Study: App design that interacts with hearing aids to enhance the hearing experience focused on education
Providing functionality at your fingertips.
See the full prototype here
Challenge
Improve integration, and set up of existing WSA hearing aid app with hearing aid setup and better allow users to optimize the capabilities of their hearing aids.
After seeing the frustrations users had with getting set up and more generally what they needed from their hearing aids, I wanted to design an app where users could make adjustments on the fly and get the most from the hearing experience.
User Interviews
I began my research by conducting user interviews with individuals who use hearing aids, have direct interaction with someone who uses them, or know someone who does. The demographic I chose was of older people, since they are more apt to use hearing aids.
I wanted to see what experiences people had with hearing aids and how that might be improved by an app. I organized the data from the interviews into an affinity map to understand people’s pain points and needs.
Takeaways: Users felt that a hearing aid app would help with:
Ability to make adjustments
Tuning and Programming
Enhancing higher frequencies
Dealing with outside noise and crowds
Comparative/Competitive Analysis
For the next step in my research, I used a Comparative & Competitive Analysis with other apps that companies provide to interact with their hearing aids to see what features would be best to include in my design and fulfill the needs of users.
My plan was to incorporate features that were already in use and pool them all into one app.
My analysis of the data provided information showing:
All competitors offer Volume control
7 out of 13 competitors have Source and Environment Adjustment and Balance control
4 out of 13 competitors offer Directionality and Equalizer control
3 out 13 competitors have Sound Exposure, Noise Reduction and Activity monitoring as well as Speech to Text
2 out 13 competitors offer Hearing Testing
1 competitor has Bluetooth integration
1 competitor has a Translate option for speech
Persona
Hearing aid user persona.
Problem Statement
Users need a way to interact with their hearing aids so that the can make adjustments as needed and enhance the hearing aid experience.
How might we interact with hearing aids?
How might we be able to make adjustments to hearing aids remotely?
How might we enhance the hearing aid experience?
Design Layout
Affinity Map of design layout for hearing aid app.
With the results of my user interviews and comparative/competitive analysis, I began to focus on what features would be beneficial for a hearing aid app and how to lay out the information architecture.
I began with an affinity map to organize the features I wanted to incorporate. Later, some categories would merge in order to simplify the app for the user.
User Flow
User flow of final prototype steps.
Once I organized the features I wanted to incorporate in the app, I made a user flow of how a user would navigate the menus on the app in my final prototype.
This flow demonstrated just one path a user could take while choosing a menu of features.
Wireframing
Wireframe sketches of first design ideation.
I began my wireframe process by hand sketching how I wanted to design the layout of features from my research. I wanted to have menu access in a home screen as well as bottom navigation.
For the next step of wireframing, I raised the fidelity in a digital wireframe, where I began making my color choices and determining accessibility.
Seeing that the demographic was a bit older, I wanted to have a more simple design that could be readable and easily accessed. I chose colors that were calming and wouldn’t distract the user.
Usability Testing
Once I created my initial prototype, I conducted usability testing to see if the design solution solved user pain points and establish proper navigation of the app.
Main Takeaways:
Design discrepancy with the footer of the home screen versus other screens. It should be consistent through all screens
White font in footer was difficult to read on top of a light background
Navigation of the app was easy to follow and intuitive
Features of the app were useful in working with hearing aids
Results of the testing suggested making the following changes:
Choosing a darker color for the background of the footer
Choosing a darker color for text and icons in order to be more readable
Final Stylization
Once I incorporated the changes from usability testing, this became my final stylization of the prototype.
Final Prototype
Here is the final clickable prototype I created in Figma.
See the full prototype here
Key Learnings & Next Steps
My next steps would be to further design the menu categories and to find a way for the app to integrate with any hearing aids, not just proprietary devices.