I completed the following UI challenge in order to demonstrate my passion for usability and prototyping:
The task is to design and mockup a web application for creating, updating and deleting rows in a table of books.
1- The user persona for this app is a junior administrator at a bookshop who needs to update the company database using a desktop computer.
2- The app should allow the user to add, update and delete entries in a table of books in an intuitive and user friendly manner.
3- Book Title and Price are mandatory fields and should be validated with appropriate and helpful messages.
4- Create a low resolution interactive prototype and one high res mockup of your design solution
5- Explore which tool is most suitable to convey your design eg. interactive prototyping tools, html screens, flat sketches, to photos of ideas drawn on a napkin.
6- Review your app according to Jakob Nielsen’s 10 Heuristics.
Here is the completed task:
Low resolution interactive prototype:
High resolution interactive prototype: