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.
...
Bad Affordances on Landing Page
The During Task 2, users look for specific content uploaded by their spouse. In navigating from the landing page, the titles for “Recently Added” and “Recently Favorited” were meant to be links themselves, but we did not make that clear enough, as all three users were unaware that you could click them to bring up the mosaic view for those pictures.. However, none of the three users clicked on these links. It seems we did not give these link proper visual affordances and they just looked like static text which did not initiate any action.
Unclear Result of Mobile Upload
In Task 2 when uploading a picture from the mobile site, Users 2 and 3 both expressed that they were unclear if the picture had been uploaded on the mobile site because hitting “submit” merely removed the picture from the screen. This was due to a complete lack of a message confirming the upload had indeed happenedThere was no feedback confirming the result of their action, leaving it ambiguous.
Bad Learnability to Close Popup
When the View/Edit popup window for specific pictures came into view, clicking to view a specific picture to tag during any task, the modal view appears over the current page. Users 1 and 2 were not aware that this was in fact a popup window and it could be closed as such with the X in the top right. Perhaps the visual affordances for making it seem like a popup window were not apparent enough in our prototype or the X was not large enough and too far the from the locus of attention of the user.
Tasks Were Noticed!
One During Task 3, one great success we had was that all three users noticed the new Task to refine the tagging on their pictures they have 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.
...
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.