Challengr Main Image


Task

To design a one-page website and 1-3 sample screens of a Daily Life Log app within a week.

Target User

Tech-savvy mobile users who are willing to change themselves for the better.

Goal

To motivate individuals to improve their lives.

My Role

User Experience Designer



Research

User Interviews

Ideation

Personas
Customer Journey Map
Paper Wireframes

Interaction Design

User Testing

User Interface Design

Logo & Icon Design
High-Fidelity Wireframes


Summary

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.



Process

Research


USER RESEARCH

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.



Strategy


PERSONA

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.


Challengr - Persona

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.


Challengr - Customer Journey Map

PAPER WIREFRAMES

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:

Challengr - Paper Wireframes

Interaction Design


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.


Challengr - Life Log App

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.


Challengr - Landing Page Desktop

Reflection

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