Versions Compared

Old Version 22

changes.mady.by.user Unknown User (rlacey@mit.edu)

Saved on

compared with

New Version 23

changes.mady.by.user Unknown User (amruthv@mit.edu)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Navigation Bar

Users can navigate around the site to visit the homepage, give page, get page, messages, and profile.

Give Page

Users upload information on toy(s) they would like to donate. 

"Single" - List each toy individually
"Collection" - Upload a batch of toys as a single item. Items do not have to be related (eg. User could upload dolls and board games as a collection).

Accordion collapsible interface for listing toys. 

Toy Listing Details:

  • Name of toy
  • The age range the toy is appropriate for
  • A description of the toy
  • An image of the toy

Get Page

Users browse offerings and select toy(s) to ask for from other users. 

Toys listing displayed as item picture with name as caption. 

Page Features:

  • Drag & drop interface allows users to drag toy image to cart. 
  • "Quickview" (not shown)  - Popup on picture click that provides detailed toy information.
  • Filters for more powerful and efficient search:
    • Item Name (search bar)
    • Age Range (drop-down)
    • Toy Category (checkboxes)
    • Toy Condition (drop-down)
  • Checkout prompts user to message toy owners to begin the exchange process.

Messages Page

Interface through which users communicate with one another. 

"Recent Contacts" - Listing of people user is in comunication wih. 

Standard messaging interface to allow users to dialogue over contact information, how toy(s) will exchange hands, etc.

Iterations

How it changed between iterations:

  • Made field buttons more explicit about toy
  • Added picture placeholder when no picture is uploaded
  • Add clear all option
  • Change "Add toy" to "Add another toy"
  • Made age range a drop-down to suggest
  • Added remove button
  • Changed checkout to "Message owners"

Observations

User 1

  • Field names unclear
  • Confused by browse/URL since there was no picture placeholder
  • Add toy looks like it behaves like submit
  • No clear all option
  • Cancel button is unclear what it corresponds to
  • New button in messaging unclear
  • Single vs Collection unclear

User 2

  • User wanted to put contact info in description
  • User wanted a picture placeholder but was able to assume function
  • User wanted a button that says “any” for age
  • User wants submit confirmation for donation
  • “Any” condition for dropdown filter

User 3

  • Where is remove button on toy listings page?
  • Can I submit toys of different types at once?
  • Checkout is confusing...

User 4

  • Cancel button is unclear what it corresponds to
  • New button in messaging unclear
  • Single vs Collection unclear

User 5

  • Drag and drop not obvious
  • Feedback on hover for shopping cart
  • What does clicking on cart do
  • Confirmation that message was sent
  • Notification on envelope for unread messages

User

...

3

  • Where is remove button on toy listings page?
  • Can I submit toys of different types at once?
  • Checkout is confusing...
  • User tried clicking shopping cart
  • Distinguish which item is being messaged for
  • Can I cancel order after placing it?

Summary of Iteration 1

  • Make age range a drop down (learnability)
  • “Add toy” label changed to “Add another toy” (learnability)
  • Distinguish single toy vs collection of toys better (learnability)
  • Add clear filters button (efficiency)
  • Delete new button in message window (learnability)
  • Add send button in message window (safety)
  • “Any” field in toy condition search filter (efficiency)
  • Affordances for cart on drag and drop (learnability)
  • Add to cart button as well in receive page (learnability)
  • More clear remove button on add toy listings page (learnability)
  • Distinguish which message is going to which user for which item on requesting items (efficiency)
  • Change name of “checkout” button (learnability)

Iteration Step

How it changed between iterations:

  • Made toy listings field descriptors more clear
  • Added picture placeholder before a picture is uploaded
  • Add clear all filters option
  • Change "Add toy" to "Add another toy"
  • Made age range a drop-down to suggest possible values
  • Added remove toy button on receive page
  • Changed interface for getting toys
    • Cart metaphor changed to wishlist metaphor
    • Wishlist contents not shown on page, but rather on clicking the wishlist
    • Can add toys to wishlist either by drag and drop or from detailed view of the toy
  • Messages page: send button shown, removed add new conversation feature

User 4

  • Enters own name in toy name
  • Struggled to map deck of cards to category
  • What is single versus collection? (trying to put two things should be a collection?)
  • Confused by what a wishlist is

User 5

  • Didn't enter a category since wasn't required
  • Tried claiming own toy
  • Confused why all toys were showing when nothing was checked under categories on get page load

User 6

  • User entered name in for toy name
  • What is single v collection?
  • Thought had to message owner to claim, so thought he was done with task 2 before he was

...

Studio Commentary

  • Comment 1
  • Comment 2
  • etc

...