Flag

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

Home ›› Consumer products ›› How to Game Friction for Better UX

How to Game Friction for Better UX

by Clint Schnee
5 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Friction serves different purposes in game design and experience design, and practitioners in each camp can learn a thing or two from the other.

No one likes friction. Friction slows things down and makes us work harder. Sometimes it makes sparks fly. Bright minds have been busy for centuries fighting it everywhere: from the first wheel to fighter jets and high-speed trains (and, more recently, the Hyperloop). Too much friction can cause our best inventions to burst into flames.

In the world of experience design, we’re just as busy fighting friction. But just like friction can help us in the physical world—to stop your car at a red light for example—there are times when we need friction in user experience.

We just need to put it in the right place.

Gaming the System

I’ve spent the better part of my professional life working on games for kids. During this time I’ve crossed into the field of user experience and interface design, and as my exposure to these practices increased, I discovered the gaming industry wasn’t at the forefront of innovation or adoption of UI/UX best practices.

I play an increasing number of games for “research purposes” and am often surprised at the low level of sophistication in many of the interfaces. This is especially puzzling considering the bread and butter of the games industry is experience—not utility.

In the past, armed with UI/UX ideas, I did my best to apply them broadly on game projects. This quickly created controversy with game designers who insisted I was “sterilizing the fun right out of it.” Friction ensued.

Friction in Many Forms

In experience design, friction is the stuff that makes us stop and think, which we generally hate. It’s the barrier standing in the way of our goals—the resistance that slows us down.

UX friction comes in many forms: baffling terminology, distracting visuals, hidden and unneeded features, time delays, and too many steps. Friction is basically everything people complain about when they find technology difficult. Friction makes a user work. It is the opposite of “effortless” and “intuitive.”

With apologies for the generalization: the central premise of UX design is removing friction. It is a streamlining exercise. At its core, it’s identifying and removing points of friction: easing the lives of real humans in actual places. Making experiences straightforward and lovely for people in spite of their myriad worldviews, individual contexts, and life stories.

So UX designers heartily take up the cause: friction is evil and must be fought by any means. But in games it is a different story. For the most part, game makers have missed the memo. In games, not all friction is evil. But sometimes it’s misplaced. While they might have different words for it, friction is often more than tolerated—it’s welcomed.

Only recently have I realized that this difference in perspective has been the spawning point for many conversations and (a few) heated debates with game designers and developers.

Software Tools = Low Friction

I like to consider software products and apps as digital “tools.” They are typically made to help the user solve a real-world problem. And this is the crux of it: real-world problems have plenty of their own friction. Therefore the tools we make to solve these problems must add the lowest possible amount of friction to the user experience.

Removing friction doesn’t require the removal of delight

High-friction digital tools are quickly abandoned or replaced—or avoided altogether. For this reason many project managers will use a few pounds of post-its to manage their teams. And despite the proliferation of to-do, food, and grocery apps—and the constant companionship of her iPhone—my wife prefers her grocery lists on scrap paper. Sometimes paper is simply easier to use.

So we find the success of UX for digital tools rests largely on a lack of friction. Not so with video games.

Game UX = Friction in the Right Place

Video games are not tools: they are entertainment. And like all entertainment, they inherently contain conflict. Even the mildest classical pieces have cycles of tension and release.

Entertainment by its nature is the combination of conflict + resolution, assonance + dissonance. It is not simply amusement. Entertainment is an artificial experience that provokes real emotion and memory. If it’s done well, we are sympathetic to its conflicts and resolutions—as if they were our own.

This is what makes video games especially enjoyable entertainment. Unlike most alternatives (which rely on vicarious involvement), video games are participatory. And so we find that video games require friction (conflict/tension/difficulty) in the user experience.

The challenge when designing UX for games is not the removal of friction; it’s getting the right amount into the right places.

Doing it Both Ways

Both of these streams of UX practice can borrow from the other.

If you work in games, identify the parts of the experience that contribute to the core tension/release cycle. Maintain the right kinds of friction in the game experience that are actually rewarding to resolve—and strive for ease of use everywhere else. Striving to figure out if the system accepted your input, where to reset your password, and fighting to click a microscopic hit area are not problems people feel good solving. Save the puzzling for the gameplay.

If your work is the creation of information or productivity tools, there are at least two things to learn from game UX. After you’ve removed friction from everywhere you can find it, there will be parts of the experience that are less awesome than you like, but inevitable. Offset these known friction points with rewarding content or visuals. Classic examples are Twitter’s “fail whale,” displayed when the site experiences an outage, and myriad clever 404 pages.

Slack interface

The second thing software tools can borrow from game UX is the reward of task completion via satisfying and affirming feedback. This feedback should be subtle and unobtrusive. Small details can yield a significant emotional response just by simply using a site or product. Two great examples of this principle are the tone of copy throughout the Slack interface and the UI sounds of Tweetbot for Twitter. Removing friction doesn’t require the removal of delight.

Helping a user solve problems—real or fictional—exposes them to cycles of tension and release. Lets do our part to make these as beneficial as possible.

What are your tips for managing friction in game or software experiences?

Image of train tracks courtesy Arne Hückelheim.

post authorClint Schnee

Clint Schnee
Husband, dad, design guy, poet, and empty-handed fisherman, Clint is a lifelong maker and inventor, with interests ranging from fine art and silversmithing to honing his handyman skills. Passion for the visual arts eventually won out and propelled him into a career in design. Clint is best-known for his design leadership at Club Penguin, where he built a world-class design group across four studios and three continents. He has since been working as a UI/UX consultant and in-house for game and software companies such as Hyper Hippo Games, PRIVO, and ProSmart Sports. Some of his other achievements include art direction of multi-language marketing campaigns, spearheading a global guidelines program and developing user interface best practices. However, he is most proud of successful trips to the grocery store with his four boys.

Tweet
Share
Post
Share
Email
Print

Related Articles

This article explores how design systems have evolved over the past decade from static guidelines to dynamic tools essential for consistency and efficiency in the digital age. It highlights the growing importance of frameworks that streamline collaboration, support scalability, and ensure cohesive experiences, paving the way for AI-driven design practices.

Article by Jim Gulsen
A Brief History of Design Systems. Part 2
  • This article examines the evolution of design systems in recent years, emphasizing key developments in digital design workflows.
  • It explores how design systems have progressed from static guidelines to dynamic frameworks that drive consistency and scalability across platforms.
  • The piece discusses how design systems empower organizations to enhance collaboration, improve efficiency, and maintain cohesive experiences, setting the stage for AI-driven, dynamic design practices of the future.
Share:A Brief History of Design Systems. Part 2
18 min read

AI is reshaping the role of designers, shifting them from creators to curators. This article explores how AI tools are changing design workflows, allowing designers to focus more on strategy and user experience. Discover how this shift is revolutionizing the design process and the future of creative work.

Article by Andy Budd
The Future of Design: How AI Is Shifting Designers from Makers to Curators
  • This article examines how AI is transforming the role of designers, shifting them from creators to curators.
  • It explores how AI tools are enhancing design processes by automating routine tasks, allowing designers to focus on strategic decision-making and curating user experiences.
  • The piece highlights the growing importance of creativity in managing AI-driven systems and fostering collaboration across teams, ultimately reshaping the future of design work.
Share:The Future of Design: How AI Is Shifting Designers from Makers to Curators
5 min read

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