To Do List Study Planner:

This project was designed to help School of Code students better organise their study tasks through a To-Do List app. It showcases how UX/UI principles were applied from research to prototyping

Problem Statement

Students were struggling to organise their learning plans efficiently. The goal was to create a tool that simplifies task management.

User Research

 

Research MethodsTo create a user-centred solution, I utilised a mixed-methods approach, combining both qualitative and quantitative data. This allowed me to gain a deep understanding of user needs, behaviours, and preferences, ensuring that the design decisions were grounded in real user feedback

Key Findings:

  • 70% of respondents stated they used some form of task management tool but found it difficult to maintain over time.
  • 85% expressed a need for prioritization features, with clear task categories being the most requested feature.
  • 60% preferred mobile-friendly tools, highlighting the importance of responsive design

 

 

Low Fidelity Wireframe

 

  • Quick Iteration: Helped rapidly map out the user flow for task creation and prioritization, enabling fast feedback from students.
  • Focused on Core Features: Allowed me to refine essential functions like task management without getting distracted by visual details.
  • Identified Usability Issues Early: Highlighted key pain points, such as the need for a clearer task hierarchy, before moving to high-fidelity designs.

 

 

 

 Next Step: The next stage was to move to high-fidelity wireframes, where I     would focus on visual design elements like colour schemes, typography, and   spacing. To prepare, I gathered insights from user feedback on the low-fidelity   wireframes, ensuring that the structure and user flow were solid before   adding  more detailed design elements that enhance usability and   engagement.

High Fidelity Wireframe

 

 

  • Refined Visual Design: Allowed me to focus on details like colour schemes, typography, and spacing to create a more polished, user-friendly interface.
  • Enhanced User Interaction: Enabled me to better represent the final look and feel of the app, giving users a clearer idea of how they would interact with the product.
  • Usability Testing: Prepared for more thorough usability testing by providing a near-final version of the design, allowing me to gather more specific feedback on the user experience.

 

 

 

Next Stage: The next steps involve moving into prototyping, where I will create an interactive version of the high-fidelity wireframes. This will allow users to experience the app's functionality in a more realistic way, helping to identify any usability issues and ensuring that the design flows smoothly before moving to development.

 

Prototype

 

 

 

  • Concept Visualisation: Allowed School of Code students to see a tangible representation of the app's structure and flow, making it easier to understand how different features would work together.
  • Feature Prioritisation: Helped identify which features were most critical for organizing study materials, enabling focus on core functionality for the minimum viable product.
  • Early User Feedback: Provided a basic interactive model for fellow students to test, generating valuable insights and suggestions for improvements before full development began.