Redacción de contenidos para web

Redacción de contenidos para web David Maniega Legarda [email_address]

Ideas fuerza

Qué implica la escritura para la pantalla

Decálogo de redacción web (ampliable)

Los principios básicos de Kilian sobre contenidos

Aspectos formales de los contenidos

El poder de la palabra…, contenido y continente

Análisis web y escribiendo para blogs

Del papel a la pantalla

Lectura 25% más lenta en pantalla

El usuario es más impaciente, no sólo existes tú...

El potencial del hipertexto, ofreces muchas alternativas

El poder de la palabra, una tríada mágica:

Claridad  comprensible en primera lectura

Sencillez  sin elementos superfluos

Concreción  directo, sin irse por las ramas

El hipertexto

Basado en el pensamiento humano, no lineal

Sirve para representar, pero ¿qué pasa con la cognición o la asimilación del mismo?

El hipertexto puede servir para representar pero no para ser entendido, y aquí tenemos un problema

Si nuestro sistema hipertextual es complejo, la capacidad de abstracción será igualmente indescifrable para el usuario

No me hagas pensar (S. Krug)

Nuestro sitio web ha de ser un estímulo

Que el usuario encuentre lo que busca

Que sea comprensible con una simple lectura

Descaradamente breve y conciso

Con múltiples ganchos para seguir leyendo

Que no suponga un esfuerzo “No me hagas pensar” ... Porque me iré a otra parte ...

Eyetracking

Eyetracking http://www.youtube.com/watch?v=UXelg0T-iJA

¿Hay patrones establecidos?

La importancia de la redacción

La redacción digital

Partimos de textos...¿ seguro ?

Contenidos escritos, pensados para papel

Nuevos contenidos, pensados... ¿para web?

Nuevos formatos, ¿sólo texto? Podcasts, video

Enlaces a otros textos, ¿necesario o sobrante?

¿Para quién “escribimos”? ¿Quién “escribe”?

Quizás no sea mala idea colgar un PDF...

Decálogo de redacción web

1.- Escribir con precisión

Exponer exactamente lo que queremos decir

Lenguaje simple e informal , lectura más rápida

Escoger las palabras sin ambigüedad

Web 3.0 vs Web semántica

Tiempo vs Clima

2.- Utilizar frases sencillas

No crear estructuras complejas

Una frase es: sujeto + verbo + predicado

Cada nuevo párrafo una nueva idea

Nielsen: “recomienda usar el 50% menos de texto que en una publicación impresa”.

3.- Preferencia por verbos fuertes a débiles

Debemos evitar la perífrasis verbal (es un mito que suenen mejor o sean más “elegantes”).

“ Hacer uso de” por “Usar”

“ Realizar una encuesta” por “Encuestar”

“ Hacer clic mediante presión” por “Presionar”

“ Hacer una revisión” por “Revisar”

4.- Cuidado con otros referentes

Barbarismos: “geek”, “online”, “postear”

Engorde de palabras: “compartimentalización” por “dividir”, “reinicializar” por “reiniciar”...

Juegos de palabras, tecnicismos, localismos y variantes dialectales

5.- Evitar frases hechas y palabras de moda

Hay que evitar los clichés , su uso repetido desgasta el poder de la palabra

Las palabras de moda muchas veces llevan a confusión

Repositorio, cool, iPhonízate, postear

6.- Medir las metáforas y comparaciones

Podemos argumentar mediante comparaciones y/o contrastes para resaltar algo

No debe existir distancia física entre los elementos, evitar distracción (pensar en el hipertexto, pérdida de contexto)

7.- Destacar sin abrumar

Lo más significativo debe sobresalir del resto

Enfatiza palabras, pero no enfatices todo

Concadena las ideas , no las esparzas por la página

8.- Acotar las frases fragmentarias

Una frase fragmentaria no tiene sujeto o verbo

Son muy buenas para títulos o explicaciones fuera del contexto

Son autoexplicables

Un pie de foto puede ser fragmentario

“ Alonso realmente demoledor ”

9.- Aplicar el estilo de pirámide invertida

La idea principal va al inicio para interesar por la lectura al usuario

Luego argumentamos a base de razonamientos

Finalmente aportamos una idea/conclusión

