SlideShare a Scribd company logo
ulfgruener.de | 20151
Storytelling
& Gamification
ulfgruener.com/edu
ulfgruener.de | 20152
look into
the engine
room
ulfgruener.com/edu
ulfgruener.de | 20153
what could we learn
from Gamification to
improve our storytelling?
ulfgruener.com/edu
ulfgruener.de | 20154
1. introduction
2. example & analysis
3. how to: a thesis
ulfgruener.com/edu
ulfgruener.de | 20155
1
introduction
ulfgruener.com/edu
ulfgruener.de | 20156
Storytelling
s
brains only light up
when they detect a story
–- particularly if it evokes
emotion.
http://www.reachstoryu.com/about/ ulfgruener.com/edu
ulfgruener.de | 20157
that's why we need
to intensify storytelling
ulfgruener.com/edu
ulfgruener.de | 20158
not an entirely new way to do so:
use games &
learn from games:
• newsgames
• editorial games
• persuasive games
• immersive storytelling
ulfgruener.com/edu
ulfgruener.de | 2015
2013
ulfgruener.com/edu
the first book
on newsgames:
MIT Press, 2010
& "How to Do Things
with Videogames"
2011
bogost.com
ulfgruener.de | 2015
journalism conference
discussing newsgames:
London, 2011
ulfgruener.com/edu
ulfgruener.de | 201511 ulfgruener.com/edu
a reader should
“develop a deeper sense of
the underlying themes
of a story” by playing a game
journalism conference
discussing newsgames:
London, 2011
ulfgruener.de | 2015
http://interactive.aljazeera.com/aje/2014/piratefishingdoc/
ulfgruener.de | 201513
... but:
in real life?
How to use Gamification
in everyday storytelling?
For non-fiction storys?
ulfgruener.com/edu
ulfgruener.de | 201514
How to use
the techniques
of Gamification in
our newsroom for
immersive storytelling?
ulfgruener.com/edu
ulfgruener.de | 201515
2
example
ulfgruener.com/edu
ulfgruener.de | 201516
. bushfires in Australia
. family escapes
by jumping into a lake
and waiting under the
landing stage
ulfgruener.com/edu
ulfgruener.de | 201517
. onepage storytelling
parallax
. linear
. multimedia
ulfgruener.com/edu
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015ulfgruener.com/eduhttp://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 2015ulfgruener.com/eduhttp://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
ulfgruener.de | 201538
... analyze with
SRF "story bulding kit"
ulfgruener.com/edu
ulfgruener.de | 201539
1. the elements of a story
2. the storyline
3. the structure
ulfgruener.com/edu
ulfgruener.de | 201540
Storytelling: basic elements of a story
a story needs
a main character
(hero)
ulfgruener.com/edu
ulfgruener.de | 201541
Storytelling
main character
(hero)
ulfgruener.com/edu
ulfgruener.de | 201542
Storytelling
main character
(hero)
…
with intention
ulfgruener.com/edu
ulfgruener.de | 201543
Storytelling
main character
(hero)
…
with intention
wants to rescue his grandchildren
ulfgruener.com/edu
ulfgruener.de | 201544
Storytelling
main character
(hero)
…
with intention
and
quality
fearless, persistent
ulfgruener.com/edu
ulfgruener.de | 201545
Storytelling
a goal
sth to aim for
ulfgruener.com/edu
a story needs:
ulfgruener.de | 201546
Storytelling
xgoal
survive & rebuild their home
ulfgruener.com/edu
ulfgruener.de | 201547
Storytelling
obstacle
(or enemy)
ulfgruener.com/edu
a story needs:
ulfgruener.de | 2015ulfgruener.com/edu
ulfgruener.de | 201549 ulfgruener.com/edu
Storytelling: basic elements of a story
ulfgruener.de | 201550
1. the elements of a story
2. the storyline
3. the structure
ulfgruener.com/edu
ulfgruener.de | 2015
http://www.educatorstechnology.com/2013/11/a-wonderful-visual-outlining-7-steps-of.html
ulfgruener.de | 201552
http://visual.ly/kurt-vonnegut-shapes-stories-0
ulfgruener.de | 201553
http://visual.ly/kurt-vonnegut-shapes-stories-0
http://visual.ly/kurt-vonnegut-shapes-stories-0
ulfgruener.de | 201554
http://visual.ly/kurt-vonnegut-shapes-stories-0
ulfgruener.de | 201555
1. the elements of a story
2. the storyline
3. the structure
ulfgruener.com/edu
ulfgruener.de | 2015
http://de.slideshare.net/ulghh/onepageparallax-storytelling-a-quick-guide
ulfgruener.de | 2015
http://de.slideshare.net/ulghh/onepageparallax-storytelling-a-quick-guide
ulfgruener.com/edu
ulfgruener.de | 2015
Plot-Points > scenes pushing the story
Magic Moments > adding emotion
& experience
ulfgruener.de | 2015
http://de.slideshare.net/ulghh/onepageparallax-storytelling-a-quick-guide
ulfgruener.com/edu
ulfgruener.de | 201560
what could we learn
from Gamification to
improve longform stories
like this one?
ulfgruener.com/edu
ulfgruener.de | 201561
... and in real life:
How to use Gamification
in everyday storytelling?
For non-fiction storys?
ulfgruener.com/edu
ulfgruener.de | 201562
3
thesis
ulfgruener.com/edu
ulfgruener.de | 201563
Storytelling
The perfect story creates different effects simultaneously:
• organizes and simplifies
• provides context and relevance
• creates emotions
• visualizes, creates images and improves memory
• creates trust between author and audience
• leads to action (for example: commenting, sharing ...)
http://www.reachstoryu.com/about/ ulfgruener.com/edu
ulfgruener.de | 201564
... it's a story because
I'm involved
I've learned sth
& use it immediately
ulfgruener.com/edu
ulfgruener.de | 201565
Storytelling
... that's quite similar
to the mechanics of games.
But we still have to add sth:
ulfgruener.com/edu
ulfgruener.de | 201566 ulfgruener.com/edu
key features of games:
(quotes from MasterClass eSports & Gamification, Berlin, March 2016,
Eurovision Academy & Institut für Ludologie;
slide from the presentation by Dr. Maximilian Schenk, biu-online.de)
ulfgruener.de | 201567
Storytelling
What we have to add to our stories
by learning from Gamification:
• interactive elements
• instant feedback (!)
• collaboration ("User Generated Content")
• motivation
• concentration
• intuitive storyline
ulfgruener.com/edu
ulfgruener.de | 201568
Storytelling
How to apply this to storytelling?
• interactive elements: quizzes, quick games ... and ?
• instant feedback: discuss with author ... and?
• collaboration: "User Generated Content", crowdsourcing ... and?*
• motivation: by explaining things, by background, relevance ... and?
• concentration: clear focus, hero, strong dramaturgy ... and?
• intuitive storyline: easy to follow ... and?
ulfgruener.com/edu
* Dan Gillmor, 2009: "We would invite our audience to participate in the journalism process ..."
http://www.theguardian.com/commentisfree/cifamerica/2009/oct/02/dan-gillmor-22-rules-news
ulfgruener.de | 201569 ulfgruener.com/edu
key features of games:
(quotes from MasterClass eSports & Gamification, Berlin, March 2016,
Eurovision Academy & Institut für Ludologie;
slide from the presentation by Roman Rackwitz, engaginglab.com)
ulfgruener.de | 201570
Storytelling
How to apply this to storytelling?
• novelty: that's our job to deliver news
• challenge our audience: with new angles of a story, unknown heroes ... and?
• think creatively: "surprise your readers" - one of the oldest rules in journalism
• do things the hard way: as journalists we're focused on telling stories the most comfortable way
• - is it Gamification to urge our readers out of their "comfort zone"?
ulfgruener.com/edu
ulfgruener.de | 201571 ulfgruener.com/edu
key features of games:
(quotes from MasterClass eSports & Gamification, Berlin, March 2016,
Eurovision Academy & Institut für Ludologie;
slide from the presentation by Roman Rackwitz, engaginglab.com)
ulfgruener.de | 201572
Storytelling
How to apply this to storytelling?
• clear goals, milestones: a good story has a clear goal, every paragraph is a clear milestone
• well known rules: how to read this story?
• room for maneuver: let your reader find his/her own way through the story - or at least give some options
• transparency: be transparent on what do we know, what we don't know *
ulfgruener.com/edu
* Dan Gillmor, 2009: "Transparency would be a core element of our journalism. One example of many: every print
article would have an accompanying box called "Things We Don't Know," a list of questions our journalists
couldn't answer in their reporting. TV and radio stories would mention the key unknowns. Whatever the medium,
the organisation's website would include an invitation to the audience to help fill in the holes, which exist in every
story." http://www.theguardian.com/commentisfree/cifamerica/2009/oct/02/dan-gillmor-22-rules-news
ulfgruener.de | 201573 ulfgruener.com/edu
more key features of games:
(quotes from MasterClass eSports & Gamification, Berlin, March 2016,
Eurovision Academy & Institut für Ludologie)
• "personal path to mastery": how could a story be a path to mastery? 

