![](https://static.wixstatic.com/media/a391ec_af25ba5b391f4d838cde7af955e6dce5.png/v1/fill/w_966,h_630,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_af25ba5b391f4d838cde7af955e6dce5.png)
ABOUT
This project is a collaborative project with a local starup company (http://www.senecaandspruce.com/) for the course Usability Studies at University of Washington. The goal is to help the company identify existing usability problems in the website and provide actionable redesign suggestions.
ROLE
Researcher, Visual Designer
Read another case study
E-COMMERCE WEBSITE USABILITY STUDY
To conducted usability test on desktop version of Seneca & Spruce e-commerce website, and provide actionable redesign suggestions.
TEAM
Lingshuang Chen, Alysse Gallo, Philip Loh, Jina Suh
TIME
01/2015 - 03/2015 (10 weeks)
IMPACT
Our client spoke highly of our findings, but unfortunately the company decided to change their business model of an e-commerce website.
UNDERSTAND
![](https://static.wixstatic.com/media/a391ec_36861b31ca964046a37627ba3c12643e~mv2.png/v1/fill/w_914,h_264,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_36861b31ca964046a37627ba3c12643e~mv2.png)
or, Back to Work
Clarify Test Objectives
-
Identify different paths users take in finding items to purchase and obstacles encountered along the way
-
Identify obstacles in completing purchases on the site
-
Assess the overall effectiveness of the website for our target user groups performing basic tasks
-
Compare S&S website with participants’ mental model for other e-commerce websites
How we might do differently:
-
Start recruiting process early
-
Think more quantitative? Remove think-aloud
-
We didn’t consider learnability in the original design and didn’t factor it into the analysis as much
![](https://static.wixstatic.com/media/a391ec_bd0f4114804d400aa266f1b9972c7da8~mv2.png/v1/fill/w_918,h_378,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_bd0f4114804d400aa266f1b9972c7da8~mv2.png)
Seneca & Spruce (S&S) is an online fashion retail store that curates and sells work of emerging designers.
S&S’s target persona is a woman between 25 and 35, who earns more than $50,000 a year and lives in a big city. “She’s not concerned about brand, but is concerned more about style and fashion trend.”
The client came to us with the following questions:
-
High drop off rate from cart to purchase.
-
Why aren’t people purchasing?
-
What would make people more comfortable?
During the 10 weeks project, we went through the whole process from planning usbility studies to presentation and report write-up. Not only we identified usability issues, but also business issues that are also important for the client.
THE BUSINESS & PROBLEMS
CONDUCT STUDY
Understand the System
At the beginning of the study, we created an interaction map to help us understand the system, its functionality, and how the functionality is available to users.
The map shows common and important interaction flows through the system, with particular attention to the features and interactions we plan to evaluate.
![](https://static.wixstatic.com/media/a391ec_9a00a860201e47b98f760be4747900c6~mv2_d_7678_8240_s_4_2.jpg/v1/fill/w_918,h_985,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_9a00a860201e47b98f760be4747900c6~mv2_d_7678_8240_s_4_2.jpg)
Who Are The Participants
Engaged 7 women who largely fit the design persona over 4 days in Feb/Mar 2015
Usability Study Methodology
The whole test consisted of:
-
Card sorting activity
-
Home page inspection for first impression
-
Task analysis (4 tasks)
-
Post-task interviews
-
Post-test interview
Other principles applied in the test:
-
Within subjects, crossover (counter-balanced) design
-
Think aloud protocol
Equipment We Use
-
MacBook running Windows
-
Google Chrome
-
External mouse
-
Camera
![](https://static.wixstatic.com/media/a391ec_383128210ebc45ca8582f12d47d2162a~mv2.png/v1/fill/w_918,h_244,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_383128210ebc45ca8582f12d47d2162a~mv2.png)
Data Collection & Analysis
We collected and visualized quantitative data (survey results) in Google Sheets to facilitate analysis. In addition, we collected qualitative data (observations and quotes) in notes. To analyze the qualitative data, we transcribed them on post-it notes and had an affinity diagraming session to identify common themes and relationships among points.
![](https://static.wixstatic.com/media/a391ec_5f7574c5e7944829a6b11e2bc748741c~mv2.png/v1/fill/w_450,h_340,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_5f7574c5e7944829a6b11e2bc748741c~mv2.png)
![](https://static.wixstatic.com/media/a391ec_32b8e2800e8a4e0597be8f65f129b0bf~mv2.png/v1/fill/w_450,h_339,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_32b8e2800e8a4e0597be8f65f129b0bf~mv2.png)
FINDINGS
Key Themes
Help Me Make Decisions
Users want the S&S website to convey important information that advises purchasing decisions.
Help Me Find My Style
Users want to use the S&S website to discover new kinds of fashion that work for them.
Earn My Trust
Users want the S&S website to establish itself as a legitimate business in their minds.
Fit My Mental Model
Users want the S&S website to adhere to interaction patterns common in other e-commerce websites, so that
the navigational experience is frictionless and the learning curve is non-existent.
![](https://static.wixstatic.com/media/a391ec_d9a800fb4b794d4eb2bb7ffb497bdde5~mv2.png/v1/fill/w_918,h_521,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/a391ec_d9a800fb4b794d4eb2bb7ffb497bdde5~mv2.png)
![]() | ![]() | ![]() |
---|
![]() | ![]() |
---|
![]() | ![]() |
---|
Detailed Findings and Redesign Suggestions
LOOKING BACK
What we can do if given more time and resources:
-
Include participants from independent designers who make up another user group of the website
-
Include participants who have already purchased on the website
-
Explore areas of the site that we didn’t include in our study
-
Focus on the blog/editorial/fashion advice section that the participants said they normally would ignore
LOOKING FORWARD
![]() | ![]() | ![]() |
---|