VIEW CASE STUDY
To design a one-page website and 1-3 sample screens of a Daily Life Log app within a week.
Tech-savvy mobile users who are willing to change themselves for the better.
To motivate individuals to improve their lives.
User Experience Designer
Customer Journey Map
User Interface Design
Logo & Icon Design
ChallengR was built with a mission to motivate individuals to improve every day by tracking their habits. The main question I had in mind throughout the process was: How do I get a user to continuously come back to the app and easily log their daily habits?
Through my empathy research, I have found two types of people: those who are built on strong self-motivation and those who need others to motivate them.
From this discovery, I have placed heavy emphasis on the social aspect on the app, by allowing users to motivate each other and allowing individuals understand their improvement visually.
A Life Log App could go in many directions. So in order to design with a focus, I started by conducting user interviews to understand what areas people generally want to improve in.
Because of a time constraint, I was only able to interview three people.
Through empathy research, I found two types of people: those who are built on strong self-motivation and those who need others to motivate them.
I’ve also discovered that the main areas users want to improve on are the following: fitness, health, skills and good habits.
I'm lazy. That's probably the reason that's keeping me away from achieving my goals.
I love writing down all the things I need to accomplish, because it's a nice visual of how many things are on my mind.
I want to improve my sleeping schedule, but I also love surfing the web at night. I don't know how to balance it out.
I’ve combined all my findings from the user research to create a provisional persona: Steven Fraser.
He is an hardworking, athletic student who is having trouble balancing school and training for a spot on the University of Washington's basktball team.
CUSTOMER JOURNEY MAP
This map includes the thoughts he has, his positive/negative emotions, as well as the location he is in every time he makes an action.
Understanding the needs, wants, painpoints of a user, I took my my ideas to paper. I decided to design for the life log app before designing the app's website, because I wanted to understand all the features of the app first.
Drawing all my rough ideas on paper gave me a better sense of what things are needed in the app. The image below shows a couple ideas I came up with during the Ideation phase:
USABILITY TESTING: PAPER WIREFRAMES
Before diving right into designing high-fidelity wireframes, I did a simple user test to make sure my paper wireframes were understandable. Here were some of the highlights from the user test:
'Challenge Yourself' means I can set a new goal right?
What does this icon at the bottom mean?
How do I view my friends' goals?
User Interface Design
HIGH-FIDELITY WIREFRAMES: LIFE LOG APP
From the user tests, I made changes to my paper wireframes through high-fidelity wireframes. And below are my results.
HIGH-FIDELITY WIREFRAME: LIFE LOG APP'S WEBSITE
Knowing fully of what the the Life Log app does for the user, I showcased all the features on the app's website.
This was my first time completing a challenge for an interview application within a tight time frame.
Looking back at the project, I was given the chance to learn the importance about ideation. Giving me the freedom to experiment what features would encourage users to continuously log their data easily and efficiently every day allowed me to discover that the process "Ideation" is endless. This challenge had pushed me to learn to quickly decide which idea is 'best' and move on with the process.
If I were to move forward with this project, I would build out the wireframe of "push notifications". The reason for this is to encourage users to live out their goals and achieve a better themselves week by week.
View More Projects
VIEW CASE STUDY