StyleEye Derek Tseng / Jennifer Sloan / Sunny Peng / Katy Hulsman / Jia Le He

• Sometimes, people see an image, a pattern, or a style that they really like.

• Currently, there is no easy way for people to find items with a specific style that they are looking for.

Problem

StyleEye UW CSE 441

Solution

StyleEye UW CSE 441

• What if all you needed was a picture?

• Use picture to send request

• Wait for results

• Respond to others’ requests

• Follow styles of other users

NEED A NEW PICTURE OF THE CURRENT INTERFACE—PREFERABLY, THE CAMERA

StyleEye UW CSE 441

Recap of online usability results

While users found our prototype relatively easy to learn, we found a few issues:

• Confusion about how to follow someone

• Lack of scrolling

• No instructions for the style submission process

• Not male-friendly

StyleEye UW CSE 441

Revised interface design

Keeping StyleEye male-friendly simply involves keeping a gender-neutral color scheme and making sure we display male-oriented styles.

• Holo light color scheme• Male-friendly styles more obvious in samples

Other change to overall layout:

• Added Following as its own section in the action bar

StyleEye UW CSE 441

Revised interface design, cont’d

Changes to Camera:

Now a sequence of Camera pages as a process funnel

• Easier for newer users and streamlined for experienced users

• Cropping* no longer required every time a user submits a new style

*Cropping functionality not actually implemented in this iteration.

StyleEye UW CSE 441

Revised interface design, cont’d

Changes to Following:

Now has a button next to the title that brings up a dialogue pop up.

• Removed text bar• Saves space to display more names• More consistent with overall UI.

StyleEye UW CSE 441

Revised interface design, cont’d

Changes to both My Style and Popular:

• Still two rows of three items• Bigger images and text• Swiping from page to page

StyleEye UW CSE 441

Prototype overview

• Android platform standard design- Actions bars- Holo Light Theme- Camera- Dialogue box

• Gesture supported- Sliding for the following list- Changing pages

StyleEye UW CSE 441

Prototype demo

PROTOTYPE DEMO

StyleEye UW CSE 441

Tools used

Android SDK and emulator in Eclipse

Pros:• Easy to learn and operate• Drag-and-drop for simple, common widgets• Customizable programming for the unique parts

Cons:• Lots of trouble getting everything installed and working together• Emulator was very slow to load; sometimes didn’t even work• Action bars hard to control

StyleEye UW CSE 441

Tools used, cont’d

SVN

Pros:• Easy to make changes and share from our own computers while keeping our app private.

Cons:• Needed to reinstall SVN clients to be able to update and commit properly.• Lots of conflict resolution needed due to minor edits.

StyleEye UW CSE 441

Summary

• Actual running Android App-- Intuitive, gesture controlled

• Taking advantage of code in prototype-- Dynamic layouts to see actual changes

• Platform standards and widgets-- Uses the latest version of Android standards, widgets

• Clearer processes overall-- A lot of these changes fixed issues found in

the online usability study

• Ready for further usability testing