...
The very first page the user will encounter is the sign up/log in page. It gives an overview of what our application does, and presents the user with a sign up form. Signing up is necessary for the user to be able to save their tattoo and artist selections, which are main features of our application. However, during testing, our users preferred not to sign up, so we provide an option to partially use our application without the ability to save their selection.
Once the user has signed up/logged in/clicked browse, they will be taken to the Browse page, which allows the user to browse our tattoo collection, and make selection of the ones that they like. When users hover their mouse over an image, it gets highlighted, and a little "add" button appears (see the tattoo on the bottom right). The image will be added to the InkBox on the right, if the user clicks on the "add" button. This is an improvement over our previous design, where we allowed adding by simply clicking on the image.
...
Removing image from the InkBox requires more involved action. The users needs to drag and drop the image on the trash can on the bottom right. We believe this will provide safety against accidental deletes, and we believe that users are unlikely to delete multiple images at once. The deleted image was recently added, it will get added back to the same location it was before on the left. Otherwise, it may disappear, or appear at the end of the page on the left depending on whether or not it fits the category being shown.
To add an extra layer of safety, an undo bar appears every time the user removes an image from the InkBox. Once clicked, the image gets added to the same location it was before in the InkBox.
...