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

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

Problem • 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. StyleEyeUW CSE 441

Solution NEED A NEW PICTURE OF THE CURRENT INTERFACE—PREFERABLY, THE CAMERA • 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 StyleEyeUW 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 StyleEyeUW 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 actionbar StyleEyeUW 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. StyleEyeUW 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. StyleEyeUW 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 StyleEyeUW 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 StyleEyeUW CSE 441

Prototype demo PROTOTYPE DEMO StyleEyeUW 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 StyleEyeUW 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. StyleEyeUW 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 StyleEyeUW CSE 441

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