This was a project I worked on for my Interaction Design Studio class at UW Madison. Our group wanted to address the problems that many find while shopping for clothes. We found that within our group, many of us had issues when it came to online shopping and we wanted to design an application to help solve some of those issues.
Using affinity diagramming, we plotted out the key insights we gathered from our contextual inquiry.We summarized these key insights into user needs:
Based on our user needs, we created a How Might We Statement to summarize these needs.
How might we enable shoppers to quickly find the clothes they want in the size that they need at an affordable price?
We brainstormed different solutions to the user needs we had seen.
We then voted on which solutions we liked the best. Below are the top 3 solutions we came up with.
Price and Image Comparisons: People liked being able to use images to compare styles and fits of different clothes, as well as the ability to compare prices of similar items. Would allow users to be their best judge as far as pricing and referencing images to determine condition, sizing, and fit of each item.
Photo and Measurement: Requirements for Clothing Reviews. All user reviews would have to include photos/measurements of the clothing item that was bought. Allows shoppers to gain a better understanding of what clothing item they are buying. Would be able to see what other shoppers thought of the clothes and how well it fit them.
Would help shoppers make more informed decisions. Extensive, Inclusive, Universal Size Chart
Input weight, height, and/or body type to help find clothing that will fit properly. Multiple options for people to be able to understand how the clothes will fit on them.
We created a paper prototype of our app’s design and tested it with 3 participants. We designed our paper prototype around the universal size chart idea in order to get feedback on how users would interact with the survey aspect of it.
We figured that a quiz to determine someone’s clothing size would be more novel than reviews or price comparisons and figured it would be important to see how intuitive the concept was.
We further designed our app by transforming our task flows into a wireframe showing the basic structure of our app. We made a few additions to the design based on feedback from our paper prototype.
We added another navigation bar at the top with the search icon as a way to easily get to the shopping page. We also added a help page based off of the confusion that was experienced in our paper prototype on navigating to the size chart quiz.
We stylized our wireframe to create a visual and interactive mockup of our app. A few key items changed based on feedback from our wireframe.
Through this project I got to see our product’s design evolve iteratively through user and peer feedback. All of this feedback contributed to improvements to visual hierarchy and navigation in our design. I found out more about the different preferences and uses people have online shopping.
