VISUAL STORYTELLING 16. Oktober 2019 Eustory Next Generation Summit - - PowerPoint PPT Presentation

▶
visual storytelling
SMART_READER_LITE
LIVE PREVIEW

VISUAL STORYTELLING 16. Oktober 2019 Eustory Next Generation Summit - - PowerPoint PPT Presentation

Dec 19, 2022 202 likes •543 views

Vera Marie Rodewald VISUAL STORYTELLING 16. Oktober 2019 Eustory Next Generation Summit SOME WORDS ABOUT ME Hi! Im a media educator teaching at different universities in media education working with students to show them how to use

slide-1
SLIDE 1

VISUAL STORYTELLING

Vera Marie Rodewald

  • 16. Oktober 2019

Eustory Next Generation Summit

slide-2
SLIDE 2

SOME WORDS ABOUT ME

Hi! I‘m a media educator

  • teaching at different universities in media

education

  • working with students to show them how to

use digital media in a creative way

  • editor-in-chief of Mediennetz Hamburg
  • project lead of Nachrichten für Kinder (news

for kids)

  • artistic director of PLAY – Creative Gaming

Festival

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 2

slide-3
SLIDE 3

AGENDA

I. Exercise: Warm Up II. Storytelling

I. Definition II. Hero‘s Journey III. Exercise: How to find a story

III. Storytelling in Journalism

I. Visual Storytelling II. Multimedia Storytelling III. Exercise: Examples of multimedia reportages

IV. Matching Story and Format

I. Exercise: Finding the right formats II. Exercise: Interactive Infographic – Hero‘s Journey

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 3

slide-4
SLIDE 4

WARM UP – DING

Your task:

  • 1. Find a partner.
  • 2. One of you is the storyteller and the other
  • ne is giving signals by clapping hands.
  • 3. The storyteller starts his/her story with

„Once upon a time...“ and continues the story with his/her own ideas.

  • 4. When the other one claps, the storyteller

has to change the last word, every time his/her partner is clapping hands.

  • 5. Change roles and try again.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 4

slide-5
SLIDE 5

5W1H – INTERROGATIVE WORDS

In journalistic writing, we report neutrally,

  • bjectively and without judgement. Instead, we

reflect the facts of the situation.

  • Who?
  • What?
  • When?
  • Where?
  • Why?
  • How?

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 5

slide-6
SLIDE 6

STORYTELLING

HOW DO WE TELL THE STORY?

"... using targeted, conscious and skilful stories to better understand important content, to sustain listeners' learning and participation, to disseminate ideas, to foster intellectual participation, and to add a new quality to communication.“

Karolina Frenzel, Michael Müller, Hermann Sottong: „Storytelling – Das Praxisbuch“ (2006), S. 3 – own translation.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 6

slide-7
SLIDE 7

STORYTELLING

Method…

  • in which recipients receive knowledge,

ideas, products or other information through constructed or real stories

  • that attempts to simplify information and

visualize it The aim is… to awake the interest of the recipient and also to anchor the desired message easily in his memory.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 7

slide-8
SLIDE 8

STORYTELLING

Even though there are many definitions, each story has certain characteristics

  • One or more protagonist (s)
  • An event or problem
  • The solution, the circumvention of the

problem or the failure

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 8

slide-9
SLIDE 9

WHAT IS A GOOD STORY?

The story…

... activates: A good story makes the recipient listen and deal with the subject matter. A good story can catch the attention of the recipient with a successful entry that is as specific to the target group as possible, and make him or her listen, join in, click, etc. ... emotionalizes: A good story is emotionally involving. Which emotions are adressed depends on the story, the topic and the purpose. Not only positive emotions such as joy, security or trust can move a recipient, but also negative emotions such as fear and terror can anchor a topic more firmly in the memory.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 9

slide-10
SLIDE 10

HERO‘S JOURNEY

JOSEPH CAMPBELL(1949): THE HERO WITH A THOUSAND FACES

1. The Ordinary World 2. The Call to Adventure 3. Cross the First Threshold 4. Trials, Friends and Foes 5. Magical Mentor (or the Mentor with Supernatural Aid) 6. Dragon‘s Lair 7. Moment of Despair 8. Ultimate Treasure 9. Homeword Bound

  • 10. Rebirth & The Champion‘s Return

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 10

