George is a Product Designer from Calgary, Alberta.
mockup4.png

New Page

Frame (10).png

Crunchtime

A habit tracking app that focuses on completion.

UX, Product Design


I’m a planner, through and through.

Ever since I discovered the impact of tracking my life, I’ve been obsessed. I have a big black notebook of graph paper that I use as a habit tracker. The y-axis is my daily to-dos, and the x-axis is the days of the month. At the end of each day I pencil in the squares I’ve completed and sit back, content with my progress. The thing is, not everyone likes using a journal. Some people want an app, so I set out to design one. In my experience, it wasn’t important whether I drank exactly 4L of water, or meditated x minutes/day. It was important that I showed up for everything I said I was going to do. The app needed to be a reflection of this — habits didn’t need to break down into micro-granular categories with hyper specific goals. That delayed getting started and shifted the focus to perfection. This app was going to be about consistency, not perfection.

 
Frame (4).png
 
 

 

Competitive Analysis

I started by downloading the top 5 habit tracking apps and using them for a week.
I included the top two contenders in my competitive analysis.

 
strides app.png

Strides App

Cons

  • App seems to focus on data and metrics, not habit completion

  • “+” icon in centre makes navigation confusing

  • 4 different and customizable graph UIs is overkill

  • Customizable to the point of complication

Pros

  • Preset habits to choose from

  • Free

  • Habits can be checked off in push notification widget

  • Cross platform

  • Free

  • Charts & Graphs for progress

 
comp analysis.png
 
 
Screen Shot 2019-02-23 at 11.57.21 AM.png

Done App

Cons

  • Many undefined variables add confusion to new users

  • Unclear that tapping the number on the habit is how you “complete” it

  • Tapping habit can reveal progress tab when user means to perform another function.

  • Unclear navigation in progress tab makes it hard to escape.

  • IA is broken

Pros

  • Clean, colourful, flat UI

  • Focus on streaks and notifications

  • “Journal” feature that users love

  • Build/Quit Habit

  • Ability to add motivational quote

    to each habit

  • Charts for progress

  • Dark mode

 
Done App.png
 
 

Conducting Research

30 people were interviewed initially to determine what
their needs are when it comes to habit tracking. The questions
were created to uncover how they approach doing something
every day — they had little do with apps or interfaces.

  1. How important would rate daily habits on a scale of 1-10?

  2. What is the hardest part of maintaining habits?

  3. Do you want to create new habits or get rid of bad ones, overall?

  4. Are you motivated by streaks, leaderboards, etc?

  5. When do you usually reflect on your life? Morning, evening,
    throughout the day?

  6. How often do you track your habits?

  7. How many habits can you stay on top of every day?

  8. Is creating a habit harder than maintaining it?

  9. When was the last time you were able to maintain a 30-day minimum streak of a habit?

Frame 2 (2).png
 

Proto Persona

This is an early user persona to guide the Information Architecture and Wireframing.
The persona was built from user feedback generated in the research phase.

 
A4 (1).png
 
 
 

User Stories, Hypothesis & Problem Statements

These serve as anchor points for the functionality and usability of Crunchtime.
When I ask myself how users want to feel and what they want to achieve, I refer back to these.

User stories.png
 

Lo-fi Wireframes

Wireframes-Chump.png
 
Screen Shot 2019-02-27 at 3.52.27 PM.png
Layout grids were used to organize content and create a pleasant viewing experience.

Layout grids were used to organize content and create a pleasant viewing experience.