Versions Compared

Key

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

...

Task / Design Images

Storyboard

Usability Analysis

Uploading wardrobe
Image Removed Image Added

**Story goes here**

**Usability goes here**

Posing a request

**Story goes here**

**Usability goes here**

Browsing requests

**Story goes here**

**Usability goes here**

Creating an outfit

**Story goes here**

**Usability goes here**

Browsing a response to a previous request

**Story goes here**

**Usability goes here**

...

Discussion of ANSWERING 1__

In order to browse answers to questions, Sylvester and Felicity visit the question page as shown earlier in the storyboard.  There they can up/down vote wardrobe selections.  When an answer is selected (the thumbnail clicked), a window opens with a larger view of the outfit.

This approach replicates the behavior we saw in the browsing work earlier in the design. The same advantages and disadvantages apply to searching the system after answering a request.

...

Design 2

Task / Design Images

Storyboard

Usability Analysis

...

Uploading wardrobe
Image Modified Image Modified

**Wardrobe Story goes here**

**Wardrobe Usability goes here**

Posing a request
Image Added

**Pose Story goes here**

**Pose Usability goes here**

Browsing requests
Image Added Image Added

**Browse Story goes here**

**Browse Usability goes here**

Creating an outfit
Image Added Image Added

**Create Story goes here**

**Create Usability goes here**

Browsing a response to a previous request
Image Added

**Personal Browse Story goes here**

**Personal Browse Usability goes here**

In order to upload his wardrobe, Sylvester uses the mobile application.  He registers using the mobile application (he could have also done so directly on the website).  Upon signing in, he is brought to the page where he can choose to a) add clothing to his wardrobe b) post a question to the website c) view questions he has posed in the past.  He chooses Add Wardrobe and is immediately brought to the phone's proprietary camera interface.  He takes a photo of an item of clothing, and is brought to a page with a thumbnail of the image and the option to accept or retake the photo.  If he chooses accept, he is brought to a screen where he can tag the piece of clothing.  At the very least, he must use the visual icons to tag the type of article of clothing (t-shirt, dress, shoes, etc.).  He also has the option to add verbal tags that describe the article of clothing in more detail (purple, striped, etc). 

Posing a requestImage Removed

After adding clothes to his wardrobe and selecting 'Done', Sylvester is brought back to the menu page where he selects "Ask for Advice".  He is brought to a simple page in the application where he can ask a question and provide details.  Upon hitting "Submit" Sylvester's question is immediately posted to the website.
Browsing requests Image Removed Image Removed

Sylvester and Felicity log onto the site, and are presented with a homepage which features recent questions.  They see Sylvester's question at the top of the list under both the "Friends" and "Everyone" tabs (for Sylvester his is also shown under the "Me" tab).  Felicity chooses his question and is brought to a page where she can see recent comments, and is presented with the opportunity to comment.  (Note:  The top question in the mockup above is a question about a wedding.  In this specific scenario, the question would be posed by Sylvester and be about his date outfit).

Creating an outfitImage Removed Image Removed

Felicity selects "Answer" on the comment page, and is brought to the outfit select page.  There she is able to add items to the wardrobe.  When she selects "Add Item", a window pops up where she is able to filter Sylvester's wardrobe using visual icons.  When she selects an item, she is then brought back to the wardrobe assembling screen, where she is able to directly comment on each article of clothing to explain why she chose it, how it should be worn, etc.

Browsing a response to a previous requestImage Removed

Sylvester gets a notification on his phone and notices that several people have suggested outfits for him.  He uses the mobile application to open up his list of previously asked personal questions, and selects the question about his date.  He scrolls through the wardrobe selections as selected by his friend Felicity, as well as by other users he has never met.

Design 3

Task / Design Images

Storyboard

Usability Analysis

Uploading wardrobe
Image Modified

...

Image Added

**Story goes here**

**Usability goes here**

Posing a request
Image Modified Image Modified Image Modified

**Story goes here**

**Usability goes here**

Browsing requests
Image Modified Image Modified

**Story goes here**

**Usability goes here**

Creating an outfit
Image Modified

**Story goes here**

**Usability goes here**

Browsing a response to a previous request
Image Added

**Story goes here**

**Usability goes here**