Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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.

If the user clicks on one of the images, either in the display area or in the InkBox, a slideshow of the enlarged versions of the images is displayed. We also provide a quick add button for the images on the display area, and quick remove button for the images in the InkBox. If the user clicks add or remove, the image gets added/removed, and the slide show advances to the next image in the collection. Additionally, we realized that the two modes of slideshow are very similar, so we style them using opposite colors, and provide undo function (via the undo bar) as a safety measure against memory lapses or mode error.

Artist Search Page

The user may also explore artists they may be able to get tattoo from. The interface consists of over view tabs on the left, and more detailed information on the right. It also includes artist's sample work, which will turn into a slideshow once clicked. The user has the ability to quickly add tattoos they like to the InkBox, with an undo functionality to reverse any accidental adds. If the user logs in, they will also be able to like the artist, who will appear under their profile page.

Image Added

During our GR4, the users seemed to like our tabbed design. However, we did not make use of the space we have on the detailed info panel very well, so we had to remake all of that. The slideshow functionality was also an add-on that comes later.

Profile Page Image Added

The final part of application is the profile page. It contains the summary of tattoo style analysis based on the InkBox content. Additionally, any liked artists are also shown. However, if the users were not logged on, they will be greeted by Tim Beaver, and prompted to sign up for free!

Implementation

Evaluation

Reflection