Issuu on Google+

Trans- & crossmedia Storytelling


Transmedia


Transmedia storytelling • Transmedia storytelling: een verhaal vertellen (soms met een begin en een eind) over verschillende platformen, kanalen en media heen • Met inbegrip van social media kanalen, soms met userinteractie, soms met uitbreiding naar echte leven

Trans- & crossmedia Storytelling


Transmedia storytelling • Gebruikers kunnen op verschillende momenten in het verhaal instappen en door eigen inbreng de verhaallijn beïnvloeden. • Praktisch te werk gaan: Transmedia storytelling: strategie & concept in 4 grote stappen http://www.frankwatching.com/archive/2012/11/09/transmediastorytelling-strategie-concept-in-4-grote-stappen/

Trans- & crossmedia Storytelling


http://bear71.nfb.ca/#/bear71


Bear 71 • Een ‘multi-user, interactief en sociaal verhaal’ de intersectie van mens, natuur en technologie observeert en registreert • Gelanceerd met een dynamische, interactieve kunstinstallatie op de 2012 Sundance Film Festival, is het een volledig meeslepende, multi-platform ervaring. • Deelnemers spelen een rol met augmented reality, webcams, geolocatie, bewegingssensoren, een microsite, sociale mediakanalen en een echte beren val in Park City.

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Storytelling via beelden • Fotoroman • Instagram of Vine storytelling • Pinterest storytelling • Instagram, Vine of Pinterest worden gebruikt om een boodschap te versterken en gebruikers-interactie mogelijk te maken (ze laten deelnemen) • Bloggers integreren in hun ‘blog-inhoud’ de visuele inhoud van Pinterest en/of Instagram • Hiermee kunnen ze ‘cross-channel’ verhalen vertellen Trans- & crossmedia Storytelling


Fotoroman of fotostrip • Fotostrip of fotoroman: is een beeldverhaal of strip, waarbij de panelen niet getekend maar gefotografeerd zijn • De uitspraken van de hoofdpersonen worden echter in tekstballonnen in de foto's afgebeeld • Ook geluiden of visuele effecten worden vaak weergegeven op dezelfde wijze als in een strip http://www.miramiro.be/nl/festival/vorige-edities/programma/romeo-juliade-fotoroman http://www.dub.uu.nl/3hoog/archief

Trans- & crossmedia Storytelling


http://www.miramiro.be/nl/festival/vorige-edities/programma/romeo-julia-de-fotoroman


Instagram • Instagram is een gratis mobiele app om digitale foto's of video's uit te wisselen middels mobiele apparaten • Als bedrijf, merk of organisatie kun je een kanaal of eigen pagina opstarten • Instagram levert in tegenstelling tot de standaard langwerpige foto's van mobiele telefoons (met een beeldverhouding van 4:3) vierkante foto's af, net als de Kodak Instamatic en de Polaroidcamera • Er wordt ook gewerkt met hashtags

Trans- & crossmedia Storytelling


Instagram storytelling • Bij Instagram storytelling gaan invloedrijke instagrammers een visueel verhaal vertellen via foto’s • Merken of organisaties kunnen er een strategie rond uitbouwen via unieke hashtags of brand urls • •

http://instagram.com/mercedesbenz# http://www.ignitesocialmedia.com/social-media-examples/brandssuccess-examples-instagram/

• Instagram interactiviteit met de doelgroep creëren via: • Foto’s delen, wedstrijden… • Meer info:http://www.socialmediaexaminer.com/instagram-forbusiness-tips/ Trans- & crossmedia Storytelling


Instagram video storytelling • Video’s van maximaal 15 seconden • Je kan Instagram Videos gebruiken om een verhaal over je merk te vertellen (Burberry, Lululemon, en Charity Water…) • Je kan commentaar toevoegen om meer inhoud te geven • En zodra een beroemdheid… een video post, waar (per ongeluk) je merk in voorkomt kan je die ook in jou pagina verwerken

