Taskly is a task management app project – being designed for my UX Design Course with the CareerFoundry. This project is part of an intensive course that requires a lot of work and provides many opportunities to create quality deliverables and put into practice relevant UX Design concepts and methodologies.
For me, the learning process is about putting quality first and developing a design process supported by tools that will form the basis of my skillset moving forward.
The project was started in Adobe XD and then moved to Figma.
- A comprehensive competitor analysis – analyzing Write, Todoist, Hitask apps. This analysis tracks the development of these 3 apps over time and how they frame the value of their apps.
- An MVP structured around 3-5 core features based on the competitive landscape and generic user needs.
- User Tests – with 34 responses to a survey helping to fine tune the MVP and key features.
- User Interviews – fine tuning my understanding of user issues and needs with task management apps
- User Personas – to help design the features based on user pain points and needs
- Business Goals/ User Prioritization – aligning business needs to user needs
- Task Model and Experience Map – ensuring users are guided correctly and opportunities are taken to help users gain a better product or service experience.
- Content Audit – Exploring what Asana and Basecamp used as content to communicate with their website visitors. The analysis is available here.
- A Sitemap of the Taskly website before and after logging into it.
- SEO Analysis looking at keywords used by competitor and creating new sentences for the Taskly product pages.
- Taskly Copy – detailing all the text to be used on the site this includes:
- Home page
- Product page
- Pricing page
- About page
- Contact page
- Paper sketches – focusing on accessibility, consistency, interaction and usability for the mobile version of Taskly.
- Usability Testing / Interactive sketches – with the help of Marvelapp – we got great usability feedback from 3 users.
- Design Iterations:
- Refined mobile wireframes – done on Adobe XD and focused on integrating user feedback and improving feature flows.
- Responsive redesigns of wireframes to ensure that - this was done in Figma
- User Flows – are the heart of prototypes as they help create a smooth user experience to help users accomplish their goals.