Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Automotive ›› Which Button to Press at the Pump? #wtfUX

Which Button to Press at the Pump? #wtfUX

by Daniel Brown
2 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Selecting your octane level at the gas pump should be an easy interaction, but that’s not the world we live in.

Probably one of the most fundamental considerations of user experience is to not make the user feel like an idiot. It’s not a commonly vocalized goal, but is a good “baseline” philosophy—right after “don’t kill your users” and “don’t blow things up.”

Speaking of flammable situations, gas pumps are the kind of device that (almost) all of us interact on a regular basis. It shouldn’t be a complex interaction, but I’m often surprised. Americans love choice, and we get to choose between multiple brands of gasoline and different octane levels. We are confronted, then, with the “fuel dashboard” at the pump.

odd gas panel design

The good: Large, simple graphics make it clear what the options are while the slightly more difficult to read LCD displays let you know what the going (seemingly random) price per-gallon is.

The bad: Some pumps are better at this than others. In this case, the large label with the number tells you the octane level. Since the number defines the choice you’re making, the inclination is to press it. Who could resist that big, yellow target with the number on it?

Except, that’s not what they decided you should press. Instead, just to the right of the LCD is a relatively tiny button which allows you to communicate your choice. That button—which indicates “go” or “proceed”—is set in red of all colors. (Also, a button that contains the word “push” seems a bit redundant and doesn’t specify what pressing it actually does.)

Based on the amount of wear visible on the octane label, it’s clear that other people have tried to do the same thing I did. They made the mistake of thinking that someone thought sufficiently about how to communicate choice.

elegant gas dashboard design at a Shell station

In stark contrast, this pump at a Shell station beautifully combines the octane label with the choice mechanism.

Keep these coming. Send them to us via Twitter or Facebook using the hastag #wtfUX or email them to: [email protected] with “#wtfUX” in the subject line. Include as much context as you can, so we get a full understanding of what the f%*k went wrong. Image of gas pump courtesy Shutterstock.

post authorDaniel Brown

Daniel Brown
Daniel has spent the past 20 years in software companies both large and small. From web design and development for a “boutique” web design firm to Evangelism for Adobe Systems, to helping budding startup companies get a foothold in the market, he’s worn a variety of “hats". Daniel has spoken at a variety of events worldwide including the Sundance Film Festival, Anderson Ranch Arts Center, Santa Fe Digital Workshops, and the Pacific Imaging Center in Hawaii on the topics of web design, digital imaging, photography, and user experience. Daniel currently serves as the head of the interface and user experience department at a small medical software company in Providence, Rhode Island.

Tweet
Share
Post
Share
Email
Print

Related Articles

Discover how digital twins are transforming industries by enabling innovation and reducing waste. This article delves into the power of digital twins to create virtual replicas, allowing companies to improve products, processes, and sustainability efforts before physical resources are used. Read on to see how this cutting-edge technology helps streamline operations and drive smarter, eco-friendly decisions

Article by Alla Slesarenko
How Digital Twins Drive Innovation and Minimize Waste
  • The article explores how digital twins—virtual models of physical objects—enable organizations to drive innovation by allowing testing and improvements before physical implementation.
  • It discusses how digital twins can minimize waste and increase efficiency by identifying potential issues early, ultimately optimizing resource use.
  • The piece emphasizes the role of digital twins in various sectors, showcasing their capacity to improve processes, product development, and sustainability initiatives.
Share:How Digital Twins Drive Innovation and Minimize Waste
5 min read

Discover how venture capital firms are shaping the future of product design — and why experienced design leaders need to be consulted to ensure creativity and strategy aren’t left behind. This article delves into the power VCs hold in talent acquisition and team dynamics, highlighting the need for a collaborative approach to foster true innovation.

Article by Darren Smith
How Venture Capital Firms Are Shaping the Future of Product Design, & Why Design Leaders Need to Be Part of the Solution
  • The article explores how venture capital (VC) firms shape product design by providing startups with critical resources like funding, strategic advice, and network access, but often lack an understanding of design’s strategic value.
  • It discusses the impact of VC-led hiring practices in design, which can lead to misaligned job roles, undervalued design leadership, and teams focused more on output than innovation.
  • The piece calls for a collaborative approach where design leaders work alongside VCs in talent acquisition and strategic planning, establishing design as a key partner to drive product innovation and long-term brand success.
Share:How Venture Capital Firms Are Shaping the Future of Product Design, & Why Design Leaders Need to Be Part of the Solution
8 min read

Discover the journey of design systems — from the modularity of early industrial and printing innovations to today’s digital frameworks that shape user experiences. This article reveals how design systems evolved into powerful tools for cohesive branding, efficient scaling, and unified collaboration across design and development teams. Dive into the history and future of design systems!

Article by Jim Gulsen
A Brief History of Design Systems. Part 1
  • The article offers a historical perspective on design systems, tracing their origins from early modularity concepts in industrial design to the digital era, where they have become essential for consistent user experiences.
  • It highlights the evolution of design systems as organizations sought ways to streamline UI and UX elements, allowing teams to maintain cohesive branding while speeding up development.
  • The piece draws parallels between the development of design systems and pivotal moments in history, especially in print technology, where breakthroughs transformed access and consistency. These precedents show how modern design systems evolved into essential tools for business value.
  • It emphasizes how modern design systems empower teams to scale efficiently, fostering a shared language among designers and developers, and promoting a user-centered approach that benefits both businesses and end-users.
Share:A Brief History of Design Systems. Part 1
16 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and