TaskQ

A shared action list to communicate with your team & work efficiently.

TaskQ

A shared action list to communicate & work efficiently.

Optimized-actionist-cover2

Overview

You will say another to-do list app, I know I know! But this is one of the most interesting projects for me. This project is the outcome of an online class I took ‘Shape/Build: Intro to Product Design’. The course was hosted by instructors Jasmine Friedl & Tanner Christensen. I learned a lot from this class and this project is an outcome of my learning.

Overview

You will say another to-do list app, I know I know! But this is one of the most interesting projects for me. This project is the outcome of an online class I took ‘Shape/Build: Intro to Product Design’. The course was hosted by instructors Jasmine Friedl & Tanner Christensen who work as Product Designer at Chan Zuckerberg Initiative & Facebook respectively. I learned a lot from this class and this project is an outcome of my learning.

My Role

This is an individual project where I did user research, product thinking, interaction design, visual design and user testing with the prototype. I received feedback from 7 other designers with unique background on which I iterated my design and process consistently.

My Role

This is an individual project where I did user research, product thinking, interaction design, visual design and tested the prototype. However, I received feedback from 7 other designers with unique background on which I iterated consistently.

Timeline

Oct 9 - Nov 13

Timeline

Oct 9 - Nov 13

The Problem

When you are working on a lot of projects with different teams you have to attend a lot of meetings and work on many different tasks with a deadline. You assign some tasks to others and suddenly that sublime text file you are maintaining for todo list becomes cumbersome to manage.

Is there any efficient way?

How might we enable people to create, share, prioritize and communicate task list more efficiently?

User Research

I interviewed 4 people in work setting to get to know more about how they currently share their task list of each project with their respective team members. They either shared it using WhatsApp, in meetings, or Slack.

“I use different apps for sharing tasks with different teams”

Design Goals

Progress tracking and follow up
People mentioned that they don’t like the direct follow up as it feels like micromanaging, but if I have assigned a task to someone I’d surely like a status update on the task.

Communication
Sometimes the task is not communicated properly and people end up clearing things over different channels such as emails, slack, WhatsApp, etc. Is there an efficient way to consolidate all this at one place?

Reminders
People use Google Calendar or iCloud Calendar to place a reminder of the deadline for a task if it’s far in the future.

Journey Map

Below was the journey map of the people who worked with different teams on different projects. Mostly divided into three parts, task setup, the task is in progress or the task complete. Blue boxes show where are the tech opportunities in the journey of the users where we can make their life more convenient.

Journey Map1

Sitemap

Based on the tech opportunities in the journey map of the user, I progressed towards designing a sitemap which gave me clarity towards sketching the early prototypes.

Sitemap

Paper Prototypes

Addressing opportunities became quite easier once the sitemap was laid out. Below are few idea explorations I did for going forward. Sketching out screens always helps in thinking through the solution, every component of the screen you sketch makes you ask is this really needed to solve the problem?

sketches2.1

Early wireframes

Project and task description

wireframes

User Testing

I performed user testing on early prototypes to get feedback from the users. Early feedback on the visuals pointed out many design mistakes and limitations of my solutions which I worked on before moving ahead for towards visual design.

Questions

What do you see in this screen?

What actions can you take?

What is your first reaction to seeing this? why?

What is confusing about this screen?

What do you expect to happen next?

Feedback

“New” option wasn’t clear and bottom navbar icons were confusing.

“How can I change my project details? or delete a project?”

“I am not sure which project this task belongs to”

In addition to asking questions, I gave users tasks to perform and observed them while they were performing. Tasks were “Add a new task to the project 2”, “Mark the task 2 from project 1 as complete” these tasks revealed how quickly users are forming a mental model of the application and how easier/difficult it is for them to achieve their goals.

Link to the prototype

Visual Design

Before jumping into hi-fidelity prototype, I created a style guide, which made my life a lot easier and consistency across the app was maintained.

styleguide_v2

UI Exploration

Every UI pattern has its own information hierarchy. I chose the right-most one as it showed the project description and progress bar which might motivate users to complete the tasks.

UIExploration

Two versions of hi-fi prototype

After designing the first version of my high fidelity prototype, I went back to my research and checked if my prototype is solving the problem. It was partially but screens were quite cluttered and one sentence from a user kept coming back-in mind again and again:

“I like physically moving my sticky notes, it gives me feeling of accomplishment.”

and I asked myself, how can I bring this feeling of physically moving objects into my solution? And I redesigned the whole solution again. I plan to do A/B testing on both of the versions and I will add the results soon.

Versioning

Primates to Homo Sapiens

Progression of screen designs after constantly iterating with the received feedback.

primates

Introducting 'TaskQ'

Using TaskQ, you can quickly form project groups, share task list, assign tasks to your team members. You collaborate with multiple teams working on multiple projects and everything will be consolidated at one place so that you won’t have to go through those long email chains or form multiple WhatsApp groups for communication.

Deadline reminders

If a task is coming near the deadline, a quick reminder will be sent to you as notification so that you won’t miss that important submission

Quick task overview

Get a quick overview of the tasks that have been assigned to you and to the tasks that you have assigned. Keep up the productivity buddy 🙂

Move that sticky note!

Every task goes through three phases, starting from Assigned moving to On Going and ending on Completed. Once the task is assigned to you and if you decide to start the task, you can move the task quickly to the next step resulting in updating other members that you have started the task.

A big thanks to Jasmine and Tanner for taking out time and teaching us the crux of Product Design. Can't thank them enough for this :')