Cómo titular para Web

Tienes 5 Segundos: Cómo titular para la Web Juan C. Camus [email_address] www.usando.info www.tienes5segundos.cl

El ciclo virtuoso
La clave es transformar la información en acción
Características de las comunicaciones digitales

El ciclo virtuoso
La clave es transformar la información en acción

Las bases
Características propias de la comunicación vía web
Interactiva
Actualizada
Multimedial
No lineal
Personal

Contenidos Estáticos vs Dinámicos
...dejar que la audiencia haga algo y sea parte de la noticia, es algo que otros medios generalmente no pueden hacer. La Internet y el web son interactivos por naturaleza, y para que Internet tenga éxito como medio masivo, debe aprovechar sus fortalezas sobre los otros medios ”. – Steve Outing
Las bases Características de las comunicaciones digitales Steve Outing

Las bases
Jean-François Fogel
“ El texto al pasar del papel a la pantalla, no gana nada".
El libro al pertenecer a una biblioteca digital hacia la cual hay múltiples referencias desde sus páginas, debido a las anotaciones que han hecho otras personas o las menciones que hace el propio texto, ofrece mucho más que el libro de papel.
El iPod sólo fue un éxito cuando apareció iTunes
Presentando:
Lectura vertical
Lectura horizontal

Las bases
Eyetracking : qué miran cuando nos visitan?
El área cubierta por la mirada (que tiene la forma de un triángulo) es lo que existe para el usuario y lo demás, simplemente no se ve.

Las bases
Test Interactivo de Eyetracking

Características de la redacción para el Web
Cómo leemos
Cómo presentamos
Cómo interactuamos
Características de la Redacción Web

Características de la redacción para el Web
Primero: Cómo leemos…
Se lee mediante saltos entre los temas más importantes , no palabra a palabra (Morkes, 1979)
El 79% va saltando entre párrafos y que sólo el 6% lee palabra a palabra (Nielsen 1997)
Se lee siguiendo el “ aroma ” de la información que permite predecir la calidad de lo que se encontrará (Pirolli 2002)
La credibilidad de un sitio se construye con medidas concretas relacionadas con la forma de presentar la información (Stanford 2002)

Cómo presentamos…
Portada
Títulos
Bajadas
Redacción en general
Textos Cortos
Textos Largos
Fotografías
Interacción
Tipografía

Cómo presentamos: Portada
Gracias a G o o g l e , la página de inicio ya no tiene validez como la única zona de acceso al sitio web.
Por lo tanto hay que preparar en cada página:
Contexto institucional (logotipo, dirección física, contacto)
Navegación (sección, breadcrumbs, menú)
Ofertas de otros contenidos (Vea además)
Compartir (comentarios, envíos por mails, redes sociales)
Cómo presentamos… Características de la Redacción Web

Cómo presentamos: Portada
Funciona su dominio sin las www?
Ha comprado los nombres parecidos
Google
Gooogle
Gogle
Un problema de marketing y DNS
Cómo presentamos… Características de la Redacción Web

Cómo presentamos: Títulos Características de la Redacción Web

Cómo presentamos: Títulos
El título debe ser comprensible “para” el web: debe entenderse fuera de contexto
Sujeto + Predicado
Títulos fomes para Internet
Títulos con estándar web (<h1>)
Las palabras del título deben apoyar el “click” del usuario
Verbos activos
Invitaciones a la acción
El título debe sostenerse en el tiempo
Hoy, Ayer, Mañana
Pasado, Presente y Futuro
El título no debe medir más de 64 caracteres de largo
Google, Yahoo, Bing permiten máximo 70 caracteres

Cómo presentamos: Títulos 1 2 Dos títulos y dos soportes para el mismo contenido Cuatro versiones: ¿cuál es mejor? Características de la Redacción Web

Cómo presentamos: Títulos Características de la Redacción Web

Cómo presentamos: Títulos
El largo de los títulos es de...
Inauguran museo de Carabineros en honor a general Bernales
(59)
Presidenta Bachelet inauguró el centro cultural en honor al ...
(60)
Bachelet inaugura Centro Cultural de Carabineros "General ...
(58)
Carabineros inaugura centro cultural en memoria de general José ...
(64)
Presidenta inaugura centro cultural General Bernales
(53)
Inauguran Centro Cultural General Bernales
(43)

Cómo presentamos: Bajadas
Son un resumen del texto
Apoyan el contenido del título
¿Son necesarias?
Para apoyar la lectura rápida (negritas, destacados)
Para apoyar la Encontrabilidad (más términos, sinónimos)
Para generar datos de meta información (<h2>, meta description)
Para ayudar en desarrollo de gadgets:
Contenido para RSS
Contenido para newsletters
Contenido para widgets

