Primero dibuje,

después redacte

Un Storyboard para la

Web

Antes que nada: Planificar y dibujar el

boceto

? Cómo tiene que ser la página de presentación

Cuántos nodos armamos y qué ponemos en c/u

Qué información puede ir en audio o en video

Cómo enlazamos todos esos nodos

Cómo podemos explotar la hipertextualidad, la multimedialidad y la interactividad

Qué es un storyboard

Nivel 3

Nivel 2

Nivel 1

Qué es un storyboard

Título 1Texto

TÍTULO PPALPresentación

Título 2Texto

Audio1Enlaces externos

Infografía

Se trata de usar el hipertexto en función:

• narrativa• documental

El “Modelo binodal básico” que suelen usar los sitios

Título 1Texto completo

TÍTULO PPALBajada

Ramón Salaverría (2005)

Recuadro1 Recuadro2

“Hay poco esfuerzo por enriquecer la estructura hipertextual”

Las claves

• Cada noticia tiene sus particularidades

• Hay que atrapar al lector en la primera pantalla: buenos títulos y copetes son más importantes que nunca

• Hay que pensar en capas o niveles de texto con diferentes profundidades

• La información más importante debe estar en las primeras capas.

Las claves

• Cada nodo debe tener entidad propia

• Ser conciso: decir lo máximo con el mínimo de palabras

• Dejar al lector que tome el control

• Usar la información que hay en la Web

• Pensar en forma multimedial

• Con una multimedialidad integrada no yuxtapuesta

• Qué código me conviene para cada elemento informativo

Las claves

Modelos o estructuras

Tipos de estructuras

• Modelo Secuencial

• Modelo Jerárquico

• Modelo en Red caótico

• Modelo en Red organizado

• Modelo Mixto

1. Modelo secuencial

Título 1Texto

TÍTULO PPALPresentación

Título 2Texto

Título 3Texto

Infografía en ELPAIS.com

-Máxima jerarquización

- Ninguna posibilidad de exploración para el usario

- Linealidad (¿es hipertexto?)

Título 1Texto

TÍTULO PPALPresentación

Título 2Texto

Título 3Texto

Título 4Texto

2. Modelo jerárquico

Río Negro actual diseño

- Estratifica contenidos

-Pocas posibilidades de exploración

3. Modelo en red caótico

Título 1Texto

TÍTULO PPALPresentación

Título 2Texto

Título 3Texto

Título 4Texto

Elmundo.es

- Máxima exploración

- Componente lúdico

- Máximo riesgo de desorientación

- No hay orden claro

4. Modelo en red organizado

Título 1Texto

TÍTULO PPALPresentación

Título 2Texto

Título 3Texto

Título 4Texto

Enlaces a 2, 3 y 4

Enlaces a 1, 3 y 4

Enlaces a 1, 2 y 4

Enlaces a 1, 2 y 3

La Nación Line

- Todo enlaza con todo

- Favorece exploración

- Orden claro

- Poca estratificación

Título 1Texto

TÍTULO PPALPresentación

Título 2Texto

Título 3Texto

Título 4Texto

5. Modelo mixto- Puede combinar ventajas y desventajas de los anteriores

Coherencia hipertextual

Que los nodos o los fragmentos tengan cierta lógica y equilibrio

• Intranodal

• Internodal

• Hiperestructural

Engebretsen, 2000

Prototipos de noticias

Prototipos de hipernoticia 1TÍTULO PPAL

CopeteLugar del hecho: mapas, fotos

DESCRIPCIÓN

Relato del hecho

Relato del protagonista

NARRACIÓN

Relato de testigos

Actualizaciones informativas

Datos principales

EXPOSICIÓN

Datos secundarios

Enlaces a instituciones implicadas

Salaverría, 1999

Prototipos de hipernoticia 2TÍTULO PPAL

Copete

Aspectos subjetivos

Versiones de las partes

Opiniones de expertos

Otras evaluaciones

Hechos

Documentación

Varios doc de background

Engebretsen, 2000

Evento principal

Contexto

Prototipos de hipernoticia 3TÍTULO PPAL

Copete

Background

Mapas y gráficos Principales

fuentes

Otras fuentes

Perfiles y puntos de vista

Audio y/o video

Interactividad

Carole Rich, 1999

Noticias relacionadas y fuentes

Ejemplos

• Especiales Clarín

• Reportajes multimedia en la UNAV

• Investigaciones periodísticas PD

Carmen de Patagones:

A dos años de la tragedia

La historia + Info

Hoy Ayer Mañana

El aula

El dolor y la justicia

Adriana Puiggross

Silvia Bleichmar

Cronología

La ciudad y la escuela

Créditos

Clarín.com, set 2006

La tragedia

Hoja de ruta

1) Planificar2) Recoger la información3) Organizar la información (storyboard)4) Redactar5) Reescribir

Bibliografía• Engebretsen, Martin (2000). “Hypernews and

coherence” (PDF). En Nordicom Review Nº 2. Goteborg (Suecia): Göteborgs Universitet.

• Rich, Carole (1999). “Newswriting for the Web”. Estudio encargado por The Poynter Institute for Media Studies.

• Salaverría, Ramón (2005) “Hipertexto periodístico: mito y realidad” (PDF). III Congreso Internacional Comunicación y realidad. Facultad de Ciencias de la Comunicación. Universitat Ramón Jul. Barcelona, 20 y 21 de mayo.

• Stevens, Jane. Perfil de la presentación multimedia. Traducción de una sección de instrucciones del Knight Digital Media de Berkeley.

Alejandro Rost (@alerost)

Fabián Bergero (@beter3)

Lieza Solaro (@liezasolaro)

http://periodismoyotrasyerbas.blogspot.com

Junio 2010