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

Compare with Current View Page History

« Previous Version 7 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).

Screenshots

Explanation

Motivation


 

 


 

 

 

 

 

 

 

 

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

Describe how you conducted your user test. Describe how you found your users and how representative they are of your target user population (but don't identify your users by name). Describe how the users were briefed and what tasks they performed; if you did a demo for them as part of your briefing, justify that decision. List the usability problems you found, and discuss how you might solve them.

We had the users perform tasks similar to those we posed in the paper prototype, with variances depending on design decisions made since that implementation.

Briefing

Have you ever had the problem where you look at your closet of clothes but feel like you have nothing to wear?  outfit.me is an online tool that connects people struggling to put together an outfit with those who can help. 

There are two main user groups. 

1) Those who need outfit advice.  These users upload photos of their clothes to our site, populating their personal wardrobe.  They use the site to ask for advice on how to wear the clothes in their closet, be it what to match with a certain article of clothing or more broadly how to put together an outfit for a certain occasion. 

2) Those who want to offer advice.  These users use the site to help friends or anonymous users figure out what to wear.  When suggesting outfits, they use our dynamic drag-and-drop outfit design interface.  This interface allows users to combine clothing choices with comments. 

Scenario Tasks

  1. You have just heard about the site and want to start using it yourself!  Register an account and upload an item of your wardrobe to the website. We have provided a folder of some clothes from your hypothetical wardrobe in a folder on the computer's desktop. (note: in the paper prototype we had users utilize the mobile app for this task.  We made the final design decision not to make such an app, and thus all this functionality is on the website itself) 
  2. You have a job interview tomorrow but don't know what to wear!  Request advice for an outfit. (note: in the paper prototype we had users up/down vote their favorite outfits.  We removed this feature in our final design).
  3. Your friend Knave has his first day of work tomorrow, and doesn't know what to wear!  Luckily he's a registered user on outfit.me.  Go onto the site, find his question, and suggest an outfit for him. Feel free to browse other users' suggestions for inspiration.

Users

To find users for testing, we contacted those contacts we knew were interested in fashion, and would have a use for our product. Despite the business of the end of the semester, we were able to run three user tests with MIT students as our testers:

User 1 - 23-year-old female, MIT Graduate Student
User 2 - 19-year-old male, MIT Undergraduate.Student
User 3 - 20-year-old female, MIT Undergraduate Student

As all of these individuals will be attending formal events, interviews, and other occasions for impressive outfits, we knew they would be representative of true users of our site. They are all individuals who often solicit advice on outfits for events, making the collaborative nature of the site more applicable to their style of problem-solving.

Testing

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