Trans- & crossmedia Storytelling


• Mooie voorbeelden, ideëen, tips: http://business.instagram.com/blog/ http://www.brandingmagazine.com/2013/06/21/instagram-video/ • http://instagram.com/threadless http://www.threadless.com/ • http://instagram.com/p/fLBpoWNPos/ http://instagram.com/p/dnCwfjtPgl/ http://instagram.com/p/dSDBJJNPsl/


Instagram extra’s • Webstagram – http://web.stagram.com/ – Tutorial: http://youtu.be/BXTnbBRm9lw

• Pokki (download) – https://www.pokki.com/ – Tutorial: http://youtu.be/vCco3cKqnjs

• Bluestacks (download) – http://bluestacks.com/ – Tutorial: http://youtu.be/jXysCoq2SrQ – Tutorial: http://youtu.be/fBv_k_aNDC4

Digital Storytelling: Software


Instagram extra’s • Pictacular – (http://www.pinstagram.co) – Soort Instagram en Pinterest samen – Op web en Ipad

• Instawall (https://www.instawall.nl/)

Digital Storytelling: Software


Instaroman • Instaroman: Visuele roman maken met gebruik van foto’s van het publiek via sociale media als twitter en instagram http://www.antwerpenboekenstad.be/files/instaroman.pdf

Trans- & crossmedia Storytelling


http://www.antwerpenboekenstad.be/files/instaroman.pdf


Instaroman van Dewulf • Antwerps stadsdichter Bernard Dewulf gaf onlangs een nieuwe invulling aan het genre fotoroman • Om de 10de verjaardag van de boekenbeurs te vieren maakte hij “InstaRoman” waarbij hij het gebruik van twee sociale media combineerde. • Hij postte dagelijks enkele zinnen op Twitter (https://twitter.com/instaroman) . Daarop kon iedereen reageren met een bijpassende foto via de fotonetwerksite van Instagram. Zo werkte Dewulf een week lang samen met lezers aan een nieuw stadsgedicht. 850 foto’s werden gepost, 46 beelden haalden de selectie om in het uiteindelijke boek gepubliceerd te worden. • http://www.antwerpenboekenstad.be/files/instaroman.pdf • http://statigr.am/tag/instaroman

Trans- & crossmedia Storytelling


Vine • Vine is een mobiele app van Twitter • Hiermee kan een webvideo van zes seconden gemaakt kan worden • De video kan via de app zelf of via Twitter, Facebook of e-mail gedeeld worden, of ingebed worden in een webpagina, blog…

Deel 1 – Wat is visuele litteratuur


http://brandsonvine.com/


Vine vs Instagram video

Trans- & crossmedia Storytelling


Korte videoclips • Threadlife (https://www.threadlife.com/) • videootjes van maximum 3 seconden lang (stitches) verzameld in playlists (threads) • clips worden automatisch één voor één afgespeeld zodat er binnen één thema een verhaal ontstaat • Men spreekt ook wel van het ‘Instagram voor video’s’ • Het idee erachter is dat mensen enkel de climax van een filmpje willen zien, en niet het hele inleidende deel • Meer uitleg (http://mashable.com/2012/10/31/threadlife en http://gigaom.com/2012/10/31/say-hello-to-another-video-appthreadlife-wants-to-give-you-three-seconds-of-fame/)

Digital Storytelling: Software


http://vimeo.com/31604545 (hierboven) http://vimeo.com/37304966 (resultaten) http://vimeo.com/thebeautyofasecond (1ste ronde)


Extra info • Is jouw communicatieboodschap wel geschikt voor video? • http://www.frankwatching.com/archive/2013/03/14/is-jouwcommunicatieboodschap-wel-geschikt-voor-video/

Digital Storytelling: Software


YouTube extra’s • YouTube video bewerken - Aantekeningen toevoegen • Tutorial: http://youtu.be/XHJtUr6ubAw

Digital Storytelling: Software


Hate Machine


Pinterest storytelling • Door de keuze van de beelden, de samenstelling en de naam van de borden, door beelden van beroemdheden, merken… te repinnen, kan je een eigen verhaal uitbouwen http://www.pinterest.com/katespadeny/

• Zeker als je het combineert met ‘echte’ gebeurtenissen http://www.pinterest.com/oscarprgirl/bridal/

• Denk in thema’s http://www.pinterest.com/KLM/

• Integreer een quiz, geef elke week een antwoord http://www.pinterest.com/KLM/klm-travelquiz/

Trans- & crossmedia Storytelling


Pinterest storytelling • Ook interactiviteit kan gestimuleerd worden door ‘PinA-Day’ & ‘Pin It To Win It’ wedstrijden • Met name voor uitgevers is het een heel belangrijk kanaal (Pinterest Drives More Traffic to Publishers Than Twitter, LinkedIn, Reddit Combined) • Meer info: http://www.fastcocreate.com/1680575/the-9-most-creativeuses-of-pinterest#4 • http://www.edelmandigital.com/2012/05/01/pinterest-changesimprove-storytelling/

Deel 1 – Wat is visuele litteratuur


Pinterest praktijkcases • http://www.pinterest.com/huhot/grill-meal-contest/ • http://www.pinterest.com/karendegroof/pinterest/

Deel 1 – Wat is visuele litteratuur


Pinterest • Zakelijk account: http://business.pinterest.com/ • Verifiëren!

• Pinvolve (http://www.pinvolve.co) • Facebook: Facebook wordt automatisch gesynchroniseerd met Pinterest

Digital Storytelling: Software


Foto-apps • Pixlr-o-matic (http://pixlr.com/o-matic/)

Digital Storytelling: Software


www.ted.com/talks/lang/nl/gabriel_barcia_colombo_capturing_memories_in_video_art.html


Herinneringen vatten in videokunst • Met videomapping en projectie vat en deelt Gabriel Barcia-Colombo zijn herinneringen en zijn vriendschappen. • Tijdens de TED Fellow Talks, toont hij zijn bedachtzame werk: hij probeert de mensen in zijn leven lijkt op te slaan in potten, in mixers • Hij probeert de tijd (in een potje) te vatten

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Storify • Knippen, plakken en linken met Storify (http://storify.com) • Verhalen vertellen aan de hand van bronnen uit sociale media • Tutorial: http://youtu.be/ZR305mwfreY en 5 Steps for Storytelling with Storify (http://youtu.be/5JKo4Ll4Mng) (http://storify.com/thedailybeast/sfbatkid-saves-the-day-1)

Deel 1 – Wat is visuele litteratuur


Crossmedia


Crossmedia storytelling = crossmediapublishing • Crossmedia: (begint met)één publicatie maken voor print en digitale toepassingen, dan wel meestal veel rijker (links, video, panorama’s, 360° objecten… toevoegen.) • Het gaat dus om een publicatie • Soms verwarring met Transmedia (over verschillende platformen en mediakanalen tv, sm,… heen, met soms uitbreiding naar echte leven) • Beide worden ook door elkaar gebruikt

Trans- & crossmedia Storytelling


http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek


Avalanche: NY Times • Transmediaal of crossmediaal concept • ‘The project packaged a six-part story by former Pulitzer finalist John Branch, accompanied by interactive graphics, video and character bios of the expert skiers and snowboarders caught in the danger. • The New York Times’ astonishing Snow Fall: The Avalanche at Tunnel Creek, launched in the final days of 2012, capped a year of extraordinary work in interactive journalism, both at the Times and in newsrooms around the world. In the six days after Snow Fall’s launch on December 20th, 2012, it had received more than 3.5 million page views and 2.9 million visitors. • It’s an exemplary piece of multimedia journalism, and its many moving (and swooping and clicking) pieces have attracted intense attention from media commentators, but Snow Fall began life not as a demonstration of technology and design capabilities, but with a traditional, in-depth piece by Times reporter John Branch.’ • How We Made Snow Fall: http://source.mozillaopennews.org/en-US/articles/howwe-made-snow-fall/ TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


http://www.adobe.com/content/dotcom/en/products/digital-publishing-suite-family/solutions-for-retailcatalogs.html http://www.adobe.com/content/dotcom/en/products/digital-publishing-suite-family/solutions-for-retailcatalogs.html#bodycontent1-nerolimediaplayer_split_sotheby_708x398-1300.mp4


Catalogus van Sotheby’s • • • •

Sotheby’s heeft een digitale publicatie aan hun papieren catalogus toegevoegd Bevat slide shows, video’s, 360° product rotaties, in detail inzoomen Voor tablets en smartphones Gemaakt met Adobe DPS

• Andere voorbeelden: http://www.adobe.com/be_nl/products/digitalpublishing-suite-enterprise/showcase.html

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Workflow van crossmedia • In volgende prezi wordt de workflow, de formaten en de software besproken om dergelijke toepassingen te maken • http://prezi.com/sl0am4dzb5d8/?utm_campaign=share&utm_medium=cop y&rc=ex0share

Deel 1 – Wat is visuele litteratuur


Flipbook • Maak een document op in Word, Indesign, Powerpoint e.d. en bewaar, exporteer of print als PDF • Open het in een Flipbook software en maak het digitale document rijker met links, video, geluid en interactiviteit…

Deel 1 – Wat is visuele litteratuur


Flipbook • ISSUU (www.issuu.com) • http://issuu.com/nielsdielen/docs/transmediarecipes • http://issuu.com/stephanie039/docs/portfolio-preview • http://issuu.com/bostworks/docs/corcoranthesis

• Calameo (http://www.calameo.com) – Tutorial (http://youtu.be/rB1OBfftciQ)

Digital Storytelling: Software


Flipbook • Webpublication (http://www.webpublication.fr/) • • • • •

Niet gratis http://content.zone-secure.net/website/E03/index.htm http://asp.zone-secure.net/v2/index.jsp?id=3/6108/26421&lng=fr http://asp.zone-secure.net/v2/index.jsp?id=4230/5490/36668&lng=fr http://asp.zone-secure.net/v2/indexPop.jsp?id=3/3619/13485&lng=fr

Deel 1 – Wat is visuele litteratuur


Motion books • Stripverhalen worden in een mobiele variant aangeboden, waar uiteraard meer beweging, geluid en soms interactiviteit in zit • Madfire (http://www.madefire.com) • Voorbeeld op Deviantart: http://madefirestudios.deviantart.com/art/Treatment-Tokyo-Episode-1362911046 • Nog voorbeelden: http://youtu.be/da3cvhRk1RI en http://youtu.be/oLFxfZ8Gjx4 • Meer info: http://www.smartplanet.com/blog/pure-genius/q-a-benwolstenholme-ceo-of-madefire-discusses-books-for-a-digitalage/10493?goback=.gde_1814075_member_264642256#! Trans- & crossmedia Storytelling


Andere technieken


http://www.youtube.com/watch?v=WRS9cpOMYv0


http://youtu.be/fyUMmpOXU4A


http://img0.liveinternet.ru/images/attach/c/5/3970/3970473_sprite198.swf


Animaties • Zooburst (www.zooburst.com) • Voorbeeld (http://www.zooburst.com/book/4c7b4b45db4a5)

• Moovly (www.moovly.com) • Voorbeeld: What is a vector (http://vimeo.com/72363059) • Er bestaat nog veel andere animatiesoftware

• Nog allerlei andere technieken Living Mural (http://vimeo.com/9304227)

Digital Storytelling: Software


Interactie toevoegen met augmented reality • Ook augmented reality kan gebruikt worden om aan crossmediale storytelling te doen • Denk ook aan toepassingen in musea e.d. • Zie ook Powerpoint over Augmented reality op www.karendegroof.be

Trans- & crossmedia Storytelling


http://outmywindow.nfb.ca/#/outmywindow


Axa app

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Interactie toevoegen met Layar

• Voorbeeld Layar (www.layar.com) http://youtu.be/wi80g9WJvmw

Trans- & crossmedia Storytelling


Interactief papier • Men is volop onderzoek aan’t doen om papier interactief te maken en zelfs te verbinden met het internet • Dit biedt dit heel wat nieuwe mogelijkheden voor kranten en andere papieren media, en voor integratie binnen een digital storytelling concept

Trans- & crossmedia Storytelling


Papier blijft, maar anders • De technologie erachter is vrij eenvoudig, maar kan pas recent schaalbaar worden gemaakt omdat de productie van chips en sensoren alsmaar goedkoper wordt. • Men bedrukt het papier met geleidende inkt dat dus elektronische impulsen kan geleiden. • Er worden chips in het papier verwerkt om bijvoorbeeld connectie te maken met internet. • En als buttons om geluidsfragmenten te activeren, worden er pressure points verwerkt in het papier. • De inkt functioneert dan als de verbinding tussen de verschillende componenten.

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


http://youtu.be/N4siuSErbTQ


Papier blijft, maar anders • Het wordt voor kranten mogelijk om de interactie van lezers met de papieren krant te meten en te analyseren. • Aangezien de krant verbonden is met WiFi of via bluetooth met je smartphone op 3G, kunnen “clicks” op de krant gemeten worden. • Naar welke audiofragmenten luisteren de lezers? Welke artikels vinden ze leuk? Welke delen ze vanuit de krant? Welke katernen worden volledig overgeslagen door bepaalde doelgroepen? • Allemaal vragen waar de media graag een antwoord op willen zodat ze kranten nog meer kunnen personaliseren. • Meer informatie: http://www.bloovi.be/nieuws/detail/interactief-papier-staat-voor-de-deurgrotere-business-dan-mobile

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Viral storytelling • Als je er als marketeer in slaagt om de storytelling viraal te laten gaan heb je natuurlijk je doel bereikt • Je kan dat doen via één enkel filmpje • Maar ook uitbreiden met een combinatie van: • • • •

online toepassingen social media kanalen acties IRL (in real life of in het echte leven) flashmobs

Trans- & crossmedia Storytelling


London Virus • Hier wordt een combinatie gemaakt met een filmpje, een (virale)weggeefactie, een soort wedstrijd… • Meteen werd de campagne druk besproken op de social media • http://www.londonvirus.be

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Succesvolle virals • De lerares die de muizen doodtrapt was een opdracht voor school om een succesvol viraal filmje te maken, gelukt! • Ook het viraal filmpje over Kitkat tegen het gebruik van palmolie was heel succesvol http://www.greenpeace.org/international/campaigns/climate-change/kitkat/ • Om je als klein bedrijf snel bekend te maken is het ook een goede taktiek http://www.metacafe.com/watch/812962/sexy_maids/ • Ook goed gevonden: http://www.metacafe.com/watch/3565613/nude_it_app_for_the_iphone/ http://www.youtube.com/watch?v=lFz5jbUfJbk

TransDeel&1crossmedia – Wat is visuele Storytelling litteratuur


Storytelling via games • Gamification • Voorbeeld van een interactief CV http://www.rleonardi.com/interactive-resume/

Trans- & crossmedia Storytelling


Storytelling via een infografiek • Lange infografiek vertelt ook een verhaal • Storytelling in één frame tegelijk • Meer uitleg en voorbeeld (http://www.dutchcowboys.nl/advertising/26243)

Trans- & crossmedia Storytelling



Trans cross media storytelling