GR3 - Paper Prototyping
...
Initial Prototype
Landing Page | Mosaic View | Modal View - Single Picture Modal | Mobile View - Multiple PIctures | Mobile View - Feedback |
|---|---|---|---|---|
| | | | |
Briefing
Purpose of application: To help parents manage co-owning digital content of their children and family.
...
During Task 3, one great success we had was that all three users noticed the new task in the upper right corner of the landing page. This task indicates that certain pictures need to be refined that were previously uploaded from the mobile site.
Prototype Iteration
Second Iteration
Landing Page | Mosaic View | Modal View - Single Picture | Modal View - Multiple PIctures | Mobile View | Mobile View - Feedback |
|---|---|---|---|---|---|
| | | | | |
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
Mobile Unclear Result of Mobile Upload:
...
- Removed text indicating the upload will be marked for later
...
- Update the notification message after successful upload to include the content has been submitted successfully and will be marked for review
Bad Learnability in Applying Tags:
...
- 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
...
Users had various problems with understanding what buttons, labels, etc meant- something that could be made much clearer with just a few words of descriptive text. The selection mode in the mosaic, actions required for tagging, and the mark for review button all created some confusion. Some text would create an information scent that would lead users much better to the right actions for what they want to fo.