by making sense, explaining sth, telling new angles of a topic ... and what else?
• level up - more, better, increasing complexity: challenge your audience, 

don't hesitate to tell complex stories ... and what else?
• overview: help navigating through the story at any time and any place, 

this is also indispensable to give room for maneuver ... and what else?
• shop: offer individual add-ons to your story ... and what else?
ulfgruener.de | 201574
Storytelling
If journalists use Gamification in their storytelling –
these 3 features are the most challenging:
• instant feedback for our audience while reading a story
• challenge our audience and don't make it too easy, too simple
• do things the hard way and therefore urge our readers out of their "comfort zone"
ulfgruener.com/edu
ulfgruener.de | 201575
let's go, play!
adapt the the techniques of
Gamification for
your TV/Radio/Online
immersive storytelling
ulfgruener.com/edu
see all my presentations at http://de.slideshare.net/ulghh/

More Related Content

PPTX
Vodafone presentation
PDF
Immersive Storytelling: Scrollytelling One-Page Parallax - a short guide how ...
PDF
Monika Konieczny - Gamification & storytelling: how to turn boring technical ...
PDF
Tools of Engagement:  "Tools of Engagement: Gamification, Storytelling and A...
PPTX
Online Discussion Learning Design
PPTX
Interactive stories and serious games for social interaction
PDF
Beyond Gamification - Tips for Busy Educators to Level Up Classroom Learning
PPT
Digital storytelling for higher education
Vodafone presentation
Immersive Storytelling: Scrollytelling One-Page Parallax - a short guide how ...
Monika Konieczny - Gamification & storytelling: how to turn boring technical ...
Tools of Engagement:  "Tools of Engagement: Gamification, Storytelling and A...
Online Discussion Learning Design
Interactive stories and serious games for social interaction
Beyond Gamification - Tips for Busy Educators to Level Up Classroom Learning
Digital storytelling for higher education

