Page History

Uploading wardrobe

In order to upload his wardrobe, Sylvester uses the online interface.  He signs onto the website and is presented with the homepage.  The most prominent part of the page is a list of recent questions by friends, everyone, and himself.  He selects the button "Add to Wardrobe" from the right pane.  

He is brought to a page where he can add photos of clothing he has taken and has on his computer's hard drive.  After he is done uploading his photos, he is brought to a page where he can tag different items of clothing.  He can both tag with text descriptors and with visual preset tags (shirt, pants, dress, etc.)

**Usability goes here**

Posing a request

When done uploading photos, Sylvester is brought back to the home screen.  There he types 'What should I wear on my date next week?' in the Ask bar at the top of the page and selects "Continue".  A simple window pops up where he can ask a question and add details to give context for the question.  He asks what he should wear to his date and hits "Ask".  He is then brought to a page where he can tag his post. Some recommended tags based on the context of his question and the context of past questions similar are presented on the page.  Sylvester chooses some tags from the preselected options by clicking on them and they are automatically added to the tags line.  He then hits "Submit" and his post is put on the site.

**Usability goes here**

Browsing requests

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

Also note:  If the question was not easily accessible on the home page, Felicity and Sylvester could search for it by using the search bar on the right side of the page.  The search algorithm takes into account both matching search terms with exact words in the question and search terms that match question tags.

**Usability goes here**

Creating an outfit

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.  The right panel is where Sylvester's wardrobe is presented.  Felicity narrows down the wardrobe selection by searching for tags.  If no tags are being searched for, Sylvester's entire wardrobe would be presented.  
In order to add items of clothing to the 'outfit', Felicity drags items from the right pane directly into the window in the middle of the page.  She has freedom to place items anywhere she wants on the page.  Each item has a clickable box on the upper right.  When clicked, a window appears where Felicity can add comments about how an item should be worn, where, why, etc.  When finishing putting together the outfit, Felicity selects "Done".

**Usability goes here**

Browsing a response to a previous request

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.

**Usability goes here**