skip to Main Content

0.18g   100/100

A Life-centred Design Project

Life-centred UX and User Behaviour Design for Ecommerce

Applying life-centred thinking and behavioural design to nudge users to make more sustainable grocery shopping choices

A Life-centred Design Project

Life-centred UX and User Behaviour Design for Ecommerce

Applying life-centred thinking and behavioural design to nudge users to make more sustainable grocery shopping choices

About

For truly sustainable living, which also regenerates the planet, we need a revolution of the entire way we make, use, and reuse goods.

But that change may be a long way off.

So, what can UX designers do now to enable more planet-friendly purchasing by customers?

Using insights from an analysis of current sustainable shopping UX solutions in my research article, 7 behavioural UX approaches ↗ encouraging sustainable purchases, I attempted a design evolution of one of Australia’s main supermarket’s online store

1. Choose a persona

While I didn’t have any actual personas for any supermarkets, I thought I could at least create one based on some assumptions (and from what I knew about some friends) to help keep the design user-focused.

I thought that a parent juggling family commitments would be a good challenging persona, and male, as there is some evidence that males report lower levels of environmentally-friendly behaviour.

User Persona—Andrew, Husband and father, product manager

2. Determine the product range, metrics, and terminology

From these various sources, I could see the scope of ‘sustainable’ aspects for the Planet Friendly range :

  • Sustainable packaging
  • Compostable/recyclable packaging
  • Organic ingredients/low chemicals
  • Plant-based food, including milk and meat alternatives, etc.
  • Rechargeable and reusable items

I crystalised these down to three and wrote a one-liner for each, humanising any corporate/designer speak for laymen’s language, and drawing inspiration from the answers above.

  • Sustainable materials — Sustainably sourced ingredients, parts, and/or packaging
  • Recyclable waste -Easy recycling of what you don’t use
  • Kind to life — Fair work, animal welfare, and less harm to nature

With this, I created an onboarding modal, utilising authenticity and simplicity, to help shape an initial approach for early rapid testing.

An onboarding and product page design for informing users about sustainable products

3. Test early assumptions

Design V1 (Early Concept Test)—Simple introduction and category view

I had a strong assumption that information displayed on the product, at the decision-making moment, was most important. This sort of informing and enabling at a product level could also add to the use of apps like Get Greener that direct users to websites for sustainable shopping.

Feedback

  • “By the time you start shopping, you will want it to be done asap. The other thing is, I read food labels so having to read another thing in that moment would be a pain. I would have more tolerance if the information was served upfront before I begin the shop.”
  • “I want the decision-making process to be quick”
  • “In usual contexts, frankly if my sustainability impact is not measured, incentivised or punished, I only look for the price and product quality/reputation — and would ignore these icons”
A map of screens that form the online journey for a user to find grocery items and checkout.

4. Design the journey using the testing insight and behavioural UX strategies

Design V2 — Sustainability modes and product swapping

At first, it seemed my assumption was way off, that information at the point of purchase wasn’t impactful to changing behaviour. But thinking more in context, we weren’t necessarily just asking customers to choose one product over the other, we were also asking them to swap pre-made choices.

I needed to explore a simple product-swapping mechanism.

Planet Friendly shopping modes

To give users a choice of how and when they wanted to receive recommendations, I offered 3 shopping modes to choose from (or any combination).

  1. While browsing—utilising in situ Planet Friendly recommendations
  2. In cart—utilising in situ recommendations and product swapping after product selection to review all at one
  3. In saved/favourite lists—utilising the same in situ recommendations and product swapping UX as for the ‘In cart’ mode but for reviewing later
A UX design showing how users can select how and when they view sustainability information about products

Delivery options

Of course, purchasing is only one part of the user experience, there’s also delivery — devise ways you can deliver more efficiently to reduce emissions and offer a reward for users who choose this planet-friendly option, such as planting a tree in their name.

UX designs for sustainable delivery options for receiving online groceries

How did the design test?

Read the full process, testing, insights, and outcomes in the case study on Medium ↗

Two books standing on and angle, The Non-human Persona Guide and The Life-centred Design Guide

Take the lead

Lead the way by redesigning your products and business to reduce environmental and social harm and regenerate the people and environments your system relies on.

“The ideas really resonated with me as I’ve felt this growing unease with human centred design’s echo chamber”

“Super helpful tools for designers… I’ll be sharing them with the students.”

“An amazing book about the topic.”

#2 Amazon Best Seller in Engineering Design, Dec ’22

Back To Top

We use eco-friendly web hosting

For every amperage this site pulls from the grid, GreenGeeks web hosting returns 3 times as much renewable energy to the grid—learn about green hosting.

This will close in 0 seconds

We replenish what we use

A percentage of profits from The Life-centred Design Guide are donated to onetreeplanted.org to replace the trees used to create the books

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

52 trees planted

To regenerate trees used to make my books, I donate a percentage of sales from lifecentred.design and futurescouting.com.au to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions. Current industry standard is 0.5g/page view—all lifecentred.design pages are 0.26 or under

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about my commitments | Suggest an improvement

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

52 trees planted

To regenerate trees used to make my books, I donate a percentage of sales from lifecentred.design and futurescouting.com.au to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions. Current industry standard is 0.5g/page view—all lifecentred.design pages are 0.26 or under

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about my commitments | Suggest an improvement

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

52 trees planted

To regenerate trees used to make my books, I donate a percentage of sales from lifecentred.design and futurescouting.com.au to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions. Current industry standard is 0.5g/page view—all lifecentred.design pages are 0.26 or under

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about my commitments | Suggest an improvement

This will close in 0 seconds

Lifecentred.design aims to be low carbon, inclusive, and regenerative

This site's hosting is green

Energy used by the web hosting servers is offset by 3 times as much renewable energy returned to the grid

52 trees planted

To regenerate trees used to make my books, I donate a percentage of sales from lifecentred.design and futurescouting.com.au to onetreeplanted.org

Page CO2 emissions
Shown for high-traffic pages only

Sustainable web strategies are used to reduce page load emissions. Current industry standard is 0.5g/page view—all lifecentred.design pages are 0.26 or under

Page accessibility rating
Shown for high-traffic pages only

Pages are designed for accessible use and rated out of 100

More about my commitments | Suggest an improvement

This will close in 0 seconds