Lo-Fi Prototype and Usability Testing Alisa So Derek Tseng Katie Hendricks Tyler Zuver Venkat Rao (Presenter)

Overview MissionTask RecapLo-Fi PrototypeMethod & ResultsConclusions StyleEye UW CSE 440

Mission StyleEye UW CSE 440 Quick & Easy Style Matching Capturing Spontaneous Inspiration StyleEye seeks to help people find clothing items that match their style and preferences quickly and easily

Representative Tasks Find clothing items that resemble or match something seen in your environment Find clothing items that you can describe and that match your shopping preferences Provide clothing suggestions based on an image or description StyleEye UW CSE

Representative Tasks Find clothing items that resemble or match something seen in your environment Find clothing items that you can describe and that match your shopping preferences Provide clothing suggestions based on an image or description StyleEye UW CSE

Representative Tasks Find clothing items that resemble or match something seen in your environment Find clothing items that you can describe and that match your shopping preferences Provide clothing suggestions based on an image or description StyleEye UW CSE

Lo-Fi Prototype StyleEye UW CSE 440 Recent Searches Search Results Item Details Search / Camera Take Photo New Search Page Text Description Audio Description Price Range Profile Search Statistics Style Preferences Privacy Settings

Lo-Fi Prototype StyleEye UW CSE 440 Main Navigation # of Results for a Search

Scenario 1 (image search) StyleEye UW CSE Walking down the street and you see an orange design you really like - Use StyleEye to request a clothing item that matches this style

Scenario 2 (non-image search) StyleEye UW CSE You are going to a sweater party - You want a sweater from the “BlueBean” brand, snowflake pattern on the front, 100% cotton, a size medium, and costs no more than $30

Scenario 3 (fulfilling a request) StyleEye UW CSE 440 -You a turk, imagine that you know about a website that has a wide selection of orange shirts. - With this knowledge, try to fulfill a request given by a StyleEye user

Experimental Method StyleEye UW CSE 440 Our Participants 2 males & 2 females Focused on demographic Fashion ‘conscious’ & fashion ‘passive’ for each gender Each participant filled out a questionnaire Environment Quiet, isolated meeting room Roles One facilitator One computer Two observers

Experimental Results Conclusions StyleEye UW CSE 440 Highlights & Positive Feedback Search by image had very few errors Retrieving results was an easily completed process New design for submission page led to better user experience

Experimental Results Conclusions StyleEye UW CSE 440 Task 2 is the hardest task for users to complete

Experimental Results Conclusions StyleEye UW CSE 440 The functionality of some buttons was not obvious to users Main Navigation # of Results Badge

Experimental Results Conclusions StyleEye UW CSE 440 Users did not use filtering features, they used the text description instead

Proposed UI Changes StyleEye UW CSE 440 Idea 1: Find sales and deals from your favorite brands Idea 2: Receive clothing suggestions based on your past searches and style profile New Task 2 Camera icon  magnifying glass or eye Add small word under each button Recent search badge will be moved to top right corner Place “price range” button at the top of the submission page Change Button Styling

Summary StyleEye UW CSE 440 Usability tests showed how user’s actions can differ significantly from our anticipated path Testing Benefits Image search is easiest to understand Button function needs to be very apparent User Behavior Task 2 needs to be changed Deciding to add either suggestions or deals functionality New Direction