slide-11
SLIDE 11

HERO‘S JOURNEY

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 11

slide-12
SLIDE 12

HOW TO FIND A STORY?

Your task:

  • 1. Roll the dices.
  • 2. Which symbols do you recognize on top of

the dices?

  • 3. What story do they tell you? What

associatons do you have when you look at the symbols?

  • 4. Put the dices in an ordner which fits your

story best. What is your story?

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 12

slide-13
SLIDE 13

STORYTELLING IN JOURNALISM

1. What is the story? 2. What are the news? 3. How to tell the story? „The medium is the message“ (Marshall McLuhan) There are plenty of ways to tell the story in a touching way: Short or long, analog or digital, with or without photos, graphics, videos or animation.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 13

slide-14
SLIDE 14

VISUAL STORYTELLING: DEFINITION

The visual storytelling (narration) is a way of communicating with a viewer without using words only, but through visual images.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 14

slide-15
SLIDE 15

VISUAL STORYTELLING:

TEXT

A whole story in one headline and three words. Together with the picture placed under the headline nothing more needs to be told to create a certain feeling of cohesion.  Totum pro parte

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 15

„We are pope“ (2005)

slide-16
SLIDE 16

VISUAL STORYTELLING:

PHOTOS

Pictures can say more than 1000 words! Images are faster to process than texts, are easier to understand and to remember.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 16

Chancellor Angela Merkel in the discussion with the G7 heads of states and governments.

slide-17
SLIDE 17

VISUAL STORYTELLING:

CARTOONS

Underline the statement of the text with a mostly ironic drawing

  • r even completely replace it.

Similar formats are graphic novels, memes, and gifs.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 17

Cartoon: Hilary Price

slide-18
SLIDE 18

VISUAL STORYTELLING:

INFOGRAPHICS

An infographic, or information graphic, is designed to convey a huge set of data in a fraction of the time that it takes to wade through a dense, numbers-heavy

  • paragraph. The best ones are

also entertaining. What is the story in the data?

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 18

Alberto Antoniazzi

slide-19
SLIDE 19

MULTIMEDIA STORYTELLING

Combining text, visuals and multimedia elements in one journalistic format, one by one or all together.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 19

slide-20
SLIDE 20

SOUNDS (EXAMPLES)

Audio slideshows Slideshow with audio tracks.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 20

Audio tracks Audio tracks embedded in the text and story.

https://rufposten.de/daten/xcess/ Audio slideshow about a bar in Germany. https://edition.cnn.com/interactive/2016/0 2/living/love-story/ CNN asked people to leave a voicemail and tell their love stories.

slide-21
SLIDE 21

WEB DOCUMENTARY

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 21

Journey to the End of the Coal http://www.honkytonk.fr/index.p hp/webdoc/ (2010, lemonde.fr., France)

slide-22
SLIDE 22

GAMES/INTERACTIVES (EXAMPLES)

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 22

The Uber Games – Financial Times https://ig.ft.com/uber-game/ Bury me, my love http://burymemylove.arte.tv/prologue

Get Bad News https://getbadnews.com/ #play

slide-23
SLIDE 23

MULTIMEDIA STORYTELLING: SCROLLYTELLING

Scrollytelling Multimedia elements in one story: Text, photos, videos and slideshows.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 23

http://www.nytimes.com/projects/2012/snow- fall/index.html#/?part=tunnel-creek (2012, The New York Times, USA)

slide-24
SLIDE 24

MULTIMEDIA STORYTELLING: SCROLLYTELLING

https://www.theguardian.com/world/in teractive/2013/may/26/firestorm- bushfire-dunalley-holmes-family (2013, The Guardian, UK)

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 24

slide-25
SLIDE 25

MULTIMEDIA REPORTAGE: POINT AND CLICK

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 25

http://outmywindow.nfb.ca/#/outm ywindow (2010, National Film Board of Canada, Canada)

slide-26
SLIDE 26

MULTIMEDIA ELEMENTS

Your task: Browse the different storytelling formats.

  • What is the story? (Protagonist, problem,

solution?)

  • Which multimedia elements do you find?
  • What is special in each story?
  • How is the story told and which role do the

