GR3 - Paper Prototyping

Initial Prototype

...

Bad Affordances on Landing Page

• Headers will remain hyperlinks despite providing poor affordances
• A “See All” button was included at the bottom of each section

Bad Affordances for Browsing:

• Mode selection for aggregating photos was not used as hoped.
  • Increased the size of mode selection buttons
• Provided clear affordance of which mode is selected by highlighting the mode the user is currently in.
• Added a view content button when multiple pictures are selected allowing the user to access the content module
• Unclear how to access the module
  • Increase the size of the exit button
• Computer Prototype will use a red button increasing affordances

...

• Removed text form for creating tags
• Instituted a dragging tag system
  • New tags are generated with one text field
• Once created these tags populate the Recent Tags box where the user can drag it onto the picture they want to tag
• When dragging a tag, a region will pop up indicating allowing the user to tag all the pictures shows
• Tags can be color coded depending on the type of tag being created
  • Default is a general tag
  • Different types are selected from a drop down menu similar to Google calendar and iCal
  • Tags will include a delete region
• Improved efficiency with a Recent Tags box contains recently used tags and allows user to bypass creating redundant tags

Round 2 Observations

Modes for selecting pictures were unclear

User 4 assumed you can only select one photo at a time- multiple selection mode was not visible or clear enough.  User 6 tried to click multiple pictures in the mosaic view but clicking the first one would just brings up that individual picture.

Learnability with associating tags with pictures

...