Clear

Clear

Concept — 2023
TIMELINE
August 2023 - December 2023
ROLE
Concept, UX/UI Designer
SOFTWARE
Figma, Miro, ProtoPie
CONTEXT
A comprehensive task management application that helps users assess their priorities.
Call John
10 Mar
Call John
22 Sept
Redesign client's logo
Update website
Update website
Update website
Concept — 2023

Clear

Clear

TIMELINE
June 2023 - August 2023
ROLE
Concept, UX/UI Designer
SOFTWARE
Figma, Miro, ProtoPie
CONTEXT
A comprehensive task management application that helps users assess their priorities.
concept    2023

Clear

A comprehensive task management application that helps users assess their priorities.

timeline

June 2023 - August 2023

Role

Concept, Sole UX/UI Designer

software

Figma, Miro, ProtoPie

Priority Score
5
How impactful is this task?
How much effort will this task require?
Create task
With a seemingly never-ending list of tasks,
how do we determine which one to focus on?
Renew passport
6 Feb
File taxes
18 Apr
Sign up for fall classes
10 Feb
Pay electricity bill
1 Mar
Update resume
6 Feb
Get oil change
6 Feb
Redesign client's logo
6 Feb
Edit documentary
6 Feb
Renew passport
6 Feb
File taxes
18 Apr
Sign up for fall classes
10 Feb
Pay electricity bill
1 Mar
Update resume
6 Feb
Get oil change
6 Feb
Redesign client's logo
6 Feb
Edit documentary
6 Feb
PROBLEM

Not all tasks are created equal.

Not all tasks are created equal.

Unassuming design.
Many people lack an effective system to manage their tasks. As a result, they spend too much time on trivial tasks and leave more meaningful tasks unfinished. Without an effective prioritization strategy, it is easy to become overwhelmed and feel unaccomplished at the end of the day.
I'm curious how everyone stays organized and focused throughout their day. I'm one of these people that get so overwhelmed and end up getting nothing done. I'll be thinking about listing, buying, fulfilling, and my mind is going crazy about what to do first.
So Much Difficulty with Time/Task Management
Shiny object syndrome is very real. When you don’t know what to focus on, you stop focusing.
Twitter User
According to the study, 60 percent of respondents say they have more than 60 tasks on their weekly to-do list (both work and personal commitments) and 15 percent of those people have more than 100 tasks.
Over-commitment Epidemic
Americans have long felt that they had too much to do, but in the past few decades, this feeling seems to have become more common and intense, as new breeds of tasks have emerged and people’s finite mental energies have been depleted by changes to the modern economy. For many, the to-do list, whether written or mental, now suffers from a sort of infinite scroll: Reaching the end of it can be unimaginable.
Why Your To-Do List Never Ends
I'm curious how everyone stays organized and focused throughout their day. I'm one of these people that get so overwhelmed and end up getting nothing done. I'll be thinking about listing, buying, fulfilling, and my mind is going crazy about what to do first.
So Much Difficulty with Time/Task Management
Shiny object syndrome is very real. When you don’t know what to focus on, you stop focusing.
Twitter User
According to the study, 60 percent of respondents say they have more than 60 tasks on their weekly to-do list (both work and personal commitments) and 15 percent of those people have more than 100 tasks.
Over-commitment Epidemic
Americans have long felt that they had too much to do, but in the past few decades, this feeling seems to have become more common and intense, as new breeds of tasks have emerged and people’s finite mental energies have been depleted by changes to the modern economy. For many, the to-do list, whether written or mental, now suffers from a sort of infinite scroll: Reaching the end of it can be unimaginable.
Why Your To-Do List Never Ends
Problem
quote
What if we prioritized more meaningful tasks?
What if we prioritized more meaningful tasks?
SOLUTION

Reprioritize priority.

Reprioritize priority.

Most important tasks first.
A comprehensive task management application that helps users identify their priorities, allowing them to stay focused and make progress on what truly matters.

Introducing
Clear

Dashboard checkbox animation
video
Switch between focus modes.
Alternate between Priority and Date modes depending on the situation to ensure that you focus on the right tasks.
Loading video...
Priority
Date
Focus modes
video and interactive
Priority Score system.
Clear ranks tasks by assigning a numerical priority score. This allows users to quickly identify which tasks to focus on and which ones can wait.
Loading video...
Priority Score modal
Image and video

solution

Reprioritize priority.

A comprehensive task management application that helps users identify their priorities, allowing them to stay focused and make progress on what truly matters.

Introducing
Clear

Priority
Date

Switch between focus modes

Alternate between Priority and Date modes depending on the situation to ensure that you focus on the right tasks.

Loading video...
Loading video...

Priority Score system

Clear ranks tasks by assigning a numerical priority score. This allows users to quickly identify which tasks to focus on and which ones can wait.

research

Bring order to chaos.

Bring order to chaos.

Defining priority.
I began by conducting research to gain a better understanding of the concept of priority and its advantages.
priority / prī-ˈȯr-ə-tē / noun
1. the fact or condition of being regarded or treated as more important.
With good prioritization (and careful management of reprioritized tasks) you can bring order to chaos, massively reduce stress, and move towards a successful conclusion. Without it, you'll flounder around, drowning in competing demands.
Making Best Use of Your Time and Resources
Prioritization is a powerful skill that will help you take control of your workflow and optimize productivity. Breaking your workload into manageable chunks and setting priorities helps you break the cycle of missed deadlines, last-minute rushes, and procrastination.
7 Steps for Prioritizing Your Workload
user interviews

Discovering how users manage their tasks.

Discovering how users manage their tasks.

Search for a more optimal way.
To better understand how people manage their busy days, I conducted interviews with 7 individuals from various professions.

Through these interviews, I discovered that organizing tasks by their deadline may not always be the most optimal approach to managing one's day. This insight presented an opportunity to explore the issue further.
Time's Up
Time's up
image
Never enough time.
Never enough time.
Many people often feel they lack enough time to finish all their tasks.
Tasks sorted by
image
Deadline focused.
Deadline focused.
Most people sort their tasks based on their respective deadlines.
Calendar view
Image
Postponed, again.
Postponed, again.
Personal tasks and passion projects are often pushed back indefinitely.
More research

Understanding why.

Understanding why.

The Mere Urgency Effect.
After conducting interviews, I did more research to gain a deeper understanding of the issue at hand.

According to a recent study, there is a psychological concept known as the Mere Urgency Effect, which explains our inclination to prioritize time-sensitive tasks over those that are not, even when the non-time-sensitive tasks have objectively greater rewards. In other words, what is important is often neglected in favor of what is urgent.

Furthermore, research indicates that individuals who consider themselves busy are more susceptible to the Mere Urgency Effect. This phenomenon suggests that people who feel they have less time are less likely to use it effectively.
Important
Urgent
Tasks that
are often
prioritized
Ideal tasks to complete
Problem
animation
competitive analysis

What other applications lack.

What other applications lack.

Only halfway there.
Once I had a better understanding of the problem, I analyzed several existing solutions to determine if and how they help people prioritize their tasks.

I specifically examined mobile applications because I found them to be the most appropriate tool for managing tasks, as people typically have their phones with them at all times.

Task management applications can help users list their tasks, but this is only half the battle. These applications do not provide an in-depth approach for determining which tasks to prioritize or how to prioritize them.
High Priority
Medium Priority
Low Priority
No Priority
TickTick new task window
interactive
TickTick.
TickTick.
Offers sorting tasks by generic priority tags.
Redesign homepage
Google Tasks new task window
interactive
Google Tasks.
Google Tasks.
A dedicated binary 'favorites' section.
Priority 1
Priority 2
Priority 3
Priority 4
Todoist new task window
interactive
Todoist.
Todoist.
Four levels of ambiguous priority tags.
ideation

Designing the interface.

Designing the interface.

Quantifying importance.
My research shows that people often mistake urgent tasks for important ones, leading them to prioritize trivial tasks with close deadlines over more significant ones. I brainstormed solutions to help people combat this.

After evaluating the effectiveness and feasibility of different ideas, the best solution is to design a task management application with built-in prioritization tools that will help users identify which tasks matter.

In order to effectively tackle tasks that truly matter, the first step is to identify which ones are important rather than merely urgent. Therefore, a method for quantifying importance is necessary.
How Might We
animation
Action priority matrix.
The action priority matrix is a tool used to prioritize tasks based on their importance rather than their urgency. It sorts tasks according to their impact relative to the amount of effort needed to complete them.

This is an important distinction because it allows users to focus on more meaningful tasks, not just those with the closest deadlines.
Low Effort
High Effort
High Impact
Low Impact
Action priority matrix
interactive
Do right away
These tasks offer significant impact for the amount of effort required. 
Plan to do
These are tasks that offer potentially high returns on investment, but require more effort to complete
Delegate
Delegate these tasks or focus on them only if you have spare time.
Postpone
Best to avoid these tasks. Consumes a lot of effort, but offers little significance.
design

Reframing the matrix.

Reframing the matrix.

Exploring methods for measuring qualitative data.
Initially, the plan was to incorporate the action priority matrix into the application, enabling users to plot directly onto the chart. However, after designing some low-fidelity wireframes and conducting preliminary testing, I found that this approach was ineffective and confusing, primarily due to limited screen space.

To improve usability and intuitiveness, I simplified the action priority matrix by extracting its core and developing it into the main feature of the application: the Priority Score.
Priority Score modal iterations
image
Priority Score system.
The Priority Score is a value that represents the priority of a given task. When users create a new task, they are prompted with two questions:
Priority Score modal
image
Impact versus effort.
Impact versus effort.
These two questions assess the priority of tasks and sort them accordingly. Tasks with high impact that require low effort to complete are placed at the top, while tasks with low impact and high effort are pushed to the bottom. This method of sorting tasks ensures that users focus on meaningful tasks, rather than just those with a deadline.
The formula.
The formula.
Priority Score is calculated by dividing the impact value by the effort value, resulting in a score ranked on a scale of 1 to 7, with 7 being the highest priority and 1 being the lowest.
Slider controls.
Slider controls.
Help users quickly explore and input information.
Designing the perfect card.
The design of the task card is the most important aspect of a task management application. Understanding how much information should be available at a glance, and what that information should be was crucial in designing the perfect task card.