Logramos que se quede con la idea sin haber leído todo el texto

10.- Uso de ladillos

En textos largos hemos de incluir una o varias palabras que representen el contenido posterior

Breves, directos, muy visuales (abstracción)

Potencian la relación de ideas entre bloques

En los titulares las primeras palabras contienen lo esencial de la " acción "

Armando los contenidos

Crawford Kilian establece 3 principios básicos:

Orientación  el usuario debe ser capaz de interpretar y moverse por el sitio. Saber cómo se estructura, qué es navegación y a dónde puede ir

Información  debe ser clara, directa. Correcta sintáctica, gramatical y ortográficamente. Aporta información no verbal sobre la calidad

Acción  espíritu optimista (enfocado a soluciones), lenguaje para el usuario “tú”, web 2.0

Generando estructuras claras

Cabecera + menú + cuerpo + pie página

¿Cómo seguir estos principios? Finalidad del sitio A dónde voy Qué puedo leer Un recordatorio

Creando una estructura lógica

Analizamos nuestro target potencial (visitantes, colaboradores, ocasionales)

Nosotros organizamos el contenido, decidimos si lo troceamos o deslizamos ( scroll )

Analizamos los niveles de profundidad del sistema de navegación

¿Cómo seguir estos principios?

Títulos y subtítulos

Son piezas informativas que complementan el contenido

Han de “ anunciar ” lo que viene a continuación

Las tres primeras palabras son la clave

Los subtítulos representan porciones de ideas , buena adecuación y proporción destacada

Si partimos un bloque en secciones , hay que establecer un sistema de enlaces internos

Analizad el formato compositivo de estos recursos en grupos de 2 ó 3 personas http://www.elpais.com http://www.elmundo.es http://www.20minutos.es Práctica

Conceptualización formal

Resúmenes y TdC

En unidades informativas de gran tamaño conviene crear tablas de contenidos hipertextuales

Al inicio se presenta el resumen , breve, directo, con las ideas básicas del contenido

Refuerzan el significado real del título

Uso de listas

La representación enumerada en forma de lista es visualmente muy potente

Alta legibilidad y capacidad de abstracción

Necesarias para estructurar conceptos

Refuerzan las relaciones de las partes con el todo

Enlaces correctos

Usar lo que funciona mejor , subrayado, pero no necesariamente azul

El enlace ha de ser predictivo , informativo, explicativo y atractivo, ¡uf, cuántas cosas!

Nunca ha de ser confuso, por lo tanto, olvidémonos de subrayar texto (uso de <em> y <strong>)

Etiquetar lo realmente representativo del enlace

Sistema de enlaces

El hipertexto puede abrumar a un usuario novel o ser perfecto para uno experto

Hay que medir la densidad de los enlaces del contenido y del sistema de navegación

La mejor forma es el sistema cóncavo (6 x 2 x 2)

Pregunta: ¿limitamos las opciones de usuario? ¿Cuántas líneas argumentales se pueden tener activas? ¿Es necesario enriquecer el contenido a pesar de la potencial pérdida que pueda suponer?

Dónde ubicar los enlaces (I)

Integrados en el texto es lo más intuitivo, ¿es lo mejor?

Desorienta el texto , no el enlace en sí

Evitar las referencias al pie de página

Dónde ubicar los enlaces (II)

Posicionar los enlaces en forma de lista (pocos) reduce la carga cognitiva por la concentración del usuario en la exploración

Informar de que se abandona el sitio actual

Olvidarnos de: “Si les doy otros recursos no me visitarán más...”

Una posible solución

Reducir la densidad de enlaces a aquellos fundamentales integrados en el texto

Si necesitamos más para complementar el contenido y aportar riqueza, en un lateral y en formato de lista

Consejos importantes

Cuando sean un grupo de enlaces, mostrarlos en formato lista (X)HTML

No marcar como un enlace todo aquello que no es un enlace

No hacer enlaces con Javascript

No variar el tamaño de un enlace al pasar el ratón por encima ( efecto hover )

Siempre subrayados , lo repetiré 1000 veces

Aplicar diferentes colores según el estado

No aislar una página al dejarla sin sistema de navegación (recordad que tenemos muchos niveles de acceso – Google & co.)

