• Created by Unknown User (ksiebert@mit.edu), last modified by Unknown User (jdhenke@mit.edu) on Mar 08, 2013 00:50

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 16 Next »

Scenario

Mother (passive user) wants to find pictures from her son's 6th birthday so the grandparents can view it. She is not sure where these picture are stored- if it is on a site, a camera, or anywhere.  So she searches on the site for them. Once she gains access to it on the site, she distributes the picture (as well as maybe any other relevant ones) to the grandparents.

Goal: share a picture from son's 6th birthday

Individual Designs

Joe

Tiny Screen

This design tried to tackle the extreme case of having a tiny screen, perhaps on a mobile device.

The process of finding a specific picture is done by searching through a calendar layout.

Sharing is accomplished by using the link provided for each picture. It is left to the user to share as they please.  

Illiterate Users

Tried to illustrate flow of site without text, so primarily with images. Visual breadcrumbs help understand where they are in the process.

Used pictures of children to illustration aggregation by person.

Pictures would be shown in chronological order which would hopefully be apparent based on the content. An envelope represents a link to email it. The recipients of the email are represented as pictures a well.

Ultra Efficiency

All manipulation is done through entering commands and hotkeys.

The command bar shows the current search query. Can use different keywords. A matching contents bar shows the pictures matching the query.

Hotkeys can copy links to images, then can be shared as the users wishes.

Design Markups

Storyboards and Designs

Design 1

Step 1

 - Introduced to homescreen with information about spouse's uploaded content and sharing activity 

- User wants to find picture so they go to browse

 

Step 2

-User is not sure on exact specifics of picture, but has an idea of a picture, so they browse.

- Mosaic displays random pictures, which is fast for sorting and fun to view.

Step 3 

-User is not sure on exact specifics of picture, but has an idea of a picture, so they browse.

- Mosaic displays random pictures, which is fast for sorting and fun to view.

Design Highlights

  • Design's overall theme is for someone who either has an idea for the content they want, but not a specific picture in mind, or they just want to browse for personal enjoyment.
  • Home screen is designated for the dealing with the sharing of content problem. Gives updates on recently shared items, content recently added by spouse and access to child profiles.
  • Still allows for functionality of searching for specific content and adding new content (not pictured).

Usability Analysis

  1. Learnability
    • Pros
      • Simple interface in terms of few buttons on home screen. This allows the users to know precisely what they can do.
      • Mosaic is catchy for the user. They are likely to hover over it with mouse, and learn more about its functionality. 
        • We need to use this opportunity to inform them in some way.
    • Cons
      • Some users might not understand the mosaic can move adding new pictures. Arrows try to convey this information.
  2. Efficiency
    • Pros
      • Showing random pictures at varying sizes allows users to process a lot of data at once. Clicking on picture can get them to related pictures.
    • Cons
      • Overall process is geared towards browsing, which is inefficient if the user has a specific photo in mind.
  3. Safety
    • Pros
      • Users are processing a lot of data at once, but it takes a click to actually learn more, not just a simple hover.
      • Pressing escape or clicking outside scope of sharing/larger view window goes back to mosaic (easy to undo mistake)
    • Cons
      • Pictures are close together for the mosaic and user could potentially click on wrong photo.

MY HEAD HURTS

Joe's Sketches

Design 3

Step 1

  • User wants to share pictures and has phone to do so.

Step 2

  • This version defaults to showing the most recent content.

   

Step 3

  • User can switch to selecting a particular date on which the content was captured.

Step 4

  • Once a specific date is set, the User can now see that in fact there are pictures and can choose which one to share.
  • Sharing is possible through email or a link to the picture 

Design Highlights:

  • Judicious use of screen space due to smaller size
  • This lead to less and simpler features i.e. primarily focusing on dates only

Usability Analysis

  • Learnability
    • Pros
      • Text boxes are labeled indicating their function.
      • Links and buttons should have the proper affordances to indicate their uses
    • Cons
  • Efficiency
    • Pros
    • The efficiency of this interface stems mostly from the anticipation of user needs. The "Recent" tab provides immediate access to more current content which is presumably used more. Also, the buttons to email or copy or the pictures link are located next to the picture themselves as tasks commonly following viewing a picture or video.
    • Cons
      • Unfortunately, if many pictures occur on the same day, the user would potentially have to scroll through all of them if searching for something in particular. While this is better than simply searching through all pictures, it is something to improve in future iterations.
  • Safety
    • Pros
      • The different modes for simply viewing recent pictures versus those from a specific date are clearly demarcated using the visible tabs at the top, hopefully minimizing mode errors.
    • Cons
      •  
  • No labels