RiseWell
Your go-to app for building healthy habits and prioritizing well-being.
Say hello to your best self, one habit at a time!
Role
UI/UX Designer
Timeline
4 Months
Project
Academic Project
What I did
UI Design, UX Design, Prototyping, Recruiting Users, Usability Testing.
Tools used
Figma, Miro
Link to Prototype
View Prototype
The Problem
Many individuals depend on their morning cup of coffee for an initial energy boost, but struggle with focus and productivity once the caffeine wears off.
There is a lack of awareness regarding the negative effects of consuming caffeine immediately upon waking, impacting overall well-being.
Difficulty breaking the habit of a first-thing-in-the-morning coffee routine and lack of motivation to take actions.
The Challenge
How might we reduce the habit of consuming caffeine first thing in the morning by encouraging gradual behavior change through habit formation, helping individuals who want to improve their energy levels and build healthier daily routines?
The Solution
RiseWell is a wellness morning routine app aimed at empowering users to cultivate healthier habits, including delaying coffee intake, using modern technology.
Inspired by Nir Eyal's "Hooked Model," RiseWell incorporates triggers, actions, rewards, and investments to foster engagement and habit formation.
With features like setting personalized goals and tracking progress, RiseWell helps users achieve their wellness goals and simplifies integrating healthy practices into their daily routine.
Design Process
Strategy
Scope
Structure
Skeleton
Surface
Research & Ideation
KANO Cards
User Flow
Wireframe
UI Design
UI Styleguide
Usability Testing
Storyboard
Persona
MoSCoW Method
Strategy
What did I discover?
01
Waiting 90-120 minutes after waking up to drink coffee has many benefits. It lets your body naturally increase cortisol levels. This helps regulate your sleep-wake cycle and gets you ready for the day. Drinking coffee too early can mess with this natural rhythm. It might make you feel tired later. (Source: LINK)
02
As per Sleep Foundation, 2023 survey 94% of Americans drink caffeinated beverages, with 64% consuming them daily — and 56% drinking four or more 8-ounce cups in a 24-hour timespan.
03
As per Sleep Foundation, 2022 Survey 40% of coffee drinkers report consuming coffee within an hour of waking up.
04
According to a report by Statista (2023), the global mobile health (mHealth) market is expected to surge to $418.2 billion by 2025. This growth is fueled by rising demand for self-management tools aimed at enhancing health and well-being, highlighting a robust market opportunity for innovative wellness apps.
Ideation
In collaboration with my peers, we analyzed common actions in day-to-day habit-forming applications, identifying key behaviors and patterns, and synthesized our findings into an affinity map. This map visually connects all four stages of the Hooked Model, ensuring a cohesive and strategic approach to habit formation.
Hooked Model
External Triggers: Push notifications reminding users to delay their morning coffee.
Unlocks reward on completing goals-Discount coupons.
Statistics showcasing completed, upcoming and ongoing goals.
Opens the app upon receiving a notification.
Chooses any desired activity to delay coffee.
Internal Triggers: Desire to improve overall health and wellness, internal motivation to maintain a delay streak.
Trigger
Investment
Action
Reward
Storyboard
I created a storyboard that shows how users interact with the app, emphasizing the four core factors of habit formation: Trigger, Action, Reward, and Investment. Each frame of the storyboard captures one of these stages, providing a visual representation of the user’s journey, ensuring the app's design actively encourages habit formation.
Alex receives his daily notification from RiseWell app to complete his goal-12 day streak of delaying caffeine.
Trigger
Choose your activities
Action
The app provides a number of activities for the user to engage in.
Congratulations You did it !
Scratch the Ca and Claim your Reward
Variable Reward
After completing 11 Day streak of delaying caffeine, Alex earns a scratch card as a reward, adding an element of excitement and surprise.
Investment
Alex actively engages with the personalized progress dashboard, tracking streaks, completed activities, and overall well-being.
Kano Cards
Kano cards help categorize features based on their impact on user satisfaction. People respond to different aspects of a product or service, experiencing varying degrees of delight, satisfaction, or frustration. The Kano Model cleverly breaks down these reactions into distinct categories: Delighters, Performance, and Basic Needs.
Scope
I created a set of 22 Kano cards capturing the app's potential features, to place on the MoSCow board. Here are the four main cards based on the app’s requirement.
Daily Activity/Goal Notification
Description
Users receive daily notifications reminding them of their wellness goals and encouraging them to engage with the app. They help the users to stay on track with their health and wellness journey.
03
T
Basic
Performance
Delighter
T - Trigger
Activity Selection
Description
The activity selection menu presents users with a range of options to choose from, to tailor their morning routine according to their preferences and needs , that helps them delay caffeine
04
A
Basic
Performance
Delighter
A - Action
Scratch Cards
Description
Rewards based on the users performance and progress, motivating them to consistently participate and explore different aspects of the app.
06
R
Basic
Performance
Delighter
R - Reward
Progress Tracker
Description
The progress tracker monitor streaks, completed activities, empowering the users to stay motivated and accountable.
07
I
Basic
Performance
Delighter
I - Investment
MoSCow Method
Next, I applied the MoSCoW Methodology to prioritize the features, categorizing them into Must Have, Should Have, Could Have, and Won't Have. This structured approach provided a clear framework for prioritizing features and establishing a solid foundation for the entire project.
MUST HAVE
SHOULD HAVE
COULD HAVE
WON’T HAVE
Onboarding
Description
The initial setup process guiding users through the app's features, ensuring a smooth introduction to app's functionality.
01
Basic
Performance
Delighter
Tell Us About You Q/A
Description
This feature engages users with interactive questions to understand their morning routine preferences and wellness goals.
02
Basic
Performance
Delighter
Daily Activity/Goal Notification
Description
Users receive daily notifications reminding them of their wellness goals and encouraging them to engage with the app. They help the users to stay on track with their health and wellness journey.
03
T
Basic
Performance
Delighter
Activity Selection
Description
The activity selection menu presents users with a range of options to choose from, to tailor their morning routine according to their preferences and needs , that helps them delay caffeine
04
A
Basic
Performance
Delighter
Set Your Own Goal
Description
Enables users to set individual goals, encouraging a sense of accomplishment as they work towards their personalized targets within the app's framework.
05
A
Basic
Performance
Delighter
Scratch Cards
Description
Rewards based on the users performance and progress, motivating them to consistently participate and explore different aspects of the app.
06
R
Basic
Performance
Delighter
Basic
Performance
Delighter
Progress tracker
Description
The progress tracker monitor streaks, completed activities, empowering the users to stay motivated and accountable.
07
I
Customizable Timer Functionality
Description
With the customizable timer functionality, users can set durations for their morning activities. It enables users to allocate time efficiently and maintain a balanced routine suited to their schedule.
08
Basic
Performance
Delighter
Quick Post-Activity Feedback
Description
It prompts users to share their post-activity emotions swiftly, for self-reflection and creating a feedback loop for users to connect with their well-being journey.
09
Basic
Performance
Delighter
Description
The app provides morning activity suggestions based on users preferences and past engagement, enhancing personalization for a more fulfilling morning routine.
10
Basic
Performance
Delighter
Social Challenges
Description
Enables users to invite friends for friendly challenges, for healthy competition within the app.
11
Basic
Performance
Delighter
Social Challenges Leaderboard
Description
Users can compete with friends, track progress on leaderboards
12
Basic
Performance
Delighter
Wellness Insights and Tips
Description
The app offers valuable insights and tips related to wellness, empowering users with knowledge and guidance to enhance their morning routine.
13
Basic
Performance
Delighter
Community Engagement Features
Description
Forums and group discussions, where users can share experiences, seek advice, and build connections with like-minded individuals.
14
Basic
Performance
Delighter
Motivational Quotes
Description
The app provides uplifting quotes to inspire users, encourage positive mindset throughout their well-being journey.
15
Basic
Performance
Delighter
Feedback Mechanism
Description
Enables users to offer feedback and suggestions, for continuous improvement so that app evolves according to user needs and preferences.
16
Basic
Performance
Delighter
Revive your streaks
Description
Users can restart interrupted streaks to maintain consistency in their morning routines, motivating them to stay committed and achieve their goals.
17
Basic
Performance
Delighter
Subscription Model
Description
The app offers users to subscribe to access its features for extra benefits.
18
Basic
Performance
Delighter
Social Media Integration
Description
Enables users to share their progress on social media.
19
Basic
Performance
Delighter
ChatBot
Description
Interact with a friendly chatbot to get quick answers, personalized recommendations, and guidance
20
Basic
Performance
Delighter
Offline Access
Description
Users can access essential features of the app without an internet connection, ensuring uninterrupted usage and continued progress tracking even in offline environments.
21
Basic
Performance
Delighter
Integration with wearables
Description
Users can seamlessly sync data from wearable devices, such as fitness trackers or smartwatches, to enhance accuracy and convenience
22
Basic
Performance
Delighter
Structure
User Flow
Based on the ideas and features in my project, it was important to understand how the user would interact with the application.
Digital Wireframes
9:41
Hello Alex !
Feb, 2024
Recommended Goals
Mon
8
Tue
9
Wed
10
Thu
11
Fri
12
Sat
13
Sun
14
Create new goal
Finish Strong: Complete Your 10-Day Caffeine Delay Streak!
12
Meditate every morning
12
Meditate every morning
12
Meditate every morning
12
Meditate every morning
Home
Statistics
Rewards
Calendar
February
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
8
15
22
29
2
9
16
23
3
10
17
24
4
11
18
25
5
12
19
26
6
13
20
27
7
14
21
28
Completed
Delaying Caffeine
1-10 Feb
Upcoming
Morning Walk
15 Feb
Home
Statistics
Rewards
9:41
Calendar
February
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
8
15
22
29
2
9
16
23
3
10
17
24
4
11
18
25
5
12
19
26
6
13
20
27
7
14
21
28
Completed
Delaying Caffeine
1-10 Feb
Upcoming
Morning Walk
15 Feb
Home
Statistics
Rewards
9:41
9:41
RiseWell
Login
Don’t have an account? Sign Up
9:41
RiseWell
Login
Don’t have an account? Sign Up
9:41
RiseWell
Login
Don’t have an account? Sign Up
9:41
RiseWell
Login
Username
Password
Don’t have an account? Sign Up
WELCOME BACK
Remember me
Forgot password?
Or
9:41
RiseWell
Sign Up
Username
Password
Confirm Password
Create New Account
Remember me
Already have an account? Log in
9:41
Next
Let’s get to know you better !
What is your primary goal for using this app ?
Improve Wellness
Stress Reduction
Improve Sleep Quality
Boost energy
9:41
Alex
alex123@gmail.com
Personal Information
Notifications
About Us
Help
Privacy Policy
Log Out
9:41
Hello Alex !
Choose Your Activities!
Select activities to enhance your morning routine and delay caffeine consumption.
Meditation
Yoga
Jogging
Walking
Reading
Stretching
Workout
Cycling
Zumba
Journaling
Get Started
9:41
Hello Alex !
Set Timer For Your Activity!
30 : 00
Cancel
Start
Recents
15 : 00
20 : 00
45 : 00
9:41
How Do You Feel Post Activity?
Happy
Relaxed
Neutral
Sad
Motivated
Energetic
Tired
Calm
Satisfied
Done
Skeleton
Style Guide
#FF7461
#FF9B5F
#FFE0EF
#FFEAB7
#C9FBF8
#1E242E
#9B9BA1
Roboto
Regular
Medium
SemiBold
Bold
Noto Serif
Bold
Get Started
LIVELY
Energy, Enthusiasm, and Excitement
Surface
User Interface
Usability Testing
To ensure RiseWell’s effectiveness to help users effectively manage their caffeine intake and prioritize well-being, I conducted usability testing.
This crucial step focused on three key objectives:
Evaluate users' first impressions of the RiseWell interface.
Assess how easily users navigate the app's overall flow.
Uncover any pain points users encounter while following typical workflows within the RiseWell app.
Key Performance Indictors(KPIs)
Task Success Rate
Confidence & Ease
Time On Task
Failure
User Screening
Usability testing participants were recruited through a screening survey. Out of the 32 individuals who completed the screener form, 20 expressed interest in participating in the usability testing, and 5 people gave the test.
I primarily focused on selecting users based on two criteria:
People who regularly consume coffee in the morning and are interested in managing or reducing their caffeine intake.
People who are open to using apps to support their health and wellness goals.
Usability Testing - Results
Most of the tasks performed by the users were successful. Users were happy with the app's ease of use and clear interface. They liked the core concept of delaying caffeine intake and appreciated features like the activity selection and progress tracking.
Overall, usability testing provided a clear picture of user needs and frustrations. This allowed me to refine the app's functionality and navigation, leading to a more intuitive and enjoyable user experience.
98.4%
Task Success
98.4%
Confidence Score
98.4%
Ease Score
Participants
Tasks
You've received a notification from RiseWell. Open RiseWell now.
Follow on-screen instructions to complete onboarding.
You've established a goal to delay caffeine intake. From home screen, take action to delay caffeine intake.
Having successfully completed your goal, you've now earned a reward. Claim your reward now
Review all your rewards in the app.
See how far you've come! Check your progress and stats
Locate the in-app calendar and then proceed to review your goals.
P1
P2
P3
P4
P5
Success
Partial Success
Failure
Prioritizing Usability Findings
To prioritize usability issues identified during testing I utilized a Severity Matrix. It helped me determine which problems require the most immediate attention based on their impact and frequency. In this Diagram the y-axis showcases how many participants faced the issue and the x-axis showcases severity of the issue
1
2
3
4
5
Low
Medium
Serious
User was expecting rewards related to the physical activity she chose.
User felt that it was a bit tricky for first time user, had to look around a bit.
User wished to be directed to the stats/ their progress after completing the daily goal
User felt that if he would have selected jogging, than this "morning playlist" would have been beneficial
User felt that if he would have selected jogging, than this "morning playlist" would have been beneficial
User pointed out that there was no option to continue with google/ facebook
User asked to mention what's today on the calendar as well.
User asked to highlight what's today’s activity in the TODAY section of stats page
User gave some examples of rewards by saying " a promo code for a uber restaurant, or some healthy groceries"
User said that they felt like playlist wasn't reward worthy.
Redesign
01
After
To address this, I replaced it with coffee coupons, a more tangible reward that aligns with user expectations. This switch directly responds to user feedback, boosting motivation and overall satisfaction within the app.
Before
Users found the morning playlist reward underwhelming and lacking motivation.
02
Added alternative login options like Google and Facebook to the onboarding process. This lets users sign in with familiar credentials, skipping the extra step of creating a new account and password. It streamlines onboarding, making the app more accessible and inviting.
Before
After
03
Users struggled to understand the current day's activity in the stats section, causing confusion and frustration. To resolve this, I added a new "Today's Activity" section. This dedicated space helps users easily track their daily progress, improving their experience and motivation within the app.
After
Before
04
Users struggled to move forward in the app as they couldn’t find the "Get Started" button buried at the bottom of the page. To fix this, I moved the button to the top of the page for immediate visibility, making it easier for users to jump into the app.
Before
After
05
Before
After
Users struggled to identify the current date on the calendar page due to a lack of clear indication.
To address this, I implemented a clear visual cue highlighting today's date.
Additionally, I revamped the calendar's overall appearance, enhancing its visual appeal and making it more intuitive to navigate.
Key Takeaways and Learnings
Incorporating elements of the Hooked Model helped me understand how to design habit-forming experiences. By making the onboarding process engaging (the Trigger), helping users manage their caffeine intake (the Action), and giving rewards for their progress (the Reward), I saw how an app can keep users motivated and engaged over time.
Conducting user testing throughout the development process was an eye-opening experience. Observing user interactions and challenges highlighted the importance of empathy-driven design. By focusing on what users need and what issues they encounter, I learned how to improve the app's features and make the interface easier to use.
Focusing on a smooth and helpful onboarding process showed me how important personalization is. By offering alternative login options and clear progress tracking, I learned how to remove unnecessary barriers and encourage user engagement from the very beginning. This experience will help me create user-friendly introductions for future apps, making sure users have a great first impression and keep coming back.
My experience doesn't stop at the Hook Model. Analyzing user data and progress through the app's metrics provided valuable insights into user behavior and identified areas for further improvement. Combining this data-driven approach with what I learned from user testing helped me balance meeting user needs and using data to personalize their journey for the best engagement.
© 2024 by Gayatri Valvi
