task manager app previews

Overview

Let’s face it – conquering our daily to-do lists isn’t usually the highlight of our day, and it often feels more like a chore than a choice. So we decided to create a gamified task manager that breaks monotony and adds a dash of fun to our tasks.

Objective
Drive user engagement through customization, positive feedback loops, and motivating streaks that encourage consistent usage

My Role
UX Designer, Artist, Tester

Duration
12 weeks

The Challenge

How might we prove that gamification will help people stay engaged and reduce procrastination?

By incorporating game-like elements into activities, there is a potential to boost motivation and make work more engaging.

Survey Results

In order to understand the problem and the users needs, we conducted a survey using Google Forms and had 26 unique responses.

Do you keep track of your pending tasks?

Would you to try a task management app that incorporates game-like elements to motivate you?

Key Findings

coin list

Users currently use the Reminders app, Notes and Google Calendar to track todos

coin list

Users lack discipline in managing their tasks effectively

coin list

Users struggle with task time estimation, often taking longer to complete tasks than expected

Persona

persona for task manager app

Problem Statement

yellow hairless character

A person who feels overwhelmed with the amount of tasks they have to complete needs to find a way to stay on track, but is not motivated.

Prototyping

Instead of having different pages for the checklist and the game elements, I decided that it would be better to have it all on the same page so the user knows the connection between the character and the tasks.

Task: Swipe up and complete a task

task manager user flow

Sketches

The user can complete tasks to gain points which will then allow them to buy items for their pet. This was our solution to help people stay consistent and interested in task management.

home page sketch

Home page where the user can see their character, how much money they have and if they swipe up, expand the lists section.

food sketch

Buy food by clicking the food icon on the home page. This pop up will show the food you can buy.

clothes sketch

Buy clothes for your character by clicking the clothes icon on the home page. This pop up will show you all the clothes you can buy.

medicine sketch

Your character can get sick and you will have to give it medicine to make it feel better.

Low-fi Wireframes & Testing

low fidelity wireframes and prototype

This was the low fidelity prototype we created based on our user flow, this is what we used to test the swipe up aspect of the app.

  • User starts at the home page
  • Swipe up to expand the lists section
  • User goes to the “Homework” list
  • User checks off the “Social Studies Assignment” task

Useberry Testing Results

Task

Check off the “Social Studies Assignment” task

Instructions

  • Swipe up on “My Lists”
  • Select “Homework”
  • Check off “Social Studies Assignment”

insights & changes

Although the instructions said to “swipe up” some users tapped on the lists part.

Through the clicks we can see that people are interested in the character aspect of the app.

percentages
useberry clicks

In Person Testing Results

Two participants between ages 30 to 34 years old

Task

Check off the “Social Studies Assignment” task

instructions

  • Swipe up on “My Lists”
  • Select “Homework”
  • Check off “Social Studies Assignment”

Key Findings

  • Participants found the gamified elements, such as coin collection and character customization engaging and motivating.
  • Both participants expressed how much they like the divided screen. They want to see their character at all times.

Changes & Iterations

iteration 2

Made the character the main focus as that is what people were more interested in

iteration 1

Instead of taking over the whole screen, it’s overlayed so the character screen is still visible

To add more interactivity to your pet we thought to add a feature reminiscent of the “Tamagotchi” toy from the 90’s.

Game Mechanic Changes

We will add a feature for the user to be able to name their pet in the beginning. This will add further attachment to the character.

To encourage people to consistently use the app often, they will now start with an egg which will hatch once they have finished a pre-determined number of tasks.

We reduced the amount of points given from completing a task from 100 to 50.

Limited the quality of clothes the player can buy, instead the player will now pull (similar to a loot box) for rare clothes and appearance changes.

To get pulls the player must have a streak of tasks completed. 4 days of consistency will give the player 1 pull.

The items that the player can pull will change every 2 months. This will encourage the players to continue to play as new items will always be available.

Style Tile

I went through a lot of styles for the character, experimenting with blobs, pixel art, realistic, cartoony, etc. In the end, the one I landed on was a hand drawn style to make it seem more cartoony.

Changing the colours to a more earthy colour palette to keep it gender neutral, as well as using a fun font that matched the cartoon style while keeping it readable created a more cohesive design.

Style tile for gamified task manager

Hi-Fi Usability Testing

Once the hi-fidelity prototypes were finished we sent it out to 10 participants to test it through Useberry.

Task #1

Add a new reminder in the “Homework” list

100%

Success rate

Task #2

Open presents and customize your pet

80%

Success rate

Next Steps

coin list

More in depth user testing to improve the game aspect

coin list

Create more assets and interactivity

coin list

Implement eye catching motion graphics to keep people engaged