Cómo presentamos: Bajadas
La bajada como apoyo a la lectura

Cómo presentamos: Redacción
Si no nos leen, para qué insistimos en escribir… tanto?
Por ello es necesario:
Destacar palabras significativas
Subtítulos destacados
Listas (no más de siete elementos)
Una idea por párrafo
Pirámide invertida : lo importante primero
Escribir con la mitad de las palabras

Cómo presentamos: Textos Cortos
Es necesario que la redacción sea corta, que enfatice en las ideas centrales y que guíe la lectura utilizando elementos claves (negritas, enlaces, etc).

Cómo presentamos: Textos Cortos
Estilos: Bitácora versus Visión Editorial

Cómo presentamos: Textos Largos
Preferentemente, evitarlos.
Si deben ser incluidos, evitar las “ sábanas ”.
Preferir:
Subtítulos
Listas
Imágenes
Cuadros o Tablas
Ofrecer alternativas:
PDF
Impresión amistosa
Texto dividido en varios títulos

Cómo presentamos: Fotografías
La imagen siempre tiene lectura. Punto.

Cómo presentamos: Tipografía
Tipografía para la pantalla
Elegir la que se ha diseñado para ese efecto: Verdana
¿Se pueden usar otras?
La importancia del CSS
Cambiar tipografía dependiendo del medio utilizado: pantalla, impresora, televisión, celular

Contenidos Asociados (Ayer…)
Ayudan a crear usuarios leales
Wallpapers (Fondos)
Screensavers (Salva Pantallas)
Postales
Enviar a un amigo
Acciones Contextuales Características de la Redacción Web Ofertas para generar lealtad

Contenidos Asociados (Hoy…)
Participar en redes sociales
Comentar
Participar
Acciones Contextuales + Comunidad Características de la Redacción Web

Bloggers

Herramientas de interacción

“ Click trigger”
La habilidad que tiene un sitio web para ofrecer enlaces en cada página al visitante, a partir de los cuales pueda participar de manera más concreta en los contenidos del sitio web.
Acciones Contextuales Características de la Redacción Web

Ejemplos de “Click trigger”
Preocuparse de crear contenidos que generen más clicks (Ejemplo: Lo + … en NYT)
Evitar la navegación de rebote y tener siempre una oferta asociada (Ejemplo: acciones a realizar El Mundo)
Acciones Contextuales Características de la Redacción Web

¿Quién me lee? ¿Desde dónde me lee? Características de la Redacción Web

Cómo presentamos: Móviles
Para presentar en dispositivos móviles hay que preocuparse de:
Contexto de presentación
Desde qué aparato nos miran
Para qué nos miran
Quiénes nos miran
No es lo mismo:
Miniaturizar
Mantener lo actual pero mostrarlo en una pantalla de menor tamaño
Movilizar
Dejarlo disponible para el contexto en que nos visitan

Herramientas
El browser a usar
FireFox: http://www.mozilla.org/products/firefox/central.html
Opera: http://www.opera.com/download/
Herramientas de apoyo:
IE
http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
FF
http://www.chrispederick.com/work/firefox/webdeveloper/
Links e Imágenes no existentes
Xenu
http://home.snafu.de/tilman/xenulink.html
Link Checker de W3C
http://validator.w3.org/checklink
Peso de las páginas
Page Size
http://www.numion.com/Stopwatch/index.html
Web Site Optimization
http://www.websiteoptimization.com/services/analyze/
Herramientas

Herramientas
Links al sitio
Google, Yahoo! Site Explorer y Altavista
link:url-sitioweb
Validaciones de Estándares de w3c.org
HTML
http://validator.w3.org/
CSS
http://jigsaw.w3.org/css-validator/
Visibilidad en browsers
Tamaño de ventanas
http://www.w3schools.com/browsers/browsers_stats.asp
Visión en Sólo texto (Lynx)
http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php
Visión en celulares
http://ready.mobi/launch.jsp?locale=en_EN
Herramientas

Tienes 5 Segundos: Cómo titular para la Web Juan C. Camus [email_address] www.usando.info www.tienes5segundos.cl

http://tienes5segundos.cl	1058
http://www.laboratoriodemedios.cl	27
http://feeds.feedburner.com	24
http://www.sombreroblanco.cl	22
http://e-grafika.com.ar	21
http://www.slideshare.net	18
http://publicadigitalya.blogspot.com	16
http://cualesmimundo.blogspot.com	16
http://www.rapiweb.net.ar	4
http://www.lmodules.com	2
http://www.tienes5segundos.cl.	1
http://209.85.229.132	1
http://www.e-grafika.com.ar	1

Cómo titular para Web

by Juan C. Camus on Dec 10, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

13 Embeds 1,211

Statistics

Cómo titular para Web — Presentation Transcript