Responsible Swaps

A browser plug-in to help customers make more responsible shopping decisions.

Role
Researcher, designer
Timeline
2 months
Skills
Interviewing, sketching, prototyping, user testing
A screenshot from my high-fidelity prototype.

The problem

Shopping responsibly is like flossing. People know it’s something they should do, but not everyone puts in the energy to do it. There are many ways to practice responsible consumerism like shopping locally, supporting small businesses, or buying eco-conscious products. But our research revealed that people don’t shop responsibly because it requires extra work to find high-quality, responsible products.

⬩ ⬩ ⬩
How might we make being a responsible consumer more convenient?
⬩ ⬩ ⬩

The solution

Responsible Swaps is a browser plug-in that detects a user’s search query and shows them responsible product alternatives to items they’ve just searched for. I found through user research that people already have their go-to websites for shopping online. So to make discovering responsible products easier, I prototyped a solution that meets consumers in places where they’re already shopping—their favorite e-commerce sites.

Spotlight on low-price, high-quality alternatives

I highlighted both the lowest-price and highest-rated responsible alternatives in these special modules because our research found that consumers like to consider the best deals available to them, but ultimately they choose items based on quality.

1-click swap

Consumers are given the option to easily swap items in their cart with a responsible alternative. There is also a clear "undo" button to reverse the swap.

Research

Research for this project was conducted in conjunction with three of my classmates as part of a graduate school project.

To capture a wide range of shopping behaviors and experiences we conducted 1:1 interviews and observation studies with participants that varied in age, gender, and shopping frequency.

In the interviews, we asked participants what responsible consumerism meant to them. And then in our observation studies, we observed those same participants’ behaviors as they performed two tasks:

  1. Shopping for items as they usually do.
  2. Shopping for responsible alternatives to those same items.

Our research revealed these key insights:

  • People prefer shopping online because it is convenient.
  • People are always concerned about product quality when shopping online.
  • People tend to filter by price.
  • People navigate to their favorite e-commerce websites to begin their shopping tasks.

Ideation

After individually brainstorming solutions, we did a few rounds of sticker voting to determine which ideas to prototype. For the assignment, we each prototyped our own unique solutions. The browser plug-in was an idea that I came up with in my independent brainstorm, so I was excited to be the one to prototype it.

First, I sketched the flow a user would take to swap an item in their cart with a responsible alternative.

Sketches of my paper prototype.
A preview of my high-fidelity Figma prototype.

Usability Testing

Once I had a high-fidelity, interactive prototype, I conducted usability tests on real customers and found some good things and some things I needed to improve.

  • Customers said that parts of the plug-in looked like ads, which caused them to overlook some plug-in features at first. To remedy this, in the next iteration, I will remove the boxes around the recommended products and experiment with the colors and visual design of the plug-in to help it stand out a bit more.
  • Customers didn’t know which parts of the design were native to Amazon and which parts were part of the plug-in. This issue did not prevent users from performing the swapping task, but I determined that prototyping an onboarding experience would help customers distinguish between my plug-in and Amazon’s native interface.
  • Customers preferred this plug-in solution over our other prototype ideas because it integrates seamlessly into a website they’re already shopping at.

Key Takeaways

My prototype makes responsible products more easily discoverable during the searching and checking-out phases of shopping. But there is still a need for greater clarification around what actually makes a product “responsible.”

In future iterations, I will explore how my prototype may be able to leverage existing sets of products, like Amazon’s Climate Pledge Friendly products, to ensure that the responsible alternatives recommended by my plug-in fulfill a defined responsibility standard.

⬩⬩⬩

See more projects

⬩⬩⬩
© 2021 Designed by Jennifer Chan.