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 Methods: To 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.