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

Compare with Current View Page History

« Previous Version 4 Next »

Design

Describe the final design of your interface. Illustrate with screenshots. Point out important design decisions and discuss the design alternatives that you considered. Particularly, discuss design decisions that were motivated by the three evaluations you did (paper prototyping, heuristic evaluation, and user testing).

Summary

Our final design relied on several key relationships. Firstly, Users are each a member of a Couple, in which another user is their Spouse. Each Couple has any number of Children and pieces of Content related to their Children. This Content can be organized in Albums, which are shared between Spouses in a Couple. There are several types of albums, which are explained below.

The interface for our site primarily revolved around the Browse Page.

Albums

Dividing Albums Into Wells

Implementation

Describe the internals of your implementation, but keep the discussion on a high level. Discuss important design decisions you made in the implementation. Also discuss how implementation problems may have affected the usability of your interface. 

Our design used Django as its web framework. Django's templating system was used to re-use pieces of our site, such as the navigation bar. 

Evaluation

Who we tested:

We conducted our user testing with members our family that had a spouse and children. Each user uses the computer at a very basic level for simple tasks like emailing and browsing the web. Because they each had a spouse, had children, and had basic computer skills they were representative of the target group of the average couple with children.

How we tested them:
  • As we tested them remotely, we used screen sharing to see how they directly interacted with our interface.
  • Each test was tailored to meet the real life specifications of each user (text surrounded with quotes in the briefing and text was changed for each test.)
  • Accounts were made for each user prior to each test.

Briefing:

  • Purpose of application: To help parents manage co-owning digital content of their children and family
  • You are a parent of "list children".
  • You and your spouse have already created accounts on CoShare and CoShare recognizes you both as each other's spouses.
  • You have a iPhone with a web-browser.
  • I have given you a folder of photos that you should put onto your desktop.
Tasks:

Task 1 - Bulk upload and organize content from desktop

  1. Upload these pictures, from the folder I gave you.
  2. Organize them by:
    1. Add the pictures to the site
    2. You didn't remember "a detail about that event" was so you added the pictures to your spouse's queue to look at and edit.
    3. Add the uploaded pictures to a new album that is appropriately named.

Task 2 - Retrieve content added by spouse

Unfortunately you were unable to see "name event in one of the pictures". Luckily, your spouse was their to take some pictures.

  1. Locate these pictures
  2. Mark three as favorited

Task 3 - Mobile upload and desktop refinement

You just took a cool picture of "child" from your phone. Upload it to CoShare via the mobile site.

Tasks

  1. Upload this picture from your iPhone to CoShare’s Mobile Site.
  2. Login to your CoShare account on your computer.
    1. find the picture
    2. give it an appropriate description
    3. add it to a new album with an appropriate name
Demo:

We did not use a demo because we thought it was unnecessary and would cause us to lose some valuable information from the evaluations.

Reflection

  • No labels