CASE STUDY
Champion Health - Case study of health assessment
Champion Health is a wellbeing and wellness app for employees – focusing on motivation, routines, and personalised content.
At first Champion Health looks great and surprises you with tailored UI, but the longer you use it, the more tedious user experience it provides.
A small spoiler of results:
Health assessment of wellbeing app
Below you can see an abbreviation of UX audit of the healh assessment, and the reasoning of the changes I made.
Onboarding of Champion Health app starts with the obligatory health assessment, which can be pretty lengthy…
Commiting to 50 questions creates big friction.
👌 What about suggesting shorter option for those in hurry?
We start with basic questions, that’s good.
But scrolling pages on mobile device, with multiple dropdowns inside can be really tedious.
I like clear sections screens, but sometimes they appear multiple times as number of questions doesn’t fit to one page.
At this point I am pretty tired of all of those questions, it’s not clear what’s required from me and what’s optional.
Chunking UX Law: A process by which individual pieces of an information set are broken down and then grouped together in a meaningful whole.
Why do I need to answer ALL of the questions if I am not interested in financial wellbeing?
👌 Simplify the questions, ask for essentials so user feels bonded and have personalised experience.
Whole flow takes about 20 min to fill, just to see home screen of the app.
👌 Progressive disclosure could help – ask essential categories, show results, tempt the user by showing possible content for more data.
So, how can we do better?
- 👍 Champion Health gathers data for personalisation so first entry suggest content you might be interested in
- 👍 Fully personalised UI supports Aesthetic-Usability Effect (Users often perceive aesthetically pleasing design as design that’s more usable. )
- 🧠 Onboarding should suggest you shorter path to minimize friction
- 🧠 Onboarding is lenghty, but never asks me about my goals, which creates commitment and increases engagement of the user.
- 🧠 Pages were lengthy, and I lose the progress tracking quickly.
- 🧠 I prefer to see first benefits of the app before I spend too much time preparing for it. (Progressive disclosure)
- 🧠 I missed Why Before How – a principle in onboarding to explain why I should use the app (benefits and values) before getting know how to use it.
- 🧠 Home screen misses Goal Gradient – allowing the user to complete a simple task early on makes the app feel approachable and reinforces commitment.
After changes
1. Two choices
Short option for those in hurry, focused on goal.
Advanced option for those who wants fully personalised experience.
2. Speed up the answers
To make the process gradual, create a momentum, and lower cognitive load, use one question per page with auto advanced functionality.
3. Create a bond, ask about the goal first
Asking about the goal at the very end lower the possibilty of associating user with the app.
Psychology Endowment Effect:
Users value something more if they feel it’s theirs.
4. Make the progress visible
Show what’s upcoming, how long it takes, and how much more is upfront. Make the progress pleasant with calming illustrations.
5. Help them complete first task for Goal Gradient
Block unlocked categories so you don’t lose extra personalisation data, but let the user explore your app before spending 20 min on preparing for it.
Summary
There are few simple rules while designing an onboarding flow. With this project I tried to summarize best practices to keep it simple, yet effective.
I also updated Champion Health design system for better WCAG contrasts, clearer CTAs and to improve readability and speed of health assessment completion.
Thanks for reading!
If you have any comments, suggestions, or look for UX project, feel free to reach out!