There are many task management applications out there but there are few pain points the product development team faces that are not solved by any applications out there.
This capstone project is a part of Career Foundry UX Design Course. Taskly is a web and mobile application designed to help teams track their work through better project management. Lean UX which unites product development and business, through constant measurement called learning loops (build – measure – learn) was used.
So here we dive into to create surprising and delightful solution for the users!
Role: UX Designer, Visual Designer - Individual Project
Duration: 3 months
Toolkit: Whiteboard, Sketch, InVision, Paper prototype
Skills: Product analysis, competitor analysis, user research & interviews, user flows, storyboards, sketching, paper prototyping, usability testing, A/B testing, interactive digital prototyping, and presenting.
1. DISCOVERY PHASE
To begin the project, I started with analysing the competitor products. During competitor analysis phase, my goal was to learn about the different products that are similar and understand their good and bad qualities to make sure I understand each aspect:
- Overview and Competitive Advantage
- Marketing Profile
- Core Business
- Design Performance
For this project the main method of research conducted was user surveys and interviews. In this phase, the users will validate the idea of my feature listing and the will make sure that the app is in alignment with what the users actually need.
2. DEFINITION PHASE
In my next step, I created a task model to make sure I am in alignment with what is expected. This included descriptions of complex evaluation, controlled evaluation, and direct connection.
This model helped me achieve the following things:
- Goal: The thing that people are trying to do.
- Phases: The broad stages that people go through to complete a goal.
- Behaviors: The patterns of behavior people use to make a decision. See A, B, C below.
- Tasks: The individual elements that a user has to know or do to facilitate a decision.
- Flow: Show how people move through the process. Allow for exploration and iteration.
- Barriers: Identify any pain points.
- Content requirements: The general and specific content needs that people have around each task.
Customer Experience Map
With the data collected and the knowledge I had about is supposed to be designed, I created a map communicated an individual customer’s needs, the series of interactions (core tasks) a customer will complete to fulfill those needs using Taskly, as well as the resulting emotional state the customer will experience throughout the process.
The main audience of this application is represented by the user personas
After collecting all the data from the requirements defined, users and mood boards, the solution is to design a web and mobile app that can be used with ease by different user groups and personas.
While visualizing an architecture for the application, this diagram adds any missing sections, pages or categories/subcategories to my sitemap that I've identified. It also includes every page of my website and application. It clearly represents the different page types included in my product, the relationships between the pages and a consistent naming convention.
3. DESIGN PHASE
In this phase of ideation and sketching, I have tried to sketch the software that meets the user's expectations and needs—in this case, especially for designing and testing user interfaces.
Here are the main features: