Illustration by

Gaming the System…and Winning

Good intentions usually drive the “gamification” of websites—adding points, badges, and leaderboards to make them more engaging. It sounds like a great idea, but borrowing game design elements out of context is a risky way to design experiences, especially experiences intended to bring users back to a site.

Article Continues Below

Not everyone wants to spend more time on your site just to get a badge; some people simply aren’t motivated by such extrinsic rewards. When game designers include elements intended to promote deeper engagement, they look at their users through a very different lens than those of us in web design. Understanding how and why they do this can help us craft more engaging web experiences.

A game designer and a web designer looking at the same user research will most likely come up with totally different personas. Talking about many people as though they were one person can be a strength;it gives a clear vision of who we need to serve. But it’s also a limitation because this method of clustering requires us to pick certain axes and disregard others. Web designers cluster people by their needs and abilities, but in doing so, we tend to disregard their personalities. Game designers are more likely to fixate on interaction styles; they embrace personality.

Let me show you what I mean. Pokémon Go has seen a meteoric rise in popularity since its release, possibly because of how well it caters to people with different personalities. In Pokémon Go, people who like to compete can “battle” in gyms; those who prefer to collaborate can go on “pokéwalks” together; and anyone with a drive to explore and push boundaries can try to “catch ’em all.” Even if a player enjoys all of these options, they’re likely to find one more motivating than the others. Ensuring that the game caters to each interaction preference enhances its appeal to a wide audience.

The same is true of web design. Adding gamification elements to draw in more visitors—but only elements that cater to competitive people—can overlook the wider audience. UX design that doesn’t target a variety of interaction styles is going to be hit-or-miss.

Game designers (and educators and psychologists) segment people in ways that complement web design and user experience. I’ve put together this guide to show you how they think and how (and where and why) we can use their models. Along the way, I’ll show how those models might overlap to create one bigger framework that we can use to pinpoint strengths and weaknesses in our designs.

Making it fun#section2

Emotional design—the practice of moving interfaces beyond merely usable—is a growing field of interest among UX designers. (I highly recommend Designing for Emotion and Seductive Interaction Design.) Unsurprisingly, game designers have a theory of fun, too.

A recent study performed a contextual inquiry of hardcore and casual gamers, plus interviews with their friends and family members, identifying four types of fun (PDF) that relate to interaction preference.

  • Hard Fun comes from pursuing a goal—earning rewards according to progress.
  • Easy Fun focuses on something other than winning. It encourages learning and emphasizes feelings of wonder, awe, and mystery.
  • The People Factor caters to interaction with others; the interface becomes a mechanism for social engagement.
  • Altered States attract people to engage in a social context to feel something different (e.g., to gain pleasure from acting upon or inciting those around them).

These styles are easy to spot on social networking sites:

  • Competing for likes or followers (as on Twitter) is Hard Fun.
  • Casually browsing to find humorous new posts (as on Tumblr) is Easy Fun.
  • Engaging with a social network to connect with other people (as on Facebook) is a People Factor.
  • People who experience excitement from messing with other people (as on Reddit) are enjoying Altered States.

Bartle’s four player types#section3

There are numerous ways of grouping people by interaction style, including Hallford and Hallford’s six categories of player behavior and Yee’s statistical clustering of three player types (PDF), but I find that these approaches roughly map to Richard Bartle’s 4 player types (particularly the three non-Troll ones). Bartle’s theory is among the most common approaches chosen by game designers (Fig 1).

Fig 1: Bartle’s player types are one common way that game designers segment player experiences.

Suppose you have an ecommerce site for people to buy snakes. An Achiever may be motivated to engage by extrinsic factors: How many snakes can she collect? How many reviews of snakes can she write? The Explorer may be motivated by learning more about snakes: What’s the length specification on the new python? Where can she read more about novel uses of snakeskin? The Socializer will be motivated by interactions with others: What types of snakes are her friends buying? Is there a discussion forum where she can connect with others over her love of snakes? And you’ll probably have to deal with a couple of teenaged Trolls who just want to make fun of everyone else’s snake-buying experience.

