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

Building digital products for the web’s next billion users
  • Connectivity issues are further inflated by accessibility gaps. This, in turn, undermines user experience and creates obstacles for the wider use of digital products.
  • When designing for users, it’s worth considering such issues as poor connectivity, accessibility constraints, levels of technological literacy within different countries and cultural barriers.
  • In order to satisfy the needs of the next 3 billion users, it’s vital to build inclusive and accessible products that will provide solutions to the critical problems the next generation will face.
Share:Building digital products for the web’s next billion users
The Liminal Space Between Meaning and Emotion
  • To innovate well is to search for meaning behind the innovation first. This requires investing time into discovering what users need and think of unique ways to serve them and better solve their problems.
  • Emotions are widely misunderstood in UX design and often manipulation is used to predict user behavior. However, a much better approach to UX design is storyscaping, which aims at empowering users, rather than controlling them.

Read the full article to learn more about liminal space and how to apply this thinking to your design.

Share:The Liminal Space Between Meaning and Emotion

Stop frustrating your users. Invest in notification strategy instead.

The UX of Notifications | How to Master the Art of Interrupting
  • As part of UX, notifications are key to leading the user to a better interaction with the product. Therefore, notification strategy should have a central role in UX design.
  • A good starting point is to create a user’s journey map and identify major pain points. This should serve to understand when and where notifications might be of help, rather than create confusion.
  • It’s a good practice to use a variety of notifications and provide the user with opt-outs so they don’t feel overwhelmed.
Share:The UX of Notifications | How to Master the Art of Interrupting

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