The Community Of Over 578,000

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

How to Game Friction for Better UX

by Clint Schnee
Share this post on
Share on twitter
Tweet
Share on linkedin
Share
Share on facebook
Post
Share on reddit
Share
Share on email
Email
Share on print
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.

Share on twitter
Tweet
Share on linkedin
Share
Share on facebook
Post
Share on reddit
Share
Share on email
Email
Share on print
Print

Related Articles

The road to a good customer experience can be full of potholes. How do you navigate such a treacherous path? One key way is through product thinking.

What is product thinking and why does it matter?
  • Product thinking is key to shaping the best customer experience possible as it helps to identify problems and solve them.
  • By providing a holistic perspective on a product it differs from design thinking and reveals the real product value for customers.
  • Because of its strategic importance, every team member should hone product thinking skills. It’s more than a working framework, it’s a mindset, a culture of customer experience.
Share:What is product thinking and why does it matter?

“Holistic design” sounds like a new flashy trend that’s used without a real meaning behind it. However, the term was present long before UX design was born. Nowadays, when we use “product design” for digital products and “industrial design” for things, “holistic design” makes a comeback to UX design.

What Is Holistic Design? The Future of UX or a Buzzword?
  • To apply holistic design principles is to consider different facets of a product, stakeholders’ interests and the environment within which it functions.
  • Best practices of holistic design consist of involving stakeholders, being sustainable, creating an ecosystem, and, last but not least, going beyond digital.
  • When it comes to holistic design in UX, it’s essential to apply design thinking and reflect on the design system, make sure that solutions are inclusive and consistently invest in UX research.
Share:What Is Holistic Design? The Future of UX or a Buzzword?
Frame 1 Holistic Design

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