Gamified Training
Better track your improvement and have fun.
OVERVIEW
The goal of this project is to iterate the progress bar for Loop Skill program to help users better track their progress and have fun during the learning experience.
ROLE
UX/UI design
LAUNCH
Dec 2021 (est.)
New training framework
Based on the studies from Loop clinical team, Loop decided to update contents by adopting a Learn-Practice-Apply model to improve program quality and efficacy.
Progress bar is working well but...
Loop launched a new progress bar feature with the aim to motivate users. It improved the participation and confidence at the beginning, but failed to constantly motivate users to complete the program.
Project Goal
Iterate progress bar to address the new framework and further motivate users to complete programs.
Design walkthrough
In the new version progress bar, we used the goal-driven idea to encourage users apply skills in real-life challenges. By adding a gamified star collection system, users are supposed to take actions follow Learn-Practice-Apply framework and get stars accordingly.
Sammy signed up a skill and is about to start
1. Match the learning journey with the learning outcome.
2. Guide Sammy to take initial actions.
3. Provide clear user education to lower the learning curve.
Sammy is working in progress
1. A progress bar that visualizes the program progress.
2. Constantly motivate and reward Sammy to take actions following Learn-Practice-Apply framework.
3. Recommendations refresh daily to avoid overwhelming users.
Sammy hits a milestone
1. Sammy is encouraged to try his first IRL goal.
2. Sammy will try goals from easy to hard gradually.
3. Sammy is encouraged to share his experience after trying goals.
Sammy competed the program
1. Sammy can see his skill summary to review his journey.
2. Sammy can freely repeat the program and continue collect stars.
How did I design it?
INSIGHTS FROM
Progress visualization evaluation
In order to learn how motivational and relevant users perceive the progress visualizations to be, we conducted a survey facing new and returning users who signed up at least one program.
The survey data told us that:
1. Users can connect the program with the progress bar and feel they are aware of they have started the program.
2. Users believed the progress bar motivated them by:
---- making them want to fill the bar.
---- helping them realize they’d get better at handling anxiety if they practiced more.
---- showing them that they were prioritizing mental health by dedicating time to it.
3. Users don't find the min-count milestone very motivational.
4. Users believed time spent was relevant to progress, but some users believed technique- or goal-based tracking would be more relevant.
5. Users believed filling the bar would unlock something.
quantitive INSIGHTS FROM
Data analysis
By analyzing the quantitive results from progress bar user testing and tracking data, we found that:
1. Only few users reach the first milestone within the first three weeks.
2. People tend to check the detail page and preview pages before they opt-in.
research takeaways
User Needs
Progress indicators with techniques, goals
Round out time tracking with progress indicators like techniques, goals, and even confidence building.
Feel rewarding when filling the bar
Reward users meaningfully at the completion of the milestone and program to retain them.
Clinical Guidance
Alternate between Learn and Practice sessions
Based on the clinical opinion, users are encouraged to alternate Learn and Practice, and repeat Learn to improve learning outcomes.
Guide behaviors to accomplish IRL goals
Achieving IRL goals can help people better connect what they have learned with what they can do. Therefore, they feel more confident in their ability to manage their mental health.
Start exploring
How to define progress OR completion?
1. Time spent - [current version]
2. Complete every loop topic under each skill.
3. Successfully reach IRL goal.
------ reach 1 goal
------ reach 3 goals from easy to hard
4. See social anxiety assessment result improved.
COncept A
Topic tracker
Hypothesis:
By describing Loop completion within Learn-Practice-Apply framework as progress, we’ll provide transparency of customer’s progress as a way to motivate them take actions, therefore increasing overall engagement, conversion and better efficacy.
COncept B
Collect stars
Hypothesis:
By guiding users to take actions within a flexible Learn-Practice-Apply setup, we will help user follow the most effective path to complete the program. Therefore increasing overall engagement, conversion and better efficacy.
COncept C
Reach goals
Hypothesis:
By measuring Apply goal completion as progress with guidance about how to achieve those goals, we will motivate users to loop more within the new Learn-Practice-Apply framework. Therefore increasing overall engagement, conversion and better efficacy.
make design decision
Take actions to collect stars