Bartle also examines pairwise interactions between player types. This leads him to the following sorts of conclusions:

  • The ratio of Achievers to Trolls is like the ratio of rabbits to wolves. When there are too many Trolls, the Achievers leave, but without interesting victims, the Trolls leave and the Achievers return.
  • Providing opportunities for exploration is key. When there aren’t enough Explorers finding new things and telling others about them, the Achievers eventually get bored and leave, causing the Socializers and Trolls to leave, as well.
  • Trolls keep the Socializer population in check. To reach the widest audience possible, a few Trolls are necessary because they keep the Socializer population from expanding exponentially and pushing out the Achievers and Explorers. (The only other stable equilibria involve fewer player types: either a balance of just Trolls and Achievers or else a community almost exclusively composed of Socializers.)

Motivating people#section4

Another way of segmenting people is by identifying what motivates them. At a recent conference, I saw a presentation of a study of a mobile fitness coach. The presenters said that people’s motivations for exercise tend to cluster into distinct categories. Bartle himself didn’t focus much on motivation, so it was fascinating to see how closely the presenters’ categories align with Bartle’s: one extrinsically motivated, one self-motivated, one socially motivated.

In addition to the two dimensions considered by Bartle (Players versus World and Acting versus Interacting), a third axis should be taken into account: the players’ motivations for choosing to engage. Unlike the binary nature of acting OR interacting with the player OR the world, motivations fall along a spectrum of intrinsic and extrinsic motivation (Fig 2).

Fig 2: Each player type falls on a spectrum from intrinsic to extrinsic motivation.

Ryan and Deci’s Self Determination Theory (PDF) is a framework illustrating how player types vary according to source of motivation (Fig 3).

Fig 3: Ryan and Deci represent levels of motivation.
(adapted from Ryan & Deci, 2000, p. 61)

How we can motivate people to engage with a site or app depends on where their interaction style falls along this spectrum. What player type we cater to also determines how likely people are to stick around.

  • We can motivate Achievers (or the Achiever side of people) by adding extrinsic metrics they can use to compete with others. Achievers, being extrinsically-motivated, will eventually grow bored and leave. Gamification techniques like points, badges, or leaderboards motivate Achievers extrinsically but can also give them a way to measure their growing competence (encouraging intrinsic motivation).
  • Explorers set their own goals and are self-motivated to interact with your website. Because they’re intrinsically motivated by enjoyment of the task itself, they tend to stick around longer. (Bartle says that changes in numbers of other player types doesn’t usually impact the number of Explorers.) To promote long-term engagement of Explorers, it helps to introduce unexpected achievements. Hinting that there are some Easter Eggs hidden in your site could be a great way to encourage explorers to stick around.
  • Socializers will stick around as long as there’s enough social interaction for them. We can motivate them by adding ways to add their own thoughts to site content, such as comments on an epublishing site or reviews on an ecommerce site. If they don’t get enough external feedback from other people, they’ll leave. Adding a way to “Like” reviews or respond to other users’ comments can help to provide this feedback.
  • Trolls set their own goal of annoying other users, but they require feedback from others to know that they’re actually being annoying. The expression “Don’t feed the Trolls” means removing this feedback loop, which we can do with moderation tools and community posting guidelines.

How you choose to present rewards will encourage people with different preferred interaction styles to engage with your product. Conventional cognitive psychology wisdom suggests that irregular rewards at irregular intervals motivate continued engagement most effectively. (Expected rewards can be problematic because if people know that a reward is coming, they may work for the reward rather than focusing on the task itself.) Yet, having a variety of expected rewards can help people set goals, thus promoting Achievers.

Helping people learn to use your site#section5

When we make fairly complicated sites, people may cycle through different player types as they learn to engage with them.

To see what I mean, consider the Experiential Learning Cycle of Kurt Lewin, which contains four stages (Fig 4).

Fig 4: Lewin shows how we learn.

Viewing this cycle through Bartle’s player types, it’s possible to align player characteristics with aspects of Lewin’s cycle: Achievers concretely experience the world, Explorers reflect upon what they see, Socializers abstract the world into a context they can discuss, and Trolls premeditate their approach to interactions. This mapping also works with Bartle’s axes (Fig 5).

Fig 5: Lewin’s learning model can be overlaid upon Bartle’s player types.

For example, someone coming to a large content site focused on do-it-yourself projects might initially be motivated to engage by their own experience with home improvement. Once they’ve engaged regularly with the site for a time, they might move to a more reflective mode, exploring more of the site. If they really get interested, they might join in the discussion forum, discussing projects with others, and this discussion will give them new ideas for projects they can create in their own life. Application of the ideas to the real world moves back to the Achiever quadrant, but may impact people in that world as well (the Troll quadrant). Thus, if we want people to engage deeply with a site or app over time (learning different aspects of it) it helps to support the many different interaction styles that people may use to engage while learning.

Making it engaging#section6

Of course, when we make websites, we often talk about supporting immersion through an experience of flow. Game designers again bring light to this form of interaction. Salen and Zimmerman, authors of the seminal textbook on game design, note that four parts of Mihaly Csikszentmihalyi’s flow model are necessary for flow to occur:

  • Challenge
  • Goals
  • Feedback
  • Control

All four player types need all four of these to engage fully, yet each prerequisite of flow might be aligned with a player type and learning stage (Fig 6).

Fig 6: Csikszentmihalyi’s four prerequisites of flow can be mapped to the same axes as Bartle’s player types.
  • Achievers seek challenge. (They don’t set their own goals as much as Explorers, but will tackle whatever extrinsic challenge you put in front of them.) Challenge is actively experienced.
  • Explorers set their own goals to create challenge for themselves. These goals project into the future with reflection upon observation.
  • All players need feedback from the game, yet Socializers thrive upon feedback from other players.
  • Trolls seek control. (To prevent trolls, building in some form of moderation system is a way of taking away their control.)

For example, a photo-sharing site might create an immersive experience by challenging people to upload a certain number of photos, letting them set their own goals for organizing content, allowing other people to give feedback about the quality of the photos or collections, and giving everyone a comfortable sense of control over their own photos and collections. Introducing artificial difficulties, like saying “Try only uploading black and white photos this week” can make the experience more game-like, presenting a challenge that people can choose to use as their own goal or not.

Bringing it all together#section7

Here is a fully overlaid model based on my own interpretation of how they’re related (Fig 7).

Fig 7: All of the models can be overlaid upon each other to form a diagnostic tool.

This model might be expanded further using other four-part models from game design such as Hallford and Hallford’s four reward types or Callois’s four game types. To examine how people progress through the learning stages, we might overlay David Kolb’s Experiential Learning Cycle (which is built upon Lewin’s model for learning).

I haven’t tested all the variables here, but I hope that this grouped model can be a useful diagnostic tool, as I’ll show with the following three examples. (If you encounter evidence supporting or refuting this way of overlaying the models in your own work, please leave a comment at the end of the article explaining what you’ve found.)

The model suggests that if a new feature does not succeed right away, it may largely be due to the interaction styles of the people engaging with the site or app. For example, on a start-up site I worked on, the most engaged users were the ones who had created their own reviews. When we added a discussion forum, it initially didn’t get a lot of use. One possible diagnosis of this slow beginning is that most of the people we’d attracted were Achievers, who learned through their own experiences and enjoyed the challenging hard fun of seeing who could write the most reviews. We dialed back the discussion experience to focus the site more directly on these Achievers. Another approach might have been to add a competitive element to the discussion itself; you’ve probably seen forums that rank their participants, which is a way of luring Achievers to be more social (and thus creating a more diverse community for Socializers).

The Troll quadrant is certainly the one least directly mapped to by other models. One possible explanation of this is that we try not to design for Trolls. An explanation I consider more likely is that in a socially-moderated setting, there’s little opportunity for Trolls to exist. If your site is having difficulty with Trolls, the model suggests that making it more difficult for people to act upon people can mitigate the problem. Moderation tools can take away the control that trolls require, making it difficult for them to create altered emotional states.

Bartle found that Explorers are rare and difficult to attract, but necessary for the long-term survival of a site. They’re the ones who try out new features to give the rest of the community things to do and discuss. One conventional approach to trying to increase site engagement is to add “gamified” elements, such as points, badges, and leaderboards. But such an approach may actually harm long-term engagement because such extrinsic motivators are unappealing to the Explorers who help the community evolve. Looking at what interaction types a site appeals to and then adding elements to appeal to others can help the site to grow a well-rounded, sustainable audience.

There’s much more that can be brought from games to make the web fun and meaningful. I hope that a greater understanding of how game designers make experiences engaging can empower web designers to craft a more intriguing and inviting web for a wide variety of people.

12 Reader Comments

  1. Great article and well done job of blending theories. Disappointed to see the ageist comment. My experience has been that Trolls come in all ages. Since you suggest Trolls have a purpose, maybe that comment was a “plant” meant to draw them out!

    Either way, really enjoyed your article- will share with others and incorporate into my fledgling web presence.

  2. @WizardDr, by “the ageist comment,” I’m assuming you mean “deal with a couple teenaged Trolls.” Thanks for bringing that to my attention; you’re right that it is ageist to assume that Trolls are teenagers. I’ll have to re-evaluate how I think about that.

  3. My feeling is that often, UX of websites are mostly overthought. It’s like some people have almost too much time thinking about that stuff when most of the time, simple design really is the best. Thanks for the thorough article though !

  4. @TourEiffel, I agree that action is better than overthinking. I find that these models can be used as diagnostic tools to quickly identify general areas for research and design.

    Suppose you’ve identified a specific problem you want to solve; let’s say you have a “sharing economy” site to get parfaits delivered on demand and the buyers aren’t coming back to rate the deliverer’s service. For people to return, they have to be motivated when they get the trigger to return. A quick glance at the motivation part of the model says that the people most likely to respond to an external trigger are the achievers, who require challenge. So to bring them back, you could test out sending an email with some sort of challenge, perhaps tied to an extrinsic reward, such as site credit. “Rate your parfait delivery and win $1-3 in credit for your next purchase.” Once you’ve used the model to identify something to test, the thinking’s done and the action begins.

    Mind you, Achievers (with their extrinsic motivation) are probably the easiest to reach (which I think accounts for the prevalence of points, badges, and leaderboards). So let’s take a moment to wonder what would have happened in the example above if instead of targeting Achievers you decided to aim at the opposite end of the motivation spectrum and target Explorers. Explorers are the most likely to engage with the content for the content’s sake. So to bring them back, you could build curiosity into your service. With the parfait’s delivery, you might give the customer a puzzle or a question about an obscure fact from parfait-making history. To find the answer, they could click on a link that takes them to the answer on a page to review the service. Once again, the model took only a moment to think about, and you have a new hypothesis to test.

  5. Wow, I wish that I’d had this article on hand about three years ago when I was assigned to “gamify” a suggestion tool for a customer support department. We were well on our way toward teasing out the kinds of information you have in the bottom grid when a technical issue resulted in project cancellation — had we had this quality research we might’ve found ways to solve the problem that didn’t involve trying to get two vendor products to talk 😉

    Seriously, well done! I’m saving this one. Thank you!

  6. This is the type of ideas my clients often come up with without knowing exactly what the consequences are or knowing there are dangers in this.
    I’d rather just keep it simple instead of adding flashy stuff like adding points, badges, and leaderboards.

  7. Very interesting! I had no idea there was so much science to this. The gaming industry has just earned a new level of respect from me.

  8. Although I never like seeing trolls on my websites, got to be honest, they do stir the convesration and get people to be very engaged with the commentary. I mean. for example, look at Ken M. He says a lot of pointless stuff for comedic purposes online, but by doing so, it gets people to engage with the article and gets more people involved, talking, and reading the article than would have. I agree with your point that trolls are sometimes necessary.

  9. Although I never like seeing trolls on my websites, got to be honest, they do stir the convesration and get people to be very engaged with the commentary. I mean. for example, look at Ken M. He says a lot of pointless stuff for comedic purposes online, but by doing so, it gets people to engage with the article and gets more people involved, talking, and reading the article than would have. I agree with your point that trolls are sometimes necessary. http://gtasanandreasapkdownload.com/

Got something to say?

We have turned off comments, but you can see what folks had to say before we did so.

More from ALA

I am a creative.

A List Apart founder and web design OG Zeldman ponders the moments of inspiration, the hours of plodding, and the ultimate mystery at the heart of a creative career.
Career