Green Patterns: Helping Users Make More Sustainable Choices
In this post, we will discuss options for creating digital products and services that serve the needs of both people and planet without being disruptive or deceptive.
Both sustainability and UX design are dedicated to creating great experiences for people. For experiences to be both people and planet-friendly, more sustainable choices should be easier to make than their less environmentally-friendly counterparts. But when crafting user experiences, is making choices for users a wise move, even if those choices promote more sustainable behavior?
Easy Being Green
In his post Product Design for Sustainability, author Artiom Dashinsky notes:
We’re using words like engagement, performance, accessibility, security, conversion, technical debt, and privacy every day to evaluate our decisions and tradeoffs. However, we rarely hear the word sustainability in product discussions.
We couldn’t agree more. While security, conversions, accessibility, and privacy are obviously necessary to create successful digital products and services, making sustainable choices should be simple and the options clear for users. This is something rarely discussed during UX workshops or product brainstorming sessions.
Here’s a real world example: if you have a trash chute just down the hall from your apartment yet the recycling bins are in the building’s basement, you are far less likely to recycle than if the situation were reversed. Placing recycling bins in easily accessible areas will encourage more environmentally responsible behaviors. Shouldn’t we take the same approach with our digital products and services?
Choice Editing refers to the practice of controlling or limiting choices so as to drive an end goal. In the past, choice editing has been used to ban or tax specific items, and it can be a common practice when creating dark patterns, which are meant to deceive users into making choices not necessarily in their own best interests.
When choice editing, the line between dark patterns and “green” patterns can sometimes be blurred. For instance, adding carbon offsets by default to a checkout process would be considered a dark pattern. Even though carbon offsets may be a more sustainable choice, users should have the option to make that choice themselves rather than it being made for them.
Here are six examples of green patterns in action.
More Sustainable Shipping Options
During a checkout process, give users the option to choose a more environmentally-friendly shipping option by highlighting that option in the interface and, if possible, offering an incentive to users who choose it.
When users search for specific items, why not highlight the most environmentally products first in search results? This is also an opportunity to provide incentives through discounts for users who select those products.
Include options for sorting products in e-commerce searches by “greenest first”. Similarly, adding certification logos—such as Fair Trade, B Corp, Green America, and so on—to product listings can help users more easily discern products that share their personal values from those that don’t.
Help users find local sources for goods or services. DoneGood, a startup and certified B Corp out of Boston, helps users support local companies as well as guide them toward companies that support diversity, give back to their communities, support workers, or offer organic products. DoneGood is a dedicated app, but existing retailers could highlight these options during shopping and checkout in their own digital products, which offers potential for a much broader reduction in impact.
Sustainable Travel Options
Map and transit apps commonly give users options for the quickest route between two points, often defaulting to car travel as the desired mode of transportation. Unless they are specifically geared toward public transit, few apps highlight the more environmentally-friendly travel choice first. This could be a great opportunity for local planning councils and civic organizations to partner with tech companies to provide incentives for users who take public transit, ride bicycles, or walk.
The Printing Experience
People do still print web pages. Commonly printed pages include recipes, bank statements, contracts, FAQs, maps, directions, etc. etc. Designing these pages without considering the resources necessary to print them is doing a disservice to everyone but the paper manufacturers and ink cartridge makers. Rather than relying on default browser printing options, designers should think about how they can use the least amount of resources while still providing acceptable printing results.
To do so, print should be treated equally alongside other media types, like screen and speech. Although most browsers will by default change colors automatically to save ink when printing, this is often not as effective as a custom solution. Media queries in CSS3 can interpret a device’s capabilities and check things like width/height of viewport or device, landscape or portrait orientation, or screen resolution. Using these queries allows printing criteria to be adjusted to minimize paper or ink waste.
Just a Start
These are just a few UX tactics online retailers and product managers can do to lessen the environmental impact of their digital products and services. The important thing is to get digital product teams thinking about sustainability alongside other metrics when considering success factors. If you liked this post, you might want to look at our sustainable web design cornerstone post.
For more information on user experience and sustainability, check out Designing for Sustainability: A Guide to Building Greener Digital Products and Services, out now from O’Reilly Media. Or register to attend SustainableUX, a free online conference that happens every year.