Prototype Photos
Briefing
Have you ever had the problem where you look at your closet of clothes but feel like you have nothing to wear? myClos.et 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
- You have just heard about the site and want to start using it yourself! Register an account and upload your wardrobe to the website, exclusively using your mobile device.
- You have a date tonight but don't know what to wear! Request advice for an outfit and after waiting for "20 minutes" review peoples' responses to your question, up/down voting those that you like and don't like.
- Your friend Felicity has a job interview tomorrow, and doesn't know what to wear! Luckily she's a friend of yours on myClos.et. Go onto the site, find her question, and post an outfit for her to wear
Observations: First Iteration
Client 1:
- "Add to Wardrobe" Task:
- Sign-in process straightforward, though no affordances for password security / already-taken usernames, etc.
- First item: long-sleeved shirt
- Camera controls used
- "Add to Wardrobe" button used
- Selected "shirt" category, with no effect (selected by default)
- Added "white" and "long-sleeved" tags ; used "search" button to add the tags
- "Add to Wardrobe" button used (again - use different buttons for the different pages?)
- Second item: gaudy ring
- Camera controls used
- "Add to Wardrobe" button used
- Pressed "accessory" button - interface changed to show selection
- Added "dressy", "blue", and "ring" tags in the same way.
- "Add to Wardrobe" button used
- Notes:
- Where to go next?
- More ways to communicate this? i.e., links to website?
- Preview of wardrobe on the phone?
- Language of tags - use "categories" or "descriptive adjectives" or some other word to make it more explicit what the tags are?
- "Requesting Advice" Task:
- Don't want closet or wardrobe, eliminated options from top to deduce that "Ask for Advice" section was the objective
- Needed to think of good, concise phrasing to fit in the text field
- On Asking page:
- Added task-specific details (what events were planned)
- Added personal details (Female, time, location)
- Other actions not clear; had to look to find "Ask" button
- Ignored tagging and image options
- On request page:
- Tried to use up/down vote arrows to scroll
- Better affordances here, i.e. +/- signs or thumbs up / thumbs down
- Notes:
- Why wardrobe & tags region shown?
- Wardrobe on Question page helped to confirm that it was owned by the user
- Default question types in drop-down for common events / questions to speed up the Asking process?
- "Designing Outfit" Task:
- Browse requests button ignored for now
- Sorted requests by accessing "Friends" tab
- Tried to view image thumbnails (no effect - NYI)
- Wanted an "Answer" button - image itself wasn't indicating clickability
- On Canvas page:
- Can't see suggested items anymore
- Wardrobe unlabeled - not sure whose wardrobe it is at first (Add labels to Wardrobe interface!)
- User explored wardrobe, looking for matching parts in different regions
- Sorted with "blue" tag
- Unable to view more than one category at the moment - change?
- pre-defined sort tags - based on wardrobe, perhaps?
- Tried to drag & drop good items to canvas - success
- Added comment window
- "Publish" button used
- Notes:
- Browse Requests - use defaults, in a way to mirror the defaults of the "Ask for Advice" option
- Place suggested items by person seeking advice on the canvas of other users' answers
Client 2:
- "Add to Wardrobe" Task:#* Hello World#* Hello Again
- "Requesting Advice" Task:#* Hi there#* I guess So
- "Designing Outfit" Task:#* Tuesday's coming#* Did you bring your coat?
Client 3:
- "Add to Wardrobe" Task:#* Hello World#* Hello Again
- "Requesting Advice" Task:#* Hi there#* I guess So
- "Designing Outfit" Task:#* Tuesday's coming#* Did you bring your coat?
Observations: Second Iteration
Client 4:
- "Add to Wardrobe" Task:#* Hello World#* Hello Again
- "Requesting Advice" Task:#* Hi there#* I guess So
- "Designing Outfit" Task:#* Tuesday's coming#* Did you bring your coat?
Client 5:
- "Add to Wardrobe" Task:#* Hello World#* Hello Again
- "Requesting Advice" Task:#* Hi there#* I guess So
- "Designing Outfit" Task:#* Tuesday's coming#* Did you bring your coat?
Client 6:
- "Add to Wardrobe" Task:#* Hello World#* Hello Again
- "Requesting Advice" Task:#* Hi there#* I guess So
- "Designing Outfit" Task:#* Tuesday's coming#* Did you bring your coat?