top of page

Dock it

Group 1.jpg

The Product ensures easy addition of jobs, editing, and updating; it also sets a reminder notification for each task and allows the deletion of tasks after completion. This would be done from a smartphone, tablet, and computer for users to have an excellent overall experience as they achieve their daily goals.

Problem Statement

•How can we give people a sense of agency so they may continue working toward their objectives?

•The target audience originally was students, but during the survey, we realized that everyone needs to be able to manage their time if they wish to be productive. Hence, it was redesigned to suit everyone.

Design Process

User Research; Understanding the User

Goal: To make life much easier when arranging any tasks.

 

•Six user interviews were performed over Zoom, and the outcomes were later recorded for affinity mapping use. In order to develop a solution that would really meet user demands, qualitative user research was carried out to obtain the fullest understanding of the problems and difficulties that consumers commonly experienced. The sessions lasted 30 minutes.

Participants: Users were an even mix of males and females, ages 19 – 30, who all reported having concerns with time management. Users were selected based on availability and to increase the possible use-case audience for the app.

Research Questions:

The following four questions, elaborating as needed to dig deeper and discover insights into their daily behaviour.

•How do they decide what to do each day?

•How challenging is it to schedule their everyday activities?

•If they have ever used a to-do list app?

•What features would they want to see in it?

Interview Insights 

•Most people attend to their activities based on how important it is.

•Students say they would do better if their time is properly managed

•Employers are willing to employ more organized people over more brilliant people because they are more efficient.

•Workers say they stand the chance of being promoted if they are more organized than they currently are.

Competitive analysis

Competitive analysis was carried out against the top task management app, and its pros and cons were highlighted and used as a guide to creating features that can solve the user's problems.

From this, the features listed below were developed. (source: trustradius.com)

 

•Search Filter: Tasks can be searched for and adjusted for repetition.

•Focus mode: The “focus mode” feature has been integrated based on popular demand. With user permission, all messaging apps are frozen for a specific time chosen by the user.

•Synchronization & Accessibility: Syncs with other devices and is accessible anywhere you can sign in with Google

•Share & Visualize: Possibility to create to-do lists that can be shared with other colleagues and The visual highlight for overdue task

User Persona

Qualitative User Testing

•We tested the mid-Fidelity prototype with the initial six users to ascertain if they could easily navigate the app. We gave them the following task scenarios:

•1: “You’re about to start your day; show me how you’d input your daily plan.”

•2: “You’re trying to focus, but you notice a pop-up, and you’ve been distracted. Show me what you would do then and why?”

•3: “You have accomplished your daily task; how would you update that information on the app?"

Findings

•Most paths and signifiers were easily understood. However, the calendar icon was confusing. This was modified in regard to the findings.

•Users suggested that a voice command feature be included in the application design, as users could be too busy to type in tasks or might forget.

This prompted us to revisit the design process and incorporate a voice command feature.

Information Architecture

The information architecture was created to help us understand the most suitable positions to place navigator information to give users a pleasant experience.

Journey Mapping

  • A second user persona was created to understand how this application would be helpful to individuals other than students. We used Soji- a young entrepreneur riddled with the anxiety of expanding his business. A journey map was also created to visualize how the voice command tool would be helpful to someone like Soji.

  • Using a 2×2 matrix, we could focus on the features that would help users' problems most effectively, based on the user research and a brainstorming session with my friends in the field.

Ideation

  • I drew rough sketches to help me visualize and communicate my ideas. This helped me to develop a low-fidelity prototype for user testing.

Mid-Fidelity Wireframes

Before choosing the final wireframe designs, I worked on mid-fidelity using Figma and went through various design iterations. I conducted user testing using Figma. 

It is simple and quick to produce mid-fidelity wireframes.

I ensured the design layout was functioning correctly to minimize the possibility of encountering issues.

Frame-1.png
Frame.png
Frame-3.png
Frame-2.png

High-Fidelity Mock-up

Home Screen.jpg

The high-fidelity mock-up is a stunning representation of our product that brings the vision to life. With meticulous attention to detail, our mock-up captures the essence of our design concept, presenting it visually, compelling and realistically. The high-fidelity mock-up showcases seamless navigation, interactive features, and responsive design, enabling the users to visualize the product's functionality and usability.

Various Screens

Prompt Screen: The prompt screen is the initial interface that triggers the Voice user interface from a sleep/rest mode. This is similar to triggers like “Hey Google” or “Hey Siri.”

Listen/Acknowledge: The AI picks up commands and generates interactive responses.

Process/Answer: After the information is generated, the command is executed and is regarded as the “Answer.”

Frame 208_edited.png
Listen_edited.png
Focus Mode II.png

Focus Screen

The focus screen freezes selected apps and blocks all notifications for as long as the user desires. Daily, weekly and monthly progress is displayed in bar charts to encourage the user to keep focusing.

Next Steps

  • Test and Iterate until all common issues are identified and solved.

  • Build a Beta backend of this App to enable users to fill in Onboarding information and sync with calendars for reminders at critical times during their workday.

  • Marketing and Release Plan

  • Profit!

Prototyping

dockit.gif

Usability Testing

1. Usability Testing.png

Lessons Learned

  • User-centred Design: This UX case study emphasized the importance of designing products with the user in mind, considering their needs, preferences, and behaviours.

  • Importance of Usability testing: Through usability testing, we improved user experience and identified design flaws.

  • Mobile First: With the increasing use of mobile devices, we demonstrated the importance of designing for mobile first and considering the unique constraints and opportunities of this platform

16. Style guide (you may add iconography).png
bottom of page