healthsown
Keep track of your daily habits and mood with the healthsown App!
OVERVIEW
Project scope: 1 week
Project type: School project
Role: Designer
Tasks: Planning, Sketching, Prototyping, Usability Testing
Tools: Paper, Pencil, Adobe XD
healthsown is a health tracking app created during the Prototyping course at my UX studies. This app aims to help users keep track of their health habits, and at the same time give an overview of the users mental health through the daily mood tracker.
healthsown is only a concept!
THE TASK
To get the project and create the platform of Spotten, me and the team had to convince the client that we were the correct company, design and develop a admin dashboard to handle users and transactions, and create the website where end users rent and rent out spots.
GOAL
The goal of Spotten is to simplify the process of finding availabile parkingspots or storage in your own neighbourhood. This is highly valuable in larger cities where apartment buildings are the most common way to live.
Get suggestions of how to improve your day!
DESIGN PROCESS
The tasks for this project were to create a sign up flow, a daily check-in screen, a mood check-in screen, and health habits check list. To do this, I did the following techniques:
1. Define
USER PERSONA
A user persona was already created for this project, so all I had to do was create a visualization of this persona. User persona will help me make better design decisions that will satisfy the user's needs.
Stephen Stange
Age: 35
Title: Sales rep
Status: Single
Location: Oslo
Stephen is a 35-year-old sales rep who works long hours. He has a long commute to work and often finds that he feels unhappy when he reaches home. He would also like to start eating more healthy food, exercising and drinking more water. Stephen is looking for an app that can help him be more aware of his emotions and relax more easily when he gets home after work. He also would like some visual ways of tracking his exercises.
Needs and Goals
Keep track of my health habits
Have all information in one place
Monitor his mood over time
Pain points
Loses his notepad easilv
Forgets document name
Motivation
To have a healthy lifestyle
Improve his mental health
Behaviour
Long work days
Tech saw
Wants to change his lifestyle
2. Ideate
INFORMATION ARCHITECTURE
For the information architecture, I tried to visualize how the steps in the app would look like. This included the steps from sign up, day tracking, and daily check in, and what the account page would include.
Start
Sign up
Log in
Select additional
tracking data
Home / Overview
Daily Checkin
Day tracking
Rating slider
Additional tracking
data input
Comment for the day
Mood last 2 hours
Health habits
Success message
Summary page
Suggestions to
improve mood
Opens desired app
Account
Settings
Log out
Mood calendar
Day summary
USER FLOW - SIGN UP
A user flow was then created to understand how a user would navigate through the structure of the sign up. Here I primarily focused on how the user would ultimately set up their healthsown account, and get started with the app.
INITIAL SKETCHES
Before moving to tools for prototyping I started by sketching few designs and see what ideas I can come up with and converted these into digital sketches.
3. Build
PROTOTYPES
Keeping the user's needs and pain points in mind I can up with my final version of the design and created three prototypes based on different scenarios.
SIGN UP
Adobe XD link to prototype here
DAY TRACKING
Adobe XD link to prototype here
FULL PROTOTYPE
Adobe XD link to prototype here
That´s it! Thank you for reading.
