TASKLY is a simple task management app, I made it during my 7- month UX Design course with CareerFoundry. The online course was set to design a web app from scratch while learning essential skills and methods with the help of a Mentor and Tutor.

TASKLY is created to help people to manage their daily tasks and built up their personal network of helping hands.

ClientCareerFoundry (fictional project)ServicesUser Research, User Personas, Information Architecture, UI Design, Usability TestingYear2018

My workflow


  • Competitor Analysis
  • Survey
  • Interview

User Personas

  • User Personas
  • Task Model
  • User Experience Map

Information Architecture

  • Card Sorting
  • Sitemap


  • Paper Prototypes
  • Wireframes
  • Non-interactive +
    interactive usability tests

Visual Design

  • Style Tiles
  • UI Kit

Final Iterations

  • Preference Test
  • Click Test

1. Research

Create user personas and develop Taskly’s features + functionality to address the needs of target customers

Create user personas and develop Taskly’s features + functionality to address the needs of target customers

Task Management Apps are not used by the majority,
although they could make their everyday work easier.
Many of the participants do not work with digital tools. They prefer to take notes on paper, call somebody or write an Email. Designing for that big group of “digital deniers” could be difficult but promising.
People focus on tools, that are easy to use (68%) and effective (44%). Speed is also important (40%) as well as security (32%) and reliability (32%)

What do customers really need? How do they work?

I conducted a survey with 26 participants to see how people react on my MVP.

My assumptions:
I assumed that Task Management apps are not used by a big group of the participants, although I expected that there would be a potential demand.
I thought most of the participants would prefer using simple paper to-do lists instead of learning a new program.
This survey should help to figure out what daily tasks people have to deal with and what tools they use.
Furthermore, the survey should reveal what features matter most to the audience and adjust the MVPs.

Create user personas and develop Taskly’s features + functionality to address the needs of target customers

What I wanted to find out:

How can I make it easier for people to try a TMA?
A large group of people does not use TMAs. Why? What keeps them from giving it a try? What do they fear? What image does TMAs have? What can I do to lower the boundary? What does that mean for TASKLY? Should TASKLY be used in work or private context?

Is a communication tool needed?
According to my survey, most people like direct communication. Email and telephone are used every day. Not every TMA has features of direct communication (such as Chat Apps or @mention functions). The following interviews try to determine if TASKLY needs communication features.

What features does TASKLY need?
What features are liked/disliked? What are the biggest needs of the user? What expectation to a TMA does the user have?
How does that affect the MVPs?

My findings:
Task Management Apps are not very much used in private life. Outlook is the tool, that is mostly used in work life. Many of the participants are afraid the app would be too complicated.
There are different features required for designing either a TMA for work or for free time purposes. For business apps e.g. workloads of team members are interesting, in private context an easy voice input feature to create lists or motivational features would be more important. I wonder if combining personal and business features in one App would work as well?

Also the personality of the user is a major factor in defining the MVP features: A rather rational person often don’t uses motivational playful features whereas a emotional person enjoys sounds and gaming elements. Those different needs lead to different features of the app. Before designing TASKLY’s features I should create a more detailed picture of the future user.

2. User Personas

Get to know the industry + create a Minimum Viable Product

Collect quantitative data to validate customer needs and the MVP

What barriers prevent my audience to fulfil their goals?

I set up a Task Model to understand what challenges and goals an ideal user would have to face and how TASKLY could fit in.

Gather and analyze qualitative data to validate and refine the MVPs

In addition to the Task Model, I created a user experience map to gain more insights into TASKLY’s audience. This map shows all the stages a customer goes through, including thoughts, pain points, and opportunities.

What are the specifics of my audience? How can I solve these problems?

I learned, that TASKLY’s target group is not very open to trying new apps. As they prefer working offline or with analog tools I have to focus on building a very simple and intuitive app and reduce the learning effort. TASKLY needs to offer good onboarding tutorials and offer instant education.
Another interesting insight was the fact, that my audience tends to get easily distracted (due to children, huge workload). To solve that problem, I should focus on good reminders and auto save functions.
They wish to get help and support in their daily life and enjoy being part of a community. That is why I implement a Button to give feedback and say “Thank you” to the team members. All Thankyous will be collected and displayed as a personal score.

3. Information Architecture

Create a sitemap for Taskly

After having performed a content audit with two of TASKLYs main competitors, I conducted a card sorting test in order to be able to build a Sitemap for TASKLY.
I wanted to find out which content is really needed and what structure is expected from the user. The results helped me to set up a Sitemap for TASKLY

Create a sitemap for Taskly

3. Prototyping

Create and improve paper prototypes and the user flow

Create and improve digital wireframes

Are users able to walk through the flows?
How can I improve the wireframes?

What are they thinking? Are they confused about something?
I tested the flows of two main features – first with non-digital prototypes and later on digital prototypes with InVision App.

Improve wireframes and user flow

Finding Solutions:

All pain points collected during the usability tests were recorded and sorted by high medium and low priority. I gathered valuable insights from my participants and was able to improve my wireframes with the help of identified pain points.

4. Visual Design

Develop the visual design for Taskly

Develop the visual design for Taskly

5. Final Iterations

Improving Taskly’s design

What design do you like better?

Results clearly show a preference for version A
The answers (“Why did you choose this screen?”) give further feedback:
Users liked the red color and color combination of version A because it was more obvious than version B.
A smaller group selected version B because red was experienced as too alarming. I decide to choose a colored background for the active field, not a framing with a thick line. Although the red color is part of the UI (which was not obvious for the participants during the preference test), I would go for a dark blue instead.

Improving Taskly’s design

Where would you click to create a new task?

I wanted to find out, if the green floating action button (“+”) is used by the majority of participants or if they prefer to click on “Tasks”.
Both will work. In general I wanted to verify that everyone
manages to create a new task. As all clicked ways are possible to create a task,
I am happy that everyone succeeded. The majority clicked on “Tasks” and did not used the quicker way via the + button. I think this is something that could be learned.

Improving Taskly’s design

I applied the Acquisition, Activation, Retention, Referral, and Revenue (AARRR) growth model to improve my design.

TASKLY should auto save all input before the task is actually created. When coming back, a reminder of what the user was about to do would help to finish the goal.

Instant education helps people to understand how to use TASKLY. Tutorials at the first log in help to make the user curious, but instant education provides the help when it is actually needed and is more likely to be clicked.

6. Screen Evolution

Thank you for watching!

Privacy Preference Center