4 Your Health is a wellness application that aims to simplify health needs. It does this by providing video chat with doctors and wellness coaching, as well as by creating personalized meal plans and workout programs.
The design challenge was to make this health and wellness application have responsive web pages and a comprehensive members dashboard where--in one place--users could initiate consultations with doctors via video/phone, create custom meal plans, watch workout videos, and access wellness coaches.
Involvement
Company
Year
As the UX Design and Development Lead, I conducted user research and usability studies, wireframed and designed the User Interface and developed the front-end (HTML, CSS, JS). My team and I built this product from the ground up in a few months (including the re-design) while working closely with business, marketing, project management and software engineering teams.
There were two main challenges to this project. The first was to create an aesthetic and message that would accurately convey our value proposition to a diverse group of users. The second was to seamlessly integrate the services of multiple vendors in the same easy-to-use dashboard.
My team and I created a questionnaire and presented it to a random selection of people. In addition to gathering demographic information we asked about opinions and habits regarding health and wellness. We wanted to know, for example, what people’s main obstacles were in seeking medical attention and how often they worked out or cooked meals at home.
I wireframed and designed the homepage and dashboard using the information gathered from market analysis and user questionnaires.
After designing and prototyping the homepage and dashboard (using HTML, CSS, and JS), I conducted usability tests to gain an understanding of how they performed. Here are a few of our key observations:
Our headline made it seem (erroneously) that this was a website that provided healthcare coverage.
We created a more direct and descriptive headline/subhead. We also moved away from aspirational imagery and toward a focus on the product.
Users were having to wade through too much text to locate the benefits of the product.
We added a prominent “What is 4YH?” section before explaining the benefits of each feature.
We noticed that on the member’s dashboard users were having trouble determining where to begin, even when they had a specific task in mind.
We created quick links at the top with the most common-use cases that connected to their respective services. We also added the “doctor consultation” links in a visually prominent place.
With these insights and solutions in mind, we decided to rethink our messaging and re-design the website to be more direct and product-focused. User-testing helped us understand the specific challenges users were having with the app. It also gave us the idea to create an aesthetic that was brighter, cleaner, and more aligned with the look and feel we were after.
We addressed the initial usability concerns discovered through our user testing before it was launched in beta in December 2018.
