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