Crafting solutions to delight users
taskly-icon.png

Taskly App

Taskly-banner.png
 

THE CHALLENGE

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!

MY CONTRIBUTION

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

Competitor Analysis:

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
  • SWOT
  • Profile
  • UI/UX
  • Content
  • Design Performance
ex2-1-1.jpg
ex2-1-2.jpg

User Feedback

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

Task Model

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:

  1. Goal: The thing that people are trying to do.
  2. Phases: The broad stages that people go through to complete a goal.
  3. Behaviors: The patterns of behavior people use to make a decision. See A, B, C below.
  4. Tasks: The individual elements that a user has to know or do to facilitate a decision.
  5. Flow: Show how people move through the process. Allow for exploration and iteration.
  6. Barriers: Identify any pain points.
  7. Content requirements: The general and specific content needs that people have around each task.
exp-map.png

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.

exp.png

User Personas

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.

Information Architecture

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.

ia.png

3. DESIGN PHASE

Wireframe

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:

paper-prot.png