I created several different iterations by experimenting with different combinations of elements, style, and hierarchy. During this process, I tried including various features such as sub-tasks and swipe-to-clear.

Ultimately, I opted for a simple interface that is intuitive to use and emphasizes the Priority Score feature.
Task card iterations
image
Two unique modals.
To help users distinguish between urgent and impactful tasks, I implemented two separate input modals that run independently of each other when creating a new task. This allows for the sorting of urgent and impactful tasks to be done separately.
Priority Score and Date modals
image
Improving scannability.
Users wanted to be able to quickly glance at their list and see the task's priority without having to think about a numbering system. To address this issue, I made some visual design changes to the ranking system on the home screen by adding colors and user-friendly language to make it easier to understand at a glance.
Priority Score and Date modals
image

design

Reframing the matrix.

I started designing how the action priority matrix would work within the application.

Exploring methods for measuring qualitative data

Initially, the plan was to incorporate the action priority matrix into the application, enabling users to plot directly onto the chart. However, after designing some low-fidelity wireframes and conducting preliminary testing, I found that this approach was ineffective and confusing, primarily due to limited screen space. To improve usability and intuitiveness, I simplified the action priority matrix by extracting its core and developing it into the main feature of the application: the Priority Score.

Creating the perfect card

The design of the task card is the most important aspect of a task management application. Understanding how much information should be available at a glance, and what that information should be was crucial in designing the perfect task card.

I created several different iterations by experimenting with different combinations of elements, style, and hierarchy. During this process, I tried including various features such as sub-tasks and swipe-to-clear. Ultimately, I opted for a simple interface that is intuitive to use and emphasizes the Priority Score feature.

Two unique modals

To help users distinguish between urgent and impactful tasks, I implemented two separate input modals that run independently of each other when creating a new task. This allows for the sorting of urgent and impactful tasks to be done separately.

Improving scannability

Users wanted to be able to quickly glance at their list and see the task's priority without having to think about a numbering system. To address this issue, I made some visual design changes to the ranking system on the home screen by adding colors and user-friendly language to make it easier to understand at a glance.

Priority Score system

The Priority Score is a value that represents the priority of a given task.
When users create a new task, they are prompted with two questions:

Create task
Slider controls
Help users quickly explore and input information.
Popovers
Provide context and guide users
The formula
Priority Score is calculated by dividing the impact value by the effort value, resulting in a score ranked on a scale of 1 to 7, with 7 being the highest priority and 1 being the lowest.

These two questions assess the priority of tasks and sort them accordingly. Tasks with high impact that require low effort to complete are placed at the top, while tasks with low impact and high effort are pushed to the bottom. This method of sorting tasks ensures that users focus on meaningful tasks, rather than just those with a deadline.

Final Design

Accomplish more meaningful tasks.

With all this into account, below are the final high-fidelity prototypes of Clear in action:

View tasks at a glance

Switch between focus modes

Create a new task

Fill out Priority Score

Add a deadline (if applicable)

Complete tasks

Home - Priority
Home - Date
Priority Modal
Date Modal

takeaway

Projected results.

Clear is still a conceptual application, so its real-life impact on helping users prioritize cannot be tested yet. However, the research behind this concept is based on real insights and information. As a result, the projected results are as follows:

Decreased decision fatigue

Users will optimize their productivity by spending less time deciding what to do and more time accomplishing tasks.

Increased user satisfaction

Users will achieve more throughout their day, leading to a sense of satisfaction from working towards meaningful goals.

Thank you for reading!

final design

cc

Accomplish more meaningful tasks.

Defining priority.
With all this into account, below are the final high-fidelity prototypes of Clear in action:

View tasks at a glance

Switch between focus modes

Create a new task

Fill out Priority Score

Add a deadline (if applicable)

Complete tasks

Home - Priority
Home - Date
Priority Modal
Date Modal
Clear showcase
image
Takeaway

Projected results.

Projected results.

Positive change.
Clear is still a conceptual application, so its real-life impact on helping users prioritize cannot be tested yet.

However, the research behind this concept is based on real insights and information. As a result, the projected results are as follows:
TickTick new task window
interactive
Decreased decision fatigue.
Decreased decision fatigue.
Users will optimize their productivity by spending less time deciding what to do and more time accomplishing tasks.
Google Tasks new task window
interactive
Increased user satisfaction.
Increased user satisfaction.
Users will achieve more throughout their day, leading to a sense of satisfaction from working towards meaningful goals.