No llevar a páginas sólo con enlaces sin contexto , p.e. “Volver a la página principal” ¿si vengo de Google?

Evitar las calles sin salida

Etiquetarlo... todo

Cuidado con las pistas exclusivamente gráficas, no siempre son reconocibles

Evita los sistemas de navegación gráficos , son más confusos que los textuales

Siempre al lado de una imagen su texto o etiqueta

Utiliza microformatos, etiquetas semánticas...

Un buen contenido ha de tener una buena legibilidad

Una mala visualización desmonta el trabajo

Relación entre contenido y forma

Usabilidad y aspectos formales

Orden narrativo:

Describe un proceso a lo largo del tiempo

Generalmente se presenta bajo un único texto dividido en secciones

Podemos ofrecer un formato para su impresión

Podemos partirlo en porciones (lógicas)

Ordenación del contenido (I)

Orden lógico:

Se presenta un discurso basado en:

Una afirmación

Una argumentación

Una conclusión

Las referencias se pueden incluir en el texto o al final del mismo

Ordenación del contenido (II)

Orden basado en categorías:

Agrupación por temas, donde se establece una jerarquía

Altamente estructurados

Es conveniente crear grandes categorías que se subdividirán en otros temas

Puede ser rígido y poco efectivo para el usuario

Ordenación del contenido (III)

Práctica

¿Pensáis que la ordenación por categorías es rígida y poco flexible?

¿Es necesaria en algunos casos, cuáles?

¿La estructura jerárquica de un diario (p.e. El País.com), es compleja o necesaria?

Ante el nuevo paradigma de las nubes de tags, ¿cómo se comporta el autor/usuario/productor?

El poder del contenido

Se recomienda que los bloques de texto sean de no más de 100 palabras

En cada línea no debe haber más de 12 palabras, un mínimo de 8 (lectura ágil)

No hacer un mismo texto a dos columnas

Si se divide que sea en partes significativas , incluyendo un enlace a una versión completa

Legibilidad del contenido (I)

Factores que afectan la legibilidad:

Disposición de los textos y estilo de escritura

Tamaño de la tipografía (=12 pt texto, 22pt titulares)

Tipo de familia (serif, sans-serif)

Interlineado (dos espacios entre párrafos)

Separación e n t r e c a r a c t e r e s

CUIDADO CON TODO EL TEXTO EN MAYÚSCULAS, OBLIGA A FORZAR LA VISTA

Legibilidad del contenido (II)

Debemos establecer un margen entre el texto y su perímetro.

Si hay márgenes se lee más lento pero se comprende mejor.

En caso de un formato para impresión (nativo o PDF) velar por su anchura, no superior a 750 píxeles

En esta versión hemos de quedarnos sólo con lo necesario y eliminar lo accesorio

Legibilidad del contenido (III)

La fuerza de la palabra

Siempre que escribimos buscamos “ persuadir ” al usuario

Hay que demostrarle que te interesas por él, por sus necesidades , por sus dudas...

Si conseguimos que el usuario reaccione, actuará (p.e. Foros de dudas técnicas)

La argumentación lógica propone y razona sobre ello

Si los razonamientos no son concluyentes para el usuario o puede desconfiar de ellos, describamos la metodología utilizada...

...o refirámonos a entes con “ autoridad ”

¿Cómo funciona la persuasión?

La atracción emotiva supone aplicar ráfagas de ideas e imágenes que despierten interés

Las sensaciones tienen que ver con el estado de ánimo del usuario

Si tienes un sitio web temático que resuelve dudas de Windows, utiliza un discurso basado en el éxito y la resolución de problemas

La credibilidad es el tercer pilar básico

Lenguaje y tono cómodo para los usuarios. Transmitir sinceridad , si tenemos autoridad o prestigio hay que explotarlo

Ponerse en la piel del usuario, no marcar distancia , poniéndote de su lado, aumenta la confianza

Análisis de nuestro sitio web

Apliquemos estos criterios para evaluar y detectar problemas en nuestro sitio web:

Finalidad  ¿Se logra? ¿Cómo lo hace? Si es que no ¿por qué no? ¿Se ha tenido en cuenta a la audiencia?

Audiencia  ¿Para jóvenes o adultos? ¿Masculina o femenina? ¿Experimentada o novel?

Contenido  ¿Información abundante o mayoritariamente anuncios? ¿Pensado para imprimir o para leer y seguir? ¿La temática es adecuada al título del sitio? ¿Y al lema? ¿El texto es claro, está bien redactado, hay faltas de ortografía? ¿Tiene un formato coherente? ¿Capta el interés?

Estructura  ¿Es fácil de navegar por él? ¿Requiere muchos clics? ¿Hay muchos anuncios que entorpecen? ¿Puedes determinar una secuencialidad?

Aspecto formal  ¿La carga gráfica es adecuada? ¿Están bien utilizados los gráficos? ¿Aportan valor los gráficos o los elementos multimedia? ¿Realzan o complementan el texto?¿Tienen una buena resolución visual?

Accesibilidad  ¿Descarga rápido la página, menos de 5 segundos? ¿Necesita algún plug-in o complemento? ¿Tiene una buena resolución de contraste? ¿Se imprime correctamente?

Redactando para blogs

Mantener siempre la temática principal del blog

Sé cuidados@ con la H ortografía (¿a que duele?)

Encadena tus ideas, hilo conductor

Destaca aquellos puntos principales

Márcate tus intenciones, finalidad de tus escritos

Redactando para blogs (I)

Haz un texto claro, directo, pero..., mójate

Varía tu discurso en función de tu “post”

No enlaces por enlazar, sólo a lo realmente útil, aunque sea tu “competencia”. Comenta en sus blogs, pero aporta criterio

Redactando para blogs (II)

No estés dos meses sin aparecer en escena

Cuida tu lenguaje, recuerda que has de tener credibilidad (especialmente si eres tecnólogo)

Renuévate, renueva tu discurso, sé innovador

Redactando para blogs (III)

Plasma una idea por párrafo

Utiliza imágenes para ilustrar lo que comentas

Repesca tus “mejores” momentos ( lo + leído )

No te quedes con un corta y pega, apunta a las fuentes y de nuevo..., ¡mójate!

Redactando para blogs (IV)

Piensa en clave web , el procesador de textos no es tu amigo De lo escrito, pon sólo la mitad

Como vas a dejar los comentarios abiertos..., responde , ¡que sepan que estás ahí!

Evita escribir para tener posicionamiento ¿qué? Sí, escribe para la gente , no para Google

Redactando para blogs (V)

No hagas spam , te puedes enlazar a ti mismo siempre que aportes algo nuevo

Sindica tu blog , no des trabajo a quién no quiere

Redactando para blogs (VI)

Títulos para captar miradas

Cómo crear…  representa utilidad

Secretos sobre…  algo nuevo

Mitos acerca de…  sabiduría popular

La forma interrogativa  participación

Top 10 en…  siempre descubres algo

Cómo hice…  experiencia – empatía

Sabías que Steve Jobs…  uso de personajes atrae la atención, despierta interés

http://www.trazos-web.com/2007/08/23/7-formas-faciles-de-crear-titulos-atrapa-miradas/

Lo correcto: http://sigt.net/archivo/traduccion-de-20-rules-of-smart-and-successful-web-development.xhtml

Lo incorrecto: http://www.carlosleopoldo.com/2006/03/21/20-reglas-para-crear-sitios-web-exitosos/

21 reglas para crear sitios exitosos

Qué tiene Yahoo! Indizado de mi sitio web http://siteexplorer.search.yahoo.com/

Darte de alta en el directorio por excelencia http://www.dmoz.org/World/Español/add.html

Haz ping, que te empiecen a conocer http://pingomatic.com/

Posicionamiento web en Google (buen tuto) http://google.dirson.com/posicionamiento.net/

Algunos detalles interesantes

77 formas de conseguir tráfico web http://www.scribd.com/doc/42314/77-Formas-de-conseguir-trafico-Web

Promocionar un weblog http://eltelendro.blogspot.com/2005/05/promocionar-un-weblog.html

Consejos para bloggers noveles http://www.enriquedans.com/2005/10/consejos-para-bloggers-noveles.html

Algunas referencias básicas

¿Dudas, preguntas, abucheos...? Muchas gracias David Maniega [email_address] Valencia, 2008

Redacción de contenidos para web

0 comments

Notes on slide 1

Favorites, Groups & Events