200dtd-todo-project
Sprint 1 - A Working UI Prototype
Sprint Goals
Develop a prototype that simulates the key functionality of the system, then test and refine it so that it can serve as the model for the next phase of development in Sprint 2.
Figma is used to develop the prototype.
Initial Database Design
Replace this text with notes regarding the DB design.
Initial UI Prototype
The next stage of prototyping was to develop the layout for each screen of the UI.
This Figma demo shows the initial layout design for the UI:
Testing
I show the demo to my host mother to get comments/feedback.
The feedback:
There is no description of tasks.
It’s going to better that it has option to select colours for each tasks.
I would like to attach a picture not only for groups, but also per tasks.
Changes / Improvements
I updated the UI of the prototype
- I added a page to delete the task/group.
- Add buttons to move setting page with all of them.
- Change it to upload a pic with all of them.
- made a page to write description of the tasks.
Here is the updated UI flow
Refined UI Prototype
Colours
My host mother said the colour works well but I think it’s too simple, so I explored some colour palettes that I thought would work well for Initial settings.
Testing
Both of them are look well.
I Show these UI to the user, my host mother to see which one is her favourite.
-> She prefer Palette 1.
I based on the feedback, I’ll create the app with this colour palette.
Changes / Improvements
I renewed the UI based on the feedback above. I changed it with the green palette.
Sprint Review
I think the design is great and organised. I got some ideas of improvable user-focused.