Creating an item in book e-shop
Problem
The bookstore had the problem of frequent changing employees who were adding new books to the database. Usually they were students or trainees and had no experience with such a system and often made mistakes.
Goal
To design such an interface that would save time and minimize the number of errors when filling out and did not require special knowledge from beginners.
Do more while doing less
While communicating with the owner and his employees, I found out that they have to enter information manually and this often leads to typos. Also, employees often confused the fields for filling and their format, because the form for creating a book was massive and complex.
I realized that I needed to shift as much of the data entry as possible to the interface itself, while the employee would make sure the information was correct and only make minor corrections.
So the first thing you need is ISBN (International Standard Book Number) which do have majority of the books. With it we can download from databases a lot of needed information. The developer implemented the feature of querying the most popular databases and this was already a big push for creating more usable interface.
I've divided the interface into eight steps, so a user can focus on what's important right now instead of being frustrated by a jumble of interface elements
Then, I've optimized the handling of covers.
The interface automatically searched for appropriate cover image in Google, allowing for a user to save even more time while having the option to upload their own images as well.
When filling out the characteristics of the book, I wanted to clearly show such parameters as thickness, height and width, since it was often in them that employees were mistaken. The new view made it possible to see how correct the entered parameters are.
Thanks to the wonder of CSS we've implemented it nice and easy :)
Multi-language support was a must-have option
