A shared action list to communicate with your team & work efficiently.
A shared action list to communicate & work efficiently.
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.
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.
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.
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.
Oct 9 - Nov 13
Oct 9 - Nov 13
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?
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”
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.
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?
People use Google Calendar or iCloud Calendar to place a reminder of the deadline for a task if it’s far in the future.
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.
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.
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?
Project and task description
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.
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?
“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
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.
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.
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.
Primates to Homo Sapiens
Progression of screen designs after constantly iterating with the received feedback.
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.
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.