Lo-Fi Prototype and Usability Testing

Alisa SoDerek TsengKatie HendricksTyler ZuverVenkat Rao (Presenter)

Overview

Mission

Task Recap

Lo-Fi Prototype

Method & Results

Conclusions

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 440

1

2

3

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 440

1

2

3

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 440

1

2

3

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 440

- 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 440

- 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 18-25 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

ConclusionsStyleEye 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

ConclusionsStyleEye UW CSE 440

Task 2 is the hardest task for users to complete

1.0

2.5

0.5

Experimental Results

ConclusionsStyleEye UW CSE 440

The functionality of some buttons was not obvious to users

Main Navigation

# of Results Badge

Experimental Results

ConclusionsStyleEye 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 apparentUser

Behavior• Task 2 needs to be changed• Deciding to add either suggestions or deals

functionalityNew

Direction