Taskly is a project management tool for managers overseeing team allocations over various projects. My workplace uses spreadsheets to track how work gets assigned and I started wondering what an that targeted this problem would look like.
My process
I took the project from scratch to production ready, going through the following steps
- ux research
- wireframing
- user testing
- final mockups
Tools
- SurveyMonkey
- OptimalSort
- Sketch
- Invision
- VerifyApp
- and the old pen & paper..
RESEARCH
With the first objective of narrowing down on my target users and chosen features, I conducted:
- a competitor analysis
- user surveys
- user interviews
This led to shaping out 5 core features for an MVP:
1.High overview/visualization of projects
2.List of tasks
3.Visualise milestones
4.Visualise allocation of resources / team
5.Commenting/communication around tasks
Based on the people I had interviewed I drew up a user persona to refer back to.
I then worked on an experience map describing the managerial role with possible opportunities for targeting pain points.
WIREFRAMING
I then started an initial exploration phase, sketching out some paper wireframes. Here is one of the iterations of the dashboard:
At this point I ran a session of testing with some helpful people at hand. Several problems showed up :
- users wanted to view all tasks or task assignation over all projects at the same time
- users expected to use the sidebar as more traditional navigation (not edit the team there for example), this caused confusion
The navigation between 'Tasks' and 'Calendar' is moved to the sidebar, and Projects are managed in the Tasks page.
FINAL SCREENS
Finally I started working on the UI of the application. I laid down some directions for typography and styling in a UI kit. Then I finally started on the UI layer, with a few tests for readibility.
