Survey research, 32 moderated tests, interaction design and a published Chrome extension.Research ↗
Finding
Three audience segments changed the approach to sustainability recommendations.Results ↗
The product problem
What people couldn't see at checkout.
Students cared about the environment but lacked reliable information at checkout.
The existing experience
A product page makes the transaction easy and the consequences invisible.
Commerce interfaces are excellent at showing price, images, reviews, color, payment plans, and urgency. They rarely explain where a product came from, who made it, what materials it contains, what risks or externalities sit behind it, or what kind of company receives the money.
The Green Filter proposition
Turn hidden product history into one usable decision layer.
Green Filter combines environmental, health, labor, product, company, and financial signals, translates them into plain language, and gives the user a practical next move: understand, compare, avoid, choose an alternative, or ask a deeper question.
Research system
Field research first.
Seven expert interviews, a Taiwan-wide survey and prototype testing shaped the work.
01
Frame the system
Connect ecology to everyday financial behavior.
Reviewed sustainability, finance and purchasing behaviour with seven experts.
Literature review + 7 expert interviews
02
Map the people
Study attitudes before inventing the assistant.
Ran a 63-question mobile survey, with 876 eligible final responses.
Put the intervention inside a real shopping decision.
Tested the Chrome extension on Momo product pages in 32 moderated sessions.
32 interviews + 100+ anonymous self-tests
The published research archive documents the process, methods, results, testing notes, and limitations in public. Image source: Green Filter research methodology.
01
Shop
Understand the product, company, materials, origin, and alternatives.
02
Save
See how repeated choices shape money, resources, risk, and personal impact.
03
Invest
Recognize spending as support for the companies and systems behind the product.
The product thesis
Shopping can become the first lesson in investing.
Green Filter calls this “Shopping-as-Investing.” The phrase reframes a purchase as more than consumption. Money becomes a vote of confidence in a company, a production system, a supply chain, and a future cost structure. The product begins with a familiar object, then widens the user’s view from price today to value and consequences over time.
Behavioral segmentation
Three shopping attitudes.
K-means clustering revealed three distinct shopping attitudes.
Values-led
n=278
Eco-Friendly
Product implication: Offer depth, provenance, and the ability to compare impact without hiding practical product quality.
Undecided
n=356
Moderate
Product implication: Make the better choice easy to understand, easy to compare, and compatible with price and convenience.
Cost-first
n=242
Frugal
Product implication: Lead with total value, durability, safety, savings, and lower-impact alternatives at a realistic price.
The personas were derived from response patterns rather than invented demographic profiles. Image source: Green Filter survey results.
What students asked for
What information mattered?
63%
Avoid the most polluting products
41%
See where a product comes from
40%
Understand how it was produced
25%
Receive a monthly eco-score
One project, four surfaces
Four connected touchpoints.
01
greenfilter.app
Public research archive
The complete thesis became a navigable public website rather than a PDF hidden in a university repository. Methods, charts, quotes, testing notes, limitations, and conclusions remain open for inspection.
A Traditional Chinese entry point explained the research, collected anonymous student responses, and supported field recruitment across Taiwanese universities.
The extension inserted product analysis into Momo, close to a real purchase decision. It surfaced sustainability signals, company context, and alternative products without requiring the user to start from a separate research tool.
The web prototype allowed deeper questions after the first signal: ingredients, materials, carbon, labor, company behavior, alternatives, and the relationship between spending and investing.
Testing happened on participants’ own devices and connections, turning hardware, browser, and network constraints into product evidence. Image source: Green Filter testing archive.
Interaction design decisions
Where the suggestion appeared.
The Chrome extension placed suggestions beside prices, reviews and product details.
01
Entry point
Meet the user inside the purchase, before attention disappears.
The research showed that students rarely begin shopping by searching for an ESG report. They begin with a product, a price, a picture, a need, or a discount. Green Filter therefore entered the existing commerce flow and treated sustainability as decision support, rather than a separate educational destination.
Place the signal near price, variants, and Add to Cart
Make the first insight understandable in one glance
Keep deeper evidence available without forcing it first
02
Information hierarchy
Translate evidence into a signal, then let people inspect the proof.
Raw carbon numbers, ESG categories, certifications, materials, factory claims, and controversies create cognitive overload. The interface needs a clear top layer, a short explanation of why, and visible sources underneath. Trust comes from being able to move between summary and evidence.
Use plain-language red, yellow, and green states
Explain what changed the score
Keep certifications and third-party sources attached
03
Actionability
A warning without an alternative only creates guilt.
Participants responded most strongly when the prototype suggested a comparable product or brand. The alternative still had to satisfy price, quality, size, safety, and availability. The design shifted from moral judgment toward practical agency.
Keep alternatives on the same page
Compare price and core specifications alongside impact
Use one persistent next action instead of a long report
04
AI role
Let AI do the synthesis without making chat the entire product.
The useful role for AI was to combine fragmented product, company, and environmental information, then explain it in language a student could use. Testing showed that few people wanted to begin with an open chat box. The interface should answer the obvious question first and make conversation an optional path for curiosity or uncertainty.
Generate a concise first analysis automatically
Offer suggested questions that match the current product
Show uncertainty and source quality instead of false certainty
05
Motivation
Health, safety, price, and durability can open the door to sustainability.
Food safety and personal risk were more immediate than abstract environmental language. That does not weaken the ecological purpose. It reveals how people understand consequences. Product health, worker treatment, origin, durability, and pollution can be presented as one connected quality story.
Use concrete human consequences before abstract categories
Connect lower impact with product quality and long-term value
Avoid assuming that every user arrives with the same motivation
06
Resilience
Design for the device and network people actually have.
Slow Wi-Fi, older laptops, browser restrictions, and dying batteries became research findings. A sustainability tool that requires unusually good infrastructure excludes the people it claims to help. The next product direction is lighter, mobile-first, and more tightly integrated with familiar shopping and payment tools.
Load the decision signal before secondary media
Design around smartphone use and platform restrictions
Preserve a useful fallback when AI or external data fails
What testing changed
What testing found.
ESG terms confused participants. Some mistook the interface for an ad.
Observed
Price, photos, reviews, and specifications took attention first.
What it meant
Sustainability cannot expect a separate attention budget. It must work with the hierarchy of commerce.
Design response
Move the signal beside the price and connect greener choices to cost, quality, and availability.
Observed
The extension was sometimes missed or mistaken for an advertisement.
What it meant
An intervention can technically exist on the page while remaining behaviorally invisible.
Design response
Clarify ownership, use a recognizable entry cue, and make the first benefit visible without an extra click.
Observed
ESG labels were recognized but poorly understood.
What it meant
Institutional language can signal importance while failing to support a decision.
Design response
Replace jargon with a plain statement, a visual level, and a short explanation of the evidence.
Observed
Concrete alternatives were the most actionable feature.
What it meant
People can act when the product preserves choice instead of ending with a warning.
Design response
Keep one-click alternatives persistent and compare the practical attributes that already matter.
Observed
Carbon, labor, ingredients, and disposal information created surprise.
What it meant
Hidden product histories can change how familiar objects are understood.
Design response
Reveal one material fact at a time, then allow the user to inspect the full lifecycle and sources.
Outcome and limits
What came out of the research.
The extension and research are public. Spending changes remain unmeasured.
What the project established
Young adults do not need more guilt. They need better leverage.
Students already understood that money has environmental consequences. The missing layer was practical control: trustworthy signals, comparisons, alternatives, and an interface that arrives before the purchase is complete. The project reframed sustainability from a moral lecture into product intelligence that can support agency.
What remains open
The hard work is data quality, integration, and trust at scale.
A production system still needs reliable product passports, source provenance, data freshness, uncertainty handling, platform partnerships, mobile integration, and governance against greenwashing. These are product and institutional problems, not details an interface can hide.
I carried the question from campus fieldwork into a working interface.
Green Filter was Kris Haamer’s MA Interaction Design thesis at National Cheng Kung University in Tainan. The role covered research framing, literature review, expert interviews, survey design, on-campus recruitment, quantitative and qualitative analysis, clustering and personas, product strategy, interaction design, extension and prototype development, moderated testing, iteration, data visualization, and publication of the research archive.
