GR3 - Paper Prototyping
...
Initial Prototype
Landing Page | Mosaic View | Modal View - Single Picture Modal | Mobile View - Multiple PIctures | Mobile View - Feedback |
---|
![](/confluence/download/thumbnails/87000984/landing_page.jpeg?version=1&modificationDate=1364049039000&api=v2)
Recent changes are showcased to catch the user up on changes since they last last logged in. Tasks Tasks are shown here as well. Clicking Clicking on pictures leads to the modal the modal view. Clicking Clicking the arrows or or the children leads to the mosaic view.
| ![](/confluence/download/thumbnails/87000984/mosaic.JPG?version=1&modificationDate=1363918294000&api=v2)
The user views pictures here (which can be filtered via the menu on the left). Selecting Selecting an image or images brings up the modal view. | Image Added Image Removed A user can view/edit attributes of a single picture as well as view related pictures. Image Removed A user can view/edit attributes of all selected pictures (and also tag individual ones).
| Image Added |
This mobile website allows users to quickly upload media from their phone. Image Removed
|
|
This mobile website allows users to quickly upload media from their phone.
|
...
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.
...
Second Iteration
| Landing Page
| | | Mosaic View
| | | Modal View - Single Picture
| | | Modal View - Multiple PIctures
| | | Mobile View | | |
---|
Image Added | Image Added | Image Added | Image Added | | |
Bad Affordances on Landing Page
...