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

Compare with Current View Page History

« Previous Version 13 Next »

As usual, be complete, deep, and concise. Tidy up your entire wiki to make it a usable presentation of your term project. If your project changed direction or scope over the course of the semester, update earlier sections (such as the original Problem section you wrote for GR1) to reflect your final project.

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).

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.

Evaluation

We conducted a user test on Sunday, May 8th, 2011 at the MIT Student Center.

We looked for three users who would be representative of our target user population. Our target user population was users in the 18-30 age range who felt comfortable using computers to surf the Internet or do work. The logic behind this was that Wishdex is an online shopping tool for indexing items found while shopping online or browsing the Internet. The tool would only be useful if the user felt comfortable using a computer and online shopping sites. The users we managed to find were all fellow students who fell in this target age range.

We approached students who were already sitting in front of a computer, in the MIT Student Center computer cluster. We found two female and one male test user. Our target user population is skewed towards the female population, because we observed that female students tend to shop online more frequently. However, we built Wishdex with the hope that it would appeal to male users as well, and made sure to find at least one male test user.

Process

We followed the following set of steps with each test user. We made sure that the test environment was as standardized as possible.

  1. The facilitator reads the briefing (see Briefing section) to the test user.
  2. The facilitator reads each task one by one (see Tasks section). After each task is read, the user attempts to complete the task while vocalizing their feedback. Where appropriate, the facilitator encourages the user to provide feedback.
  3. The observer records the feedback given by the test user.
Roles
  • Susie Fu facilitated the test.
  • Emily Zhao observed the users.
  • Ashutosh Singhal was on call to perform last minute bug fixes.
Briefing

Our application is Wishdex.com, a site that helps you keep wishlists. You can keep track of items you find online, show your friends and family gifts you want for Christmas or your birthday, and see what your friends are interested in or check out popular items on the site. We're doing this test to get some feedback on how well we've designed the user interface. There are probably a lot of problems with the design, and we need help finding them. Keep in mind that we're testing the computer system, not you. Also, the results of this test will be kept completely confidential, and you can stop and leave the test at any time. My name is Susie, and I'll be reading out the tasks we want you to perform. This is Emily, and she'll be taking some notes to help us remember the problems we find.

Note that we did not use a demo as part of our briefing. The motivation for this was that we wanted our site to be usable without a demo to the test users we were able to find. We designed Wishdex.com to be a site that someone who falls under our target test definition can go to and instantly be able to use.

Tasks
  1. Log in
  2. Managing
    1. Create a new wishdex called "Birthday Wishlist"
    2. Add new item from Anthropologie.com to this wishdex
    3. After adding the item, change the item description
    4. Create another wishdex "Christmas" and move this item to the 2nd wishdex
    5. Share "Christmas" with your mom
    6. After some thought, you decided to buy this item on Anthropologie.com. You still want to keep the item on your wishdex, though, but you want to mark that you've acquired it.
    7. Delete an item
  3. Exploring
    1. Browse popular wishdexes on the Popular page
    2. Check out the recent activity
  4. Friends
    1. Find Emily's wishdex, "Cool Patterns"
    2. Like one of the dresses in her Wishdex
    3. You want to buy this item for her, so claim the item and view the item on the Anthropologie.com website
    4. Copy an item that you like into your own "Birthday Wishlist" wishdex
Usability Problems Found

Severity

Description of Problem

Possible Solutions

Cosmetic

Finding Wishdex.com - One user went to wishdecks.com instead of wishdex.com.

 

Minor

Log In - Users had difficulty with Facebook connect. One had deactivated her Facebook account. She had also let a friend log into Facebook on her computer, so she had to log that friend out first.

 

Major

Log In - Two users were reluctant to sign on using Facebook Connect. We had to reassure them that we were only pulling their full name and their profile picture.

 

Catastrophic

Add Item - One of our users accessed the Anthropologie UK site. Although the item information scraping code works for the US site, it failed for the UK site.

 

 

Edit Item - Every time the user edited the item description, an extra space would automatically appear at the beginning of the item description.

 

 

Share Wishdex - When an item box is open, it is very difficult to find the "Share Wishdex" button. Many first tried "Item Link."

 

 

Share Wishdex - Users clicked on the Share link a few times. They expected it to automatically highlight and copy.

 

 

Viewing - A user tried to click on the user's icon next to their comment, to go to that user's Wishdex page. However, clicking on their name/image currently does not do anything. This can be potentially confusing or inconvenient for the user.

 

 

Managing - User suggested that it would be nice to sort or filter a Wishdex, for example by number of likes or by claimed status.

 

 

Move Item - The user tried to drag and drop the item into another Wishdex on the left navigation to move the item to another Wishdex.

 

 

Copy item - The user felt that copy was a misleading word. She said it implied copy and pasting, such as is often used in conjunction with a link.

 

 

Like Item - Two users wanted to see who else had liked an item.

 

 

Copy Item - After copying an item from another user's Wishdex into his own Wishdex, the user was redirected to his Wishdex. He said it would be nice to stay on the friend's page.

 

 

Move Item - A user tried to add an item from a different Wishdex by clicking on "Add Item" in the new wishdex.

 

 

Explore - One user avoided hovering over the items on the Explore page. Instead, she pressed the arrows on the sides and did not discover the hover function.

 

 

Claim - When trying to go to the item's webpage, one user first thought of clicking the item name. She was hesitant to click "Buy" because she wasn't sure if it would immediately go to the buying page.

 

Reflection

Discuss what you learned over the course of the iterative design process. If you did it again, what would you do differently? Focus in this part not on the specific design decisions of your project (which you already discussed in the Design section), but instead on the meta-level decisions about your design process: your risk assessments, your decisions about what features to prototype and which prototype techniques to use, and how you evaluated the results of your observations.

  • No labels