SlideShare una empresa de Scribd logo
1 de 66
Descargar para leer sin conexión
A WEB COMO CANLE
PARA CONTAR
HISTORIAS
Óscar Otero - Carballo Interplay 2016
Storytelling
Recursos que se usan
noutras canles:
- radio
- prensa
- televisión
Características da web:
- Todos os anteriores
- Interactividade
- Non linealidade
- Pull en vez de push
EXEMPLOS
Xornalismo
2012. O New York Times saca Snow Fall
http://www.nytimes.com/projects/2012/snow-fall
Gaña varios premios, entre eles o Pulitzer
http://www.pulitzer.org/winners/7189
Aparece un novo verbo: snowfallization
Existen detractores deste xeito de facer
noticias
https://storify.com/macloo/pros-and-cons-of-snowfalling-stories
A interface é o scroll
Visualmente impactante
Fusión de textos con imaxes, vídeos, etc
http://www.theguardian.com/world/interactive/2013/nov/01/snowden-nsa-files-surveillance-revelations-decoded
http://www.nytimes.com/interactive/2014/07/03/world/middleeast/syria-iraq-isis-rogue-state-along-two-rivers.html
http://pitchfork.com/features/cover-story/reader/bat-for-lashes/
http://espn.go.com/espn/eticket/story?page=Dock-Ellis
http://www.theguardian.com/world/interactive/2012/nov/06/america-elect-graphic-novel
http://www.theguardian.com/world/interactive/2013/may/26/firestorm-bushfire-dunalley-holmes-family
http://www.nytimes.com/interactive/2015/10/27/world/greenland-is-melting-away.html
http://www.nytimes.com/interactive/2015/07/10/science/An-Image-of-Earth-Every-Ten-Minutes.html
Navegación estándar por capítulos
http://apps.npr.org/tshirt/
Navegación por temas
http://www.usatoday.com/pages/interactives/InTheirWords
Uso de mapas
http://projects.propublica.org/louisiana/
Explicar un concepto
ou idea
NonJPEG
http://nojpeg.org/nojpeggl.html
Movement of data
http://www.akita.co.uk/movement-of-data/
Parábola de los polígonos
http://ncase.me/polygons-es
Vender un producto,
empresa
Slim your wallet
http://bellroy.com/slim-your-wallet
Rule of three
http://rule-of-three.co.uk/
Collapse (videoxogo)
http://collapse-thedivisiongame.ubi.com/es/
Peugeot HYbrid4
http://graphicnovel-hybrid4.peugeot.com/start.html
Crear conciencia
How many slaves work for you?
http://slaveryfootprint.org/
Os perigos do fracking
http://www.dangersoffracking.com/
Malgastar a auga
http://everylastdrop.co.uk/
Celebracións
Ano novo
http://www.flatvsrealism.com/
Invitación dunha boda
http://jessandruss.us/
Outra invitación dunha boda
http://www.jennyandgrayden.com/
Museo de Mario
http://mario.ign.com/
CARACTERÍSTICAS
DUNHA WEB-HISTORIA
Debe ter un inicio, medio
e final
Como calquera outra historia
Debe ser sinxela
Fácil de entender e válida para todo tipo de
persoas
Debe ser emocional
Non só contar feitos de xeito obxectivo
Veraz e real
Debemos crer no que estamos contando, e
contalo como se fose unha experiencia de
primeira man
Inmersiva
Por exemplo, facendo o usuario parte da
historia
Entretida
Gamificando a historia ou engadindo
elementos interactivos
PLANIFICACIÓN DUNHA
WEB-HISTORIA
Faite as seguintes
preguntas
Que queres facer que
pase coa túa historia?
Concienciar sobre algo, comprar un produto,
informar, etc.
Cal é a túa audiencia?
A quen lle queres contar a historia
Por que se deberían
interesar pola túa
historia?
A quen lle queres contar a historia
Escribe un guión
O guión é a metade do traballo. Se o escribes
segundo vaias facendo, é o doble de traballo
A historia non é a interactividade, a
interactividade ven despois da historia.
Pensa no usuario
Vai formar parte da
historia?
Ser un personaxe máis dentro da historia
Van poder os outros
personaxes comunicarse
co usuario?
Facendolle preguntas ou interactuando dalgún
xeito
Que pasa se o usuario
se perde algun dato
importante?
Se a historia é interactiva, pode haber partes
que non chegue a ver. Afectaríalle iso á
comprensibilidade?
Pensa nos requerimentos
En qué dispositivos debe
funcionar?
Móbiles, pantallas táctiles, conexión de
internet lenta, sonido, etc
Qué material multimedia
vou a precisar?
Vídeos, fotografías, infografías, ilustracións,
música, sonidos, voces, interactividades, etc
Como se vai aloxar?
Que servidor necesito, dominio, cantas visitar
terá, canto tempo estará online, etc
Crea un equipo
Pensa ben que perfiles
necesitas
Deseño, programación, gravación, montaxe,
son, ilustración, interpretación, música, etc.
O equipo vai influir no
resultado da historia
Por exemplo, diferentes diseñadores teñen
diferentes estilos e maneiras de solucionar un
problema.
Se firme coa túa idea
Mantente firme na idea orixinal que pensaches
ao inicio do proxecto. Non cambies de opinión.
FERRAMENTAS
DE DESEÑO
Sketch (mac)
http://sketchapp.com/
Omnigraffle (mac)
https://www.omnigroup.com/omnigraffle/
Gliffy (online)
https://www.gliffy.com/
Moqups 2 (online)
https://app.moqups.com/
SOLUCIÓNS
PREFABRICADAS
ONLINE
Storify
https://storify.com/
Pageflow
http://pageflow.io/en
Timeline JS
http://timeline.knightlab.com/
Exposure
https://exposure.co/
Atavist
https://atavist.com/

Más contenido relacionado

Destacado (7)

Paré à innover 39
Paré à innover 39Paré à innover 39
Paré à innover 39
 
Imbim igp 20151127-amb.part1b
Imbim igp 20151127-amb.part1bImbim igp 20151127-amb.part1b
Imbim igp 20151127-amb.part1b
 
800034 pai 63_nov2015_bd_pages
800034 pai 63_nov2015_bd_pages800034 pai 63_nov2015_bd_pages
800034 pai 63_nov2015_bd_pages
 
Resume
ResumeResume
Resume
 
Facebook Reactions
Facebook ReactionsFacebook Reactions
Facebook Reactions
 
Webinar: Did PuppyMonkeyBaby Win the Super Bowl?
Webinar: Did PuppyMonkeyBaby Win the Super Bowl?Webinar: Did PuppyMonkeyBaby Win the Super Bowl?
Webinar: Did PuppyMonkeyBaby Win the Super Bowl?
 
aaa_agenda_open__public_avril_decembre_V18
aaa_agenda_open__public_avril_decembre_V18aaa_agenda_open__public_avril_decembre_V18
aaa_agenda_open__public_avril_decembre_V18
 

Storytelling