Similar to how to use gamification for non-fiction storytelling (20)

PDF
Tools of Engagement: Storytelling, Audience Response Systems, and Learning S...
PPTX
THEORIES-AND-PRINCIPLES-IN-THE-USE-AND-DESIGN-OF-TECHNOLOGY-DRIVEN-LEARNING-L...
PPT
UPA talkonstories
PPTX
Robots are Eating the Building
PDF
Teacherkeynote- new media, literacies, students, citizens. 2-2014
PPTX
Media Literacy, Artificial Intelligence and American Values
PDF
Learning and Teaching as Communicative Actions: New Ways of Learning: Transme...
PPT
Dynamic media & digitial storytelling presentation
PDF
Erin Hoffman-John - Effective Games: Why We Can't Have Nice Things (Yet)
PDF
Emma Humphries, iCivics, 2018 Intentional Play Summit Speaker - When Two Tren...
PPT
Digital Story-Making: Understanding the Learner's Perspective
PDF
Introducing digital storytelling
PPT
Gecs talk on assessment learning by design
PPTX
Digi story pp
PPTX
Views on the News: Media Literacy Empowerment Competencies in the Elementary ...
PPS
Eli08167 a
PPTX
Digital Storytelling
PPT
digital storytelling for edu
PPTX
Presentation 4 instruc. tech
PPTX
TLC2017
Tools of Engagement: Storytelling, Audience Response Systems, and Learning S...
THEORIES-AND-PRINCIPLES-IN-THE-USE-AND-DESIGN-OF-TECHNOLOGY-DRIVEN-LEARNING-L...
UPA talkonstories
Robots are Eating the Building
Teacherkeynote- new media, literacies, students, citizens. 2-2014
Media Literacy, Artificial Intelligence and American Values
Learning and Teaching as Communicative Actions: New Ways of Learning: Transme...
Dynamic media & digitial storytelling presentation
Erin Hoffman-John - Effective Games: Why We Can't Have Nice Things (Yet)
Emma Humphries, iCivics, 2018 Intentional Play Summit Speaker - When Two Tren...
Digital Story-Making: Understanding the Learner's Perspective
Introducing digital storytelling
Gecs talk on assessment learning by design
Digi story pp
Views on the News: Media Literacy Empowerment Competencies in the Elementary ...
Eli08167 a
Digital Storytelling
digital storytelling for edu
Presentation 4 instruc. tech
TLC2017
Ad

More from Ulf Grüner: training for journalists (20)

PDF
Constructive Journalism Tools
PDF
Seminar-Planung: Leitfaden 2017
PDF
Was ist ein Web-Video und wie wird es viral? Thesen, Fakten, Erfahrungen
PDF
Online-Storytelling: Formen und Kriterien
PDF
Kopiervorlage kreative Notizen
PDF
Schema Innovationsprozess für Medien
PDF
Recherche Start: Arbeitsblatt
PDF
Thesen storytelling-grundformen-zf-gruener
PDF
7 shades-of-datajournalism-gruener-zf
PDF
7 bausteine-datajournalism-gruener
PDF
Crowdsourcing check gruener
PDF
Thesen storytelling-multimedial-ulfgruener
PDF
PDF
PDF
PDF
Kreativ Checkliste "Spielfeld"
PDF
Notizbuch Qualitaetsmanagement in Redaktionen
PDF
Vortrag Roundtable Social Media managen: Augmented Reality & Location Based S...
PDF
Lokalpresse2010weitblick
Constructive Journalism Tools
Seminar-Planung: Leitfaden 2017
Was ist ein Web-Video und wie wird es viral? Thesen, Fakten, Erfahrungen
Online-Storytelling: Formen und Kriterien
Kopiervorlage kreative Notizen
Schema Innovationsprozess für Medien
Recherche Start: Arbeitsblatt
Thesen storytelling-grundformen-zf-gruener
7 shades-of-datajournalism-gruener-zf
7 bausteine-datajournalism-gruener
Crowdsourcing check gruener
Thesen storytelling-multimedial-ulfgruener
Kreativ Checkliste "Spielfeld"
Notizbuch Qualitaetsmanagement in Redaktionen
Vortrag Roundtable Social Media managen: Augmented Reality & Location Based S...
Lokalpresse2010weitblick
Ad

Recently uploaded (20)

PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Sports Quiz easy sports quiz sports quiz
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
Institutional Correction lecture only . . .
PDF
Pre independence Education in Inndia.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Basic Mud Logging Guide for educational purpose
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
master seminar digital applications in india
PPTX
Cell Structure & Organelles in detailed.
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Sports Quiz easy sports quiz sports quiz
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
102 student loan defaulters named and shamed – Is someone you know on the list?
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Microbial diseases, their pathogenesis and prophylaxis
O7-L3 Supply Chain Operations - ICLT Program
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
VCE English Exam - Section C Student Revision Booklet
Institutional Correction lecture only . . .
Pre independence Education in Inndia.pdf
Supply Chain Operations Speaking Notes -ICLT Program
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Module 4: Burden of Disease Tutorial Slides S2 2025
Basic Mud Logging Guide for educational purpose
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
master seminar digital applications in india
Cell Structure & Organelles in detailed.

how to use gamification for non-fiction storytelling