Star Behavioral Health Providers is a non-profit organization that connects military families with mental health professionals. The website allows military families to search for mental health services, and allows mental health providers to receive specific training to become eligible to provide services for military families. My team’s goal was to redesign the patient side of the website. This project was given to us in our UX Design studio at Purdue.
When: August 2018-December 2018
My role: Project lead, interaction designer, prototyper
The overall goal of this project is to redesign the website. More specifically, we wanted our redesign to:
why does sbhp matter?
Military families suffer from high rates of of mental health issues such as PTSD, depression, and anxiety due to traumatic incidents in combat, or due to the deportation of their loved ones. SBHP allows military families to find a mental health provider in one centralized location based on their specific needs.
Just by looking at the website, it was obvious that there were many usability errors. In order to organize the errors we found and to prevent making the same errors in our redesign, we conducted a heuristic analysis using Nielsen’s 10 Usability Heuristics.
Most common usability violations found:
Minimalistic and Aesthetic Design: multiple instances of misaligned text, awkward spacing, too much content on one page.
Consistency and Standards: The website was ridden with inconsistent font styles and sizes.
Match Between System and Real World: The “tier system” which is used to organize search results is not intuitive to users.
We used a spreadsheet for our content audit and highlighted pages that we felt did not need to exist, contained redundant information, or could be merged with another page.
Our content audit helped us decide on a hierarchy for the pages of the website:
Before we started designing, we wanted to talk to our users and find out what they found problematic with the website. We interviewed 2 military veterans and 1 wife of a veteran. To view our interview protocol, click here.
To understand the process of searching for a health provider online
Identify usability issues with the current website
Based on our interviews, we discovered that the 3 most important criteria users look for when searching for a health provider online are:
Now that we had a good understanding of the process of searching for a health provider, as well as the pain points involved, we started to think about a user journey. We looked at websites that had similar business models to learn what works and what doesn’t.
The websites we looked at were United Health Care, Give an Hour and Zocdoc. We each looked at the websites and identified strengths, weaknesses, and opportunities.
initial ideas for search flow
We sketched some ideas throughout the process— between interview sessions and after our content audit to visualize the ideas we had in our heads.
Our process for narrowing down our ideas consisted of us sketching individually, presenting our sketches to each other, providing feedback and gathering ideas, making changes, testing individually, and then doing the process over again.
Here are a few examples of how our sketches translated to our wireframes:
Throughout our ideation process we did as much testing as we could, randomly approaching people and asking them to perform some tasks with our sketches/wireframes. You can view our testing protocol here.
Users appreciated the definitions for each of the conditions
Many users didn’t know they could select multiple conditions to filter by, thought they could only select 1
Some felt that side filters could cause the website to become too cluttered
Taking these takeaways into account, we made a critical UI change that we felt fixed “cluttered” look. We moved the search filters to the top of the page which created a cleaner look.
After iterating, testing, and iterating some more, we were finally able to pass off our final prototype to the SBHP team who was very pleased with our work. Check out our design in this YouTube video.
Our sponsors at SBHP were overall impressed with our work and were excited about implementing our design.
We suggested some long-term ideas for them to implement as their website gains more traction:
Allowing patients to leave reviews
A booking appointments feature
An “account” system where both providers and patients can log in so that the website saves their information
What drew me to this project at first was it’s mission— mental health is a topic that’s really important to me, and being able to help military families get the support they need reminded me of my passion for doing good with design. Throughout the challenges in this project, I reminded myself of why this work is so important.
Being a team lead for this project felt like a whole lot of responsibility on my shoulders in the beginning. Slowly I learned the importance of shared responsibility, and how to encourage team members to take initiative and champion tasks on their own. I feel a whole lot stronger after this experience and hope that I have more opportunities for leadership in the future.