Your Guide to Creating Compelling Newsgames

    by Sisi Wei, ProPublica
    September 25, 2013
    Newsgames, like those pictured from the New Yorker, the New York Times, American Public Media and ProPublica, have the potential to teach readers complicated topics.

    Journalists can learn a lot from videogames. Games can help players explore unfamiliar worlds and experience stories, almost literally, through the eyes of another person. Designed well, videogames guide players to feel emotion and conflict, as well as learn the intricacies of complex subjects and systems. They engage users in a highly meaningful, memorable and influential way.

    But videogames don’t require an expensive console system or high-end computer. They can be powered up on our smartphones and on Facebook, and many people who would never call themselves gamers are playing games and getting familiar with how the medium works. And it’s not all just escapist fun — there’s a community dedicated to exploring how games can be used in education.

    "For journalists, games can be a great tool for us to use to reach, inform and engage our readers."

    For journalists, games can be a great tool for us to use to reach, inform and engage our readers.


    Andrew DeVigal, director of multimedia at the New York Times for six years, talked to Wired magazine about how to push the boundaries of reader engagement. He said:

    There’s a Chinese proverb, “Tell me and I’ll forget; show me and I may remember; involve me and I’ll understand.” When I talk about multimedia I do think about “Show me and I may remember.” You hear a compelling voice or see a compelling image and you’ll remember, but you may not totally remember until to you are involved with the story.

    So in our mission to help our readers understand complex subjects, how can we get games to do the heavy lifting?

    Videogames Let Readers “Play” a Story

    Games mock realities that, at their best, can make players feel an emotion more powerfully than any other medium. You are the on-screen actor, and you control the game’s plot through your actions. Having control means you’re responsible, within obvious bounds, for what happens in the game, so achievements, failures, consequences and the emotions those come with, belong to you.


    This feeling of owning consequences is what’s at play in a game called Sweatshop. It simulates the life of a sweatshop manager, and in the face of the daily pressures, the player’s moral compass begins to lose its bearing. Betsy Morais wrote, in her New Yorker piece about playing Sweatshop, that “as I continued to play, I began to skip past … the interjections of a child worker who popped up at the bottom of the screen to plead for decent treatment. …The longer I played, the more each moving part — workers, children, hats — became abstracted into the image of one big machine.”

    Understand what it means to be a part of the sweatshop system by playing Sweatshop.

    Sweatshop is part of a new breed of games called “social impact games,” designed to bring about societal change of one sort or another, and created by indie game developers, non-profit game studios and university labs. Simon Parkin, a videogames journalist at the Guardian and one of the game designers for Sweatshop, explains why he thinks the game is effective:

    Whereas a film documentary might piece together the sweatshop story through footage and anecdote, the game allows players to experience the system from the inside with all its cat’s cradle of pressures and temptations.

    Simulations games like Sweatshop create a mock reality that lets players come very close to experiencing something first-hand — close enough to confront the pressures and emotions of the real thing. When used to inform the public, such games provide a unique strength: generating understanding through emotional involvement.

    Two components of game design are the storyline and the mechanics. The storyline of Sweatshop involves the sometimes difficult choices facing the middle-manager of a sweatshop — do I always treat my workers ethically and risk my job (a.k.a. losing the game), or do I force them to work at double speed, make more money and keep my boss happy?

    Along with a strong storyline, a game needs well-designed rules governing what actions players can take. These rules are referred to as “game mechanics.” Well-designed game mechanics can elicit the same emotions evoked by a well-crafted narrative news story — for the right player, the emotional impact of a game can be even stronger.

    Good games evoke base emotions like surprise, fear, disgust and wonder in those who play, but they can also elicit more complicated emotions, such as the feeling of triumph after great adversity. Players report in studies that “games can lead to a state of frustration, panic, exhaustion, exuberance, and suspense. Then, anger, spitefulness, relief and worry …”

    All of this is why we love games, and it’s a powerful argument for using them to tell news stories. Our job as journalists is to inform the public. By using emotion and empathy, games allow us to inform readers in a new way — and one in which they both remember and understand.

    Games Journalists Have Already Made

    In 2008, American Public Media published a popular simulation newsgame called “Budget Hero,” which asks players to build a federal budget that can stay balanced over the next 30 years. The game is kept up-to-date regularly — for example, it takes into account the January 2013 fiscal cliff — and if you play the game without making any budget changes, the game displays a real projection of how current federal spending affects the budget over the coming years.

    Budget Hero by American Public Media

    One of the most engaging parts of the game is how Budget Hero helps players understand the complexities involved in each budget decision. Every argument for and against a policy, as well as its impact, comes from extensive reporting, data and modeling work. None of the decisions provide an obvious and easy “right” thing to do, and arguments for and against each decision are very compelling. Players are forced to make tough calls, and are kept well-informed of the consequences.

    One of my favorite newsgames is New York Times’s Gauging Your Distraction by Gabriel DanceTom Jackson and Aron Pilhofer, which asks players to drive and text simultaneously, and requires you to do both well. Throughout the game, players must maneuver between six lanes as directed, all while texting corrected-spelled messages back to a friend.

    See how well you can drive while texting. Gauging Your Distraction, by the New York Times.

    At the end of the game, players find out their reaction time and how it compares to the averages, and many feel compelled to play again to improve their score, thus giving the game great replayability. Perhaps unsurprisingly, texting while driving can take a horrible toll on your reaction time, and an even worse toll on your attentiveness to anything other than your phone. Play the game to see what I mean.

    Both of these simulation games are great examples of “show, don’t tell,” but also of how to “involve” players in the story itself.

    Newsgames Aren’t Much Harder to Make Than Interactive Graphics

    Making a newsgame isn’t that much different than making an interactive graphic, and the technology doesn’t have to be very different from what we already use.

    For example, at an Editor’s Lab hackday focused on “Newsgaming” in New York City a few months ago, Al ShawAmanda Zamora and I created a newsgame called HeartSaver.

    Players are shown a map of New York City, and are tasked with getting as many heart attack patients to emergency care facilities as possible. We simulated two additional obstacles into the game. First, different hospitals and facilities have different heart-attack survival rates. Second, the amount of time spent in transportation to the ER also affects a victim’s chance of survival. We used the best data we could find in two days, including querying the Google Transportation API for real transportation times between two locations, and data from the Emergency Medicine Journal on survival rates for heart attack patients. Using real world information in the game not only makes it more powerful and effective, it puts the “news” in newsgame.

    When we were testing the game, we took away one lesson very early on. Certain outer boroughs of NYC have no nearby emergency rooms. When heart-attack victims showed up in those areas of the map, we struggled to find the best hospital to send them to, because every facility was far away. So we made that one of the key things players learn while playing the game. Though HeartSaver only lasts 15 seconds, we were able to communicate a very memorable and powerful message.

    If the hackathon had lasted another 24 hours, we would have pursued our plans to add an interactive graphic readers would see after the game. Once you’ve experienced the problem for yourself, it’s only natural to wonder your own distance from the nearest emergency room, and how well that ER rates in heart-attack care. A good interactive could do that.

    Technologically speaking, HeartSaver was just a few files of HTML, CSS, Javascript, some custom icons made in Illustrator, and free sound files off the Internet. Coming up with the concept and designing the game was the harder part.

    Designing a Game

    If you are inspired to try this yourself (and I hope you are), keep these four game design rules in mind. There are exceptions to almost every one of them, but they’re a good guide to getting started.

    1. Make your game fun.

    When you’re designing and testing the game mechanics, ask yourself if playing your game is actually fun, no strings (or learning) attached. No matter what it is you’re trying to teach players, or guide them to experience, if the mechanics aren’t fun, or if the content isn’t compelling, they won’t finish playing. Or, they’ll play once, tell no one, and never return.

    2. Your game must have an objective.

    Without an objective for players to accomplish, a newsgame is really just an interactive graphic. Games with no goal, and even more so those with no message, can easily make players feel bored and aimless, which will only cause them to leave the page, or quit your game.

    3. The result of the game should not be predetermined.

    A player’s actions should influence his or her fate in the game. If regardless of her choices, a player will always meet the objective, or reach the same ending, then the game won’t be challenging or meaningful. With real (or even semi-real) stakes in the game, players will be actively engaged.

    4. Give people a reason to play again.

    Games should invite players to play again — whether they want to improve their score, encounter harder challenges, or discover something new. If “content is king” in journalism, replayability is king in gaming.

    Newsgames ≠ Gamification

    It’s easy to confuse games with gamification; the words are a bit similar.

    Gamification adds game-like elements to activities that are not really games. Foursquare is an excellent example. The service encourages you to check-in to a location while you’re there in real life, which gains you points and mayorships and badges, and then asks you to compete with your friends. But there’s no real goal, no plot and no undetermined future that depends on your actions as a player.

    Frequent flier miles and credit card reward points as gamification too, but these systems aren’t games either.

    Full-fledged games allow players to take actions that determine whether they successfully accomplish pre-set goals. They use story and character to connect with players emotionally and they test a player’s creativity, strategy and dexterity in completing challenges.

    Developing a Game

    You don’t need to start from scratch to create a game. There are many ways game engines and gaming libraries can get you started. Here are two options I’d like to highlight.

    1. Twine

    This free tool helps you create choose-your-own-adventure-stories, and requires no coding at all. If you need help using the software, Twine has screencasts to help you use it. At the end of the process, you simply click “Build Story” and Twine will generate a simple HTML file for you to upload to your website and publish.

    In 2013, a game titled Depression Quest was created with the Twine engine, and it made a big effect on the depression community. Zoe Quinn, one of the creators of the game, told IGN that after it launched, Depression Quest received “an outpouring of letters from people suffering from it who were touched by it, including several people who started taking their medication again after playing the game.”

    The game has two goals. First, to educate those not suffering from depression and help them understand “as clearly as possible what depression is like.” Second, to help those who suffer depression understand that they are not alone. This game is also a great example of when to break the “make your game fun” rule. Playing Depression Quest is the polar opposite of what we’d normally consider a fun activity. But the game captures your attention because of how well it presents a real and deep experience.

    2. ImpactJS

    When Al Shaw and I were programming HeartSaver, we started out with a blank page. Less than 24 hours later, we had a simple, quick-play game powered by the same tools that power our interactive graphics: HTML/CSS, Javascript, jQuery and some Google APIs.

    If you don’t want to start from scratch like we did with HeartSaver, there are a few free and paid Javascript frameworks for creating web games. One I’d like to highlight is ImpactJS, an HTML5 game framework. Games created with this engine will work on modern browsers, and ImpactJS comes with an easy way to port your Javascript code for use on iOS. The Impact game engine and license cost $99.

    At the same hackathon where we created HeartSaver, the Wall Street Journal team made up of Roger KennyLakshmi Ketineni and Sarah Slobin created The Federator, an economic simulation game that was programmed with ImpactJS.

    For those looking for free alternatives, CraftyJS is another Javascript framework I’ve dabbled with, and have found quite intuitive.

    Want to Learn More?

    There are many places to turn. While some of these resources are not focused on newsgames specifically, they’re helpful for understanding game design overall.

    If you want to read (or watch) more of what I’ve said about newsgames, see the links below:

    This post was originally published on ProPublica’s Nerd Blog and used here under Creative Commons and the author’s permission. 

    Sisi Wei is a news applications developer for ProPublica. Previously, Wei was a graphics editor at the Washington Post, where she designed and developed interactive graphics.

    Tagged: games gamification journalism new york times new yorker newsgames propublica Sisi Wei

    Comments are closed.

  • Who We Are

    MediaShift is the premier destination for insight and analysis at the intersection of media and technology. The MediaShift network includes MediaShift, EducationShift, MetricShift and Idea Lab, as well as workshops and weekend hackathons, email newsletters, a weekly podcast and a series of DigitalEd online trainings.

    About MediaShift »
    Contact us »
    Sponsor MediaShift »
    MediaShift Newsletters »

    Follow us on Social Media