multimedia elements play in it? Collect multimedia elements you like to point

  • ut.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 26

STORYTELLING FORMATS

Außen ein Puff, innen Hölle Audio slideshow (German only) https://rufposten.de/daten/xcess/ (sueddeutsche.de, 2009) Love Story Audio tracks https://edition.cnn.com/interactive/2016/02/living/love-story/ (cnn.com, 2016) Journey tot he End of Coal Web Documentary https://www.honkytonk.fr/index.php/webdoc/ (lemonde.fr, 2008) The Uber Game Newsgame https://www.ig.ft.com/uber-game/ (Financial Times, 2017) Bury me, my Love Newsgame http://burymemylove.arte.tv/ (arte.tv, 2017) Get Bad News Newsgame http://getbadnews.com/#intro (Drog, 2018) Snow Fall Scrollytelling http://www.nytimes.com/projects/2012/snow- fall/index.html#/?part=tunnel-creek (The New York Times, 2012) Firestorm Scrollytelling https://www.theguardian.com/world/interactive/2013/may/26/firestorm

  • bushfire-dunalley-holmes-family

(The Guardian, 2013) Out my Window Multimedia reportage http://outmywindow.nfb.ca/#/outmywindow (National Film Board of Canada, 2010)

slide-27
SLIDE 27

MATERIALS

Material

  • Text
  • Photos
  • Graphics
  • Videos
  • Sounds
  • Animation
  • Games/Interactive
  • etc.

Forms of Storytelling

  • Visual Storytelling
  • Multimedia Storytelling
  • Virtual Storytelling
  • Crossmedia Storytelling
  • Interactive Storytelling
  • etc.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 27

slide-28
SLIDE 28

MATCHING STORY AND FORMAT

Your task: Take the story you developed with the help of the story cubes and find the best multimedia elements to tell it with. Ask yourself first: 1. Who or what is the protagonist? 2. What is the problem (topic) 3. Can the problem be solved or the goal be reached? 4. Think about the format you like to tell the story with. What do you need?

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 28

Questions

  • What is the message?
  • What is the primary narrative goal?
  • What is the emotional heart of the

story?

  • Is it exciting/emotional/activating?
  • Is it understandable, authentic,

comprehensible?

slide-29
SLIDE 29

EXERCISE: INTERACTIVE INFOGRAPHIC

(WITH H5P)

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 29

Task:

  • 1. Login to h5p.org, you can create an own

account or use mine (veramarie.rodewald@haw-hamburg.de, password: kindernachrichten)

  • 2. Click: Try out H5P and select „Image

Hotspots“

  • 3. Upload the graphic „Ups and downs“ (You

get the .jpg from me)

  • 4. Fill out the form with some hotspots which

describe the different steps of the hero‘s journey.

  • 5. When you‘re ready, you easily could use the

embed code to insert it in WordPress

slide-30
SLIDE 30

ALREADY DONE?

Your task: Explore more tools of H5P. Or have a look at knightlab.com. Both are open source projects and can easily be used in WordPress.

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 30

slide-31
SLIDE 31

TOOLS:

Visual:

  • Infographics (Canva)
  • Juxtapose Slider (Knightlab)
  • Presentation (H5P)
  • Image Hotspots (H5P)
  • Image Sequencing (H5P)

Sound:

  • Soundcite (Knightlab)

Video:

  • Scene in VR (Knightlab)
  • 360 Virtual Tour (H5P)
  • Interactive Video (H5P)

Interactive:

  • Storyline (Knightlab)
  • Storymap (Knightlab)
  • Timeline (Knightlab)
  • Timeline (H5P)

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 31

slide-32
SLIDE 32

HOW TO DO IT ALL IN ONE

Pageflow (Software, paid version) A German tool to by WDR to create scrollytelling reports. Aesop Story Engine (Wordpress Plugin)

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 32

Storyform (Wordpress Plugin)

slide-33
SLIDE 33

THANK YOU FOR LISTENING!

Vera Marie Rodewald (Media Educator) Twitter: @madame_vora

10/16/19 VERA MARIE RODEWALD | EUSTORY NEXT GENERATION SUMMIT 33