Gamification In UX – 3 Examples Of Using Gamification In UX

What a buzzword, right?! Not really. Gamification in UX predates what we thought of as its beginnings.

Origins of Gamification and UX

Even though the term “gamification” made its appearance in 2008, it didn’t gain popularity until 2010. It had popped into our lives long before we started to pay attention to it.

“UX” falls in the same category, as Donald Norman mentioned the term “user experience” for the first time in 1993 (when he changed his title from User Interface Architect to User Experience Architect).

Why use gamification in UX?

Until then, people considered it part of engineering, design and customer service.

We can read about how gamification improves

Gamification sounds like a superpower, a magical tool that fixes almost everything. We know such things only occur in fairy tales, but there must be something to it. Some may jump in with statistics and numbers to corroborate the success of a motivational design featuring gamification.

Numbers are great, sometimes even too great. As British Prime Minister Benjamin Disraeli allegedly said, “There are three kinds of lies: lies, damned lies, and statistics.”

Gamification used to resemble a hype train but seems to have been losing steam in the past few years. So why still treat the subject gamification in UX? It taps into universal motivations that drive our behavior.

Here at our UX company, we think that when creating user experience, a well-built motivational design makes gamification indispensable. And when we deliberately aim to implement motivational elements and methods that boost motivation, we are gamifying.

Three applications highlight elements which typify good examples of gamification in UX.

Gamification in UX at Dropbox

Dropbox knows how frustrated users may get when they need to put extra cognitive effort into learning a new system. That explains its nice onboarding flow that helps newcomers in several ways:

  1. The tooltips describe the necessary steps to complete each task that pop up upon mousing over each line
  2. The “Hide the Get Started tab” option in the bottom left corner controls the interface. This recognizes not everyone likes to play, and control itself creates engagement.
  3. The ‘Upgrade’ option in the top right implies its positivity and that it will reward the user through the simple use of the star icon.

Gamification In UX - Dropbox

Most importantly: Dropbox rewards users with the exact same thing that they downloaded and installed Dropbox for in the first place: storage space (for sharing).

To gamify a system, start by rewarding users with the thing they use the application for.

Gamification in UX at Trello

I always start off a bit anxious when I have to go through a to-do list. Most to-do list systems don’t show progress or give a sense of accomplishment. The more tasks that pile up, the less likely their achievement becomes.

At first, I had reservations using Trello, but it turned out a notable exception. It combines Kanban methodology with the binary “done” and “not done” approach, making progress visible, and intermediate states differentiate tasks started from those not. As a binary to-do list doesn’t show them, it becomes crucial in overcoming the most difficult challenge, starting a task.

Gamification In UX - Trello

Dragging and dropping cards across stacks feels natural and gives the feeling of actually moving a task forward. And most importantly, it leaves a stack of “done” cards indicating achievements with the help of color-coding (red – due task, green – finished).

Moving and arranging them may create a habit loop that motivates more achievement. It requires no points, badges or leaderboard – the intrinsic reward of seeing a task done suffices. Trello’s secret motivational weapon lies in letting users see what they have achieved, not only the tasks that need solving.

Gamification in UX at Sublime Text

This example may cause some confusion, as it looks like just a simple text editor without any sophisticated options for writing code. And it is. Probably not even the product team thought of gamification when creating it.

That makes Sublime Text such a brilliant example: gamification does not just make a game out of anything, it rather aims to infuse motivational elements from games into a non-game-like environment (such as a text editor for coding).

The hidden duality in Sublime Text makes it more interesting. It gives power users nice tools for enhancing productivity while keeping the interface incredibly simple for novice users.

Anyone can use it at its full capacity from the first moment, but they must literally discover these controls, as most hide in menus and do not explain themselves at all. Track the different choices made and the extensions and customizations used. Greater familiarity with the tool leads to finding better tricks. Over time, the habit loop improves productivity while making the experience quite addictive.

Gamification In UX - Sublime Text

The secret motivational weapon of Sublime Text lies in its sense of discovery and mastery. A fun-to-use simple text editor, it rewards users with the mastery of the system just by using it and discovering usability Easter eggs.

It beautifully exemplifies how to apply gamification without straining shallow rewards such as points or levels on the users. The satisfaction of achieving a certain level of mastery comes from the discovery of the system itself.

4 Takeaways of using gamification in UX

1. Make the users feel smarter

Enhance the tasks the user already has to do by removing obstacles and barriers. Guide them by hand the first time, then let them do it themselves. Avoid a patronizing tone and keep congratulations to a minimum.

2. Show user progress

Show achievements in an objective, rational way. Remind them subtly of their starting point.

3. Flow is critical

Cut out interruptions. Let users immerse themselves completely in a task. Offer discrete feedback on the current status. If possible, let users lose their sense of time. Motivation makes time fly.

4. Don’t force gamification

This should be pretty obvious by now. Imposing a game onto existing social or behavioral dynamics makes everyone feel awkward. Real games are fun precisely because people want to play, not have to. This distinction can make all the difference.

Sharing makes up an important part of our lives. It helped us survive and nowadays it most commonly occurs in social media to

  • Reveal valuable and entertaining content to others,
  • Define ourselves to others,
  • Grow and nurture relationships,
  • Allow for self-fulfillment,
  • Get the word out about brands and causes we like or support.

Gamification In UX - Takeaways

Summary: Gamification in UX

Using gamification in UX doesn’t mean just turning things into games, rather implementing or enhancing motivational factors that help users through their journey and adding some fun.

Have you ever used or created any product using gamification in UX? Tell us about your experiences in the comment section below!

If you are also interested in Product Design processes, we recommend you to check our free e-book, the Product Manager’s Guide to UX Design.

And there is an additional reading for you! Check out our Product Design book too! We ship it worldwide.

Dan Damsa

I'm an insight junkie UX researcher who lives and dies for a good find. The previous line is there because it had the best multivariate test results.

Improve user experience in your product

Download our Guide
The Product managers' guide to UX design