SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
Artículo 9.1 Redactar para la web
Ignacio Pastor
Ignacio Pastor. Artículo 9.1 Redactar para la web [en linea]. En Cristòfol Rovira; Mari Carmen Marcos; Lluís Codina (dir.). Máster en
Documentación Digital Barcelona: Área de Ciencias de la Documentación. Departamento de Comunicación. Universidad Pompeu
Fabra, 2012. http://www.documentaciondigital.org

1. Introducción
2. Factores externos de la lectura en pantalla
2.1. Ergonomía
2.2. Contexto
3. ¿Cómo leemos en internet?
3.1. El 80% de las personas escanea el texto
3.2. Leemos el 20% del contenido de las páginas
3.3. Tardamos una media de 4,4 segundos en leer 100 palabras
3.4. Buscamos palabras clave e ignoramos el resto
4. ¿Cómo escribir para la web?
4.1. Comenzar por la conclusión: la pirámide invertida
4.2. Destacar palabras clave
4.3. Romper la uniformidad del texto
4.4. Ser concretos y directos
4.5. Cuidar el formato de letra y contraste
4.6. Redactar para el posicionamiento en buscadores (SEO)
4.7. Cuidar los aspectos formales
5. Nociones de escritura para dispositivos móviles.
5.1. Factores que afectan la comprensión de lectura en móviles
5.2. Tips para mejorar la escaneabilidad y retención en la lectura
6. Lecturas recomendadas

1. Introducción
Antes de llegar a su casa y después de un extenuante día de trabajo, Mateo decide comprar un
buen vino para celebrar con su mujer su reciente ascenso como gerente en la empresa donde
trabaja. Cuenta con poco tiempo ya que en casa lo esperan con la comida caliente, pero la
ocasión lo amerita y tiene al paso una vinoteca. No ha entrado nunca, así que mira la vitrina y
sin más dilación decide entrar a comprar el Sauvignon Blanc más extravagante que haya en la
tienda. Una vez dentro un enorme panel le informa de la misión de la empresa y le muestra una
gran fotografía de Don Emilio Robles, su fundador.
Pocos segundos después, el encargado del local se acerca a Mateo y con voz monótona
le recita así: "Bienvenido a Vinotecas El Roble. Desde nuestra fundación en el año 1998
hemos tenido un crecimiento sostenido del 15% anual, lo que nos ha convertido en líderes del
mercado. Con nuestras 8 tiendas de La Coruña a Cádiz ofrecemos trabajo a 64 personas que
trabajan día a día con la mayor honestidad, calidad y profesionalismo para que usted disfrute
del vino...". Extrañado, Mateo desconfía del lugar y se marcha.
Esta situación, impensada en la vida real, lamentablemente es muy habitual en sitios webs
donde los textos están cargados de frases prefabricadas, insípidas, poco seductoras, carentes
de estrategia y centradas en un discurso totalmente ajeno a los deseos del usuario y a los
objetivos del sitio web.
Los sitios web deben ser entendidos como espacios de comunicación en donde un emisor (el
autor, la empresa responsable del sitio web, su dueño) genera un mensaje con una intención, y
ese mensaje llegará a un receptor (un lector, un usuario, un cliente) que decidirá leerlo -o no-.
Puesto que la intención del autor del sitio web es que su sitio sea visitado, deberá considerar
muy bien a quién se dirige y con qué finalidad, y de esa forma ajustar los contenidos a esas
personas y a su misión.
Para afrontar con éxito el desarrollo de un sitio web es vital tener nociones de cómo redactar
los contenidos en el entorno web, un medio que difiere en algunos aspectos del medio impreso.
En las próximas secciones consideraremos cómo leemos las personas en la web, lo que nos
ayudará a entender cómo debemos redactar contenidos en este entorno digital, pero antes
nos detendremos unos párrafos en los factores externos que condicionan nuestra lectura: la
ergonomía y el contexto.

2. Factores externos de la lectura en pantalla
2.1. Ergonomía
Una de las diferencias fundamentales entre la lectura en pantalla y la lectura tradicional pasa
por la posición corporal que adoptamos cuando estamos frente a un ordenador y frente, por
ejemplo a un libro:
● La postura más relajante para el cuerpo es la horizontal ya que permite repartir el peso
en todo el cuerpo a diferencia de la postura vertical en la que repartimos nuestro peso
en 2 pies. Esta postura horizontal y relajada es más fácil de conseguir con la lectura
en papel , por ejemplo cuando nos tumbamos a leer un libro.
● El cuerpo, y especialmente zonas de la espalda, son más propensas a sufrir en el
caso de períodos largos frente al ordenador.
● Cuando leemos en el ordenador, la distancia entre nuestros ojos y el texto en pantalla
es mayor que al leer un libro. Esto provoca que en la lectura digital nuestro campo de
visión sea mayor y podamos abarcar más elementos con la vista provocando más
distracciones .

2.2. Contexto
A diferencia de cuando estamos leyendo en papel, en el ordenador estamos en un entorno
multitarea e hipertextual . Esta diferencia hace que la percepción del tiempo y la atención
sean diferentes.
● Los usuarios de internet se suelen conectar por espacios cortos de tiempo , incluso
mucha gente se conecta preferentemente desde sus trabajos.
● Cambia la percepción del tiempo: Los usuarios tienen menos paciencia y buscan la
inmediatez.
● En internet cada página tiene miles de páginas similares que leer, hay muchísima
competencia a sólo un click.
● En móviles o Ipods se paga por tiempo de conexión, más breve es mejor (y más
barato).
3. ¿Cómo leemos en internet?
Para poder escribir correctamente para la web es necesario que primero conozcamos el
comportamiento de lectura de los usuarios y tengamos claras cuáles son las principales
diferencias respecto a la lectura en papel.

3.1. El 80% de las personas escanea el texto
Muchos experimentos han demostrado que no leemos de forma ordenada y lineal, sino que
vamos dando saltos en diferentes puntos del texto intentando buscar algo que nos llame la
atención o coincida con lo que estamos buscando. Esta lectura de saltos es la que conocemos
como escaneo o barrido visual .
Este gráfico representa el camino que recorren nuestros ojos al ver una web:

El estudio está hecho con la tecnología conocida como eyetracking que graba el movimiento de
las pupilas.
Se han debatido mucho los motivos de este comportamiento frente a la pantalla. En este
sentido el “Gurú” de la usabilidad Jakob Nielsen apuesta por las siguientes causas:
● Leemos entre un 25 y 30% más lento en la red, esto exige optimizar al máximo nuestro
tiempo de lectura.
● Hay muchas páginas que nos pueden ofrecer la misma información, por lo que
deseamos saber rápidamente si estamos en el sitio correcto o no.
● No tenemos paciencia, queremos encontrar rápidamente lo que buscamos
Además hay factores físicos:
● Nuestra vista se cansa más rápido debido al refresco de pantalla que provoca un trabajo
intenso de nuestras pupilas.
En general podemos deducir que usamos y leemos la web de una forma muy diferente a cómo
muchos diseñadores creen:

Relacionado con lo anterior, se da un efecto colateral denominado patrón “F” de lectura.
Se refiere a que los usuarios al leer el contenido de una página web lo hacen utilizando un
movimiento muy similar a la forma de F. De este comportamiento es posible deducir que los
usuarios prestan más atención al comienzo del texto y que van dispersándose a medida que
bajan. Sin duda demuestra que es vital poner los mensajes más importantes al comienzo
de la redacción . En un mapa de eyetracking puede verse cómo las zonas rojas indican un
mayor detenimiento y atención por parte del usuario. El ejemplo muestra el resultado del
estudio realizado por Jacob Nielsen, publicado en su sitio useit.com.
Eyetracking realizado por Jabob Nielsen

3.2. Leemos el 20% del contenido de las páginas
Rara vez leemos todo el contenido que nos propone un sitio web (a excepción de los periódicos
online por ejemplo) ya que queremos encontrar de la forma más rápida posible aquello que
tenemos en mente.
Por ejemplo, este mapa de zonas ciegas realizada con Eyetracking muestra que si entramos
a la web de la expo de Zaragoza para adquirir una entrada, nos centramos básicamente en el
menú y en la zona de entradas. Lo demás casi no lo vemos.

La siguiente imagen de Steve Krug muestra lo que los usuarios realmente ven cuando están en
una web:
3.3. Tardamos una media de 4,4 segundos en leer 100 palabras
Producto del escaneo o barrido visual y de la impaciencia que tenemos al leer en pantalla,
terminamos leyendo (o viendo que no es lo mismo) 100 palabras en poco más de 4 segundos.
Sin embargo también podemos decir que un usuario está una media de 5 segundos en
cada página . Esto nos hace pensar que en esos 5 segundos el intentará encontrar, leyendo
velozmente, esa información que busca.
Dos ejemplos nos ayudarán a ver cómo algunas páginas web han utilizado las palabras. En
el caso de la página web de Vueling, con m enos de 50 palabras , la empresa sabe que la
mayoría de sus usuarios entra a comprar billetes de avión, por eso dan un acceso muy rápido
al formulario quitando todo el bla bla innecesario.
En el caso de la web de Cofidis , con más de 200 palabras ,sólo en el primer párrafo ya hay
más de 100, por lo que difícilmente un usuario leerá su contenido.

Con esto podemos ver cuál es el efecto colateral: al aumentar la cantidad de texto de una
página, el tiempo de visita no aumenta proporcionalmente.
Es decir, que no por escribir más vamos a conseguir que nos lean más. Este comportamiento
puede producirse por dos motivos:
● O bien porque el usuario lee más rápido cuando tiene más que leer
● O bien porque se asusta y abandona la página.
En el primer caso la consecuencia directa es que si el usuario nos lee más rápido hará un
mayor trabajo cognitivo, se cansará más, tendrá que repartir su atención entre más textos y
perderemos efectividad.
En el segundo caso la web estará fracasando ya que no logrará captar usuarios .
En conclusión, s ea como sea, siempre es mejor reducir el texto al máximo posible.

3.4. Buscamos palabras clave e ignoramos el resto
Todos sabemos que la atención es selectiva , es decir fijamos nuestra atención en aquello
que nos interesa e ignoramos el resto.
Generalmente cuando estamos navegando en la web lo hacemos con un objetivo concreto :
Buscar información determinada o hacer alguna gestión. Pues bien, toda la información que no
coincida con ese concepto pasará a ser invisible.
Por ejemplo en el caso de la web de YPF Argentina si un usuario busca un mapa, callejero o
ruta posiblemente no lo encuentre ya que la web ha preferido bautizar la sección del callejero
como “Al volante”. Este concepto no coincide con lo que el usuario está buscando y tiene
en mente.

A diferencia de Repsol YPF, Vía Michelin utiliza frecuentemente los conceptos que tiene el
usuario en mente incluso cuando aparece en Google:

Utilizar las palabras que el usuario tiene en mente facilita la identificación de la información
reduciendo los tiempos de la tarea.
El efecto más conocido de esta atención selectiva es la “Ceguera del banner” que consiste en
que no vemos ni leemos los mensajes que tienen un formato de banner . Esto se produce
por un mecanismo psicológico primitivo a través del cual nos insensibilizamos a los estímulos
cuando son repetitivos .
El “mapa de calor” del eyetracking muestra como los usuarios (más rojo=más visto) ignoramos
las zonas de banners.
También se debe a que hemos evolucionado como usuarios y somos capaces de identificar la
información que es importante de la que no.
Según Ainda.info “la identificación de los banners se produce por la creación en los usuarios de
un esquema perceptivo que a través de determinadas claves visuales de los banners (forma,
características, imágenes, fondo llamativo, posición en la página, etc.) permite destacarlos
como información a analizar. Esta ceguera visual sirve a los usuarios para discriminar
entre contenido de posible utilidad (contenidos reales del sitio) y contenido de nula utilidad
(generalmente publicidad)”.

4. ¿Cómo escribir para la web?
Ahora que hemos revisado algunos aspectos fundamentales sobre el comportamiento de los
usuarios al enfrentarse a un texto en pantalla podremos preguntarnos sobre cuáles son las
mejores técnicas para sortear las diferencias de lectura entre el mundo papel y el mundo
digital para lograr un mayor impacto de nuestros textos en la web. Comencemos:

4.1. Comenzar por la conclusión: la pirámide invertida
Una de las fórmulas más conocidas a la hora de escribir es la de comenzar desde lo
general a lo particular. Esta formula esta muy arraigada en el inconsiente ya que estamos
acostumbrados a dejar la conclusión para el final como por ejemplo en una operación
matemática, en un fallo judicial, en un contrato etc.
En la redacción para web debemos considerar exactamente lo contrario, es decir debemos
comenzar por la conclusión y luego desarrollar el tema en lo que se conoce como la técnica
de la pirámide invertida :
Su estructura ordena los datos de mayor a menor importancia, a través de las denominadas 6
w : What (qué), Who (quién), When (cuándo), Where (dónde), Why (por qué), How (cómo).
La técnica de la pirámide invertida permite:
● Que el usuario pueda abandonar la lectura en cualquier punto conocimiento la parte
más importante de la información.
● Acortar un texto sin quitar información esencial en caso de falta de espacio
● Que el usuario pueda decidir más rápidamente si le merece la pena leer el texto o no.
● Destacar información de interes e impacto en toda la página.
● Mantener la atención del usuario dosificando los puntos de interés.
Una de las aplicaciones prácticas de este método tiene que ver con la prensa, especialmente
con los diarios :
Cómo construír la pírámide invertida:
● Un lead o título utilizando palabras clave, corto y preciso con el dato más relevante
● Unas líneas que refuercen el lead aportando más información clave
●

Una idea por párrafo . Las ideas principales han de ir en los primeros párrafos.

Reglas:
● El título y la primera frase del párrafo han de describir el contenido del resto del
texto.
● Los primeros 2 párrafos deben mostrar la información más importante, ya que existen
muchas probabilidades de que estos párrafos sean leídos con más detención.

4.2. Destacar palabras clave
Como se comentó anteriormente, cuando los usuarios navegan buscando información lo hacen
con un concepto o palabra clave en mente .
El cambio fue la palabra clave en las elecciones americanas de 2008
Por ejemplo si buscamos “coches”, nuestra mente va a ser mucho más sensible a las palabras
relacionadas: camionetas, ruedas, repuestos, talleres, etc. En este sentido, las palabras
clave nos ayudan a sentir que estamos cerca de encontrar la información que necesitamos,
pensamos que “vamos por buen camino” y nos motivamos a seguir.
Una regla que nos ayudará a conseguir mejores textos es la que dice que s i el usuario cree
que está alcanzando su objetivo estará dispuesto a seguir hasta el final .
Al destacar palabras clave:
● Mejora el escaneado del texto.
● El usuario capta más rápido la temática del sitio.
● Aumenta el impacto de los mensajes.
● Los textos ganan visibilidad y son más leídos.
Un texto que destaca las palabras que tenemos en mente cuando hablamos de seguros:
Cómo utilizar las palabras clave:
Escoge las palabras correctas. Muchas páginas caen en el error de querer innovar utilizando
un vocabulario muy técnico que los usuarios desconocen. Lo correcto es investigar que
palabras son las que utilizan nuestros usuarios para referirse a los diferentes tipos de
servicio, producto o información que nuestro sitio ofrece.
Utiliza palabras clave en títulos y subtitulos. Esto aumentará la visibilidad de la información
y le permitirás al usuario encontrar mucho más rápido la información . También puedes
destacar palabras clave en el texto a través de negritas .
Es importante saber que s e debe empezar subtitulos, párrafos listados con palabras que
llamen a la lectura del resto del elemento, ya que es más probable que los usuarios lean las
2 primeras palabras que las 3 primeras.

4.3. Romper la uniformidad del texto
En la web encontramos muchos ejemplos de textos planos que dan la sensación de “tocho”,
un montón de lineas abarrotadas en las que no se destaca ninguna palabra clave y resultan
incómodas de leer. Este tipo de textos exigen al usuario leer palabra por palabra para poder
hacerse una idea de la temática. No permiten escanear la información .
Está comprobado que c uanto más uniforme es el texto más aumenta la posibilidad de que
no sea leído
Para romper esta uniformidad existen las siguientes técnicas que debemos utilizar cada vez
que sea posible:
● Negritas. Al destacar las palabras o ideas importantes de cada párrafo el usuario
podrá determinar rápidamente si la información le resultará útil o no.
● Listados. Permiten ordenar las ideas de una forma más visual y fácil de leer . Su
presencia hace que los textos se vean más ligeros.
●
●

●
●

●
●

Enlaces. Permiten profundizar en la información y ayudan a destacar conceptos clave
del texto.
Sangrados y tabulado. Los sangrados permiten marcar jerarquías dentro del texto.
Por ejemplo un subtitulo debe tener un mayor sangrado que un título. Utilizando
correctamente los sangrados el usuario podrá identificar más fácilmente la estructura
del texto (títulos, subtitulos, párrafos, listados, etc).
Los dos puntos. Permiten poner en la izquierda las palabras más importantes.
Alineación izquierda. Los textos justificados son mucho más difíciles de leer ya que
al ser todas las líneas iguales la vista se pierde fácilmente al pasar de una línea a otra.
Alineando los textos a la izquierdase rompe esta uniformidad entre las líneas y es
más fácil la lectura.
Ancho de linea. En general el ancho de línea no debe pasar de los 450 pixeles. Una
línea ancha nos hace perder el punto de referencia al pasar de una línea a otra.
Utiliza colores. Cuando el estilo de la página lo permita se pueden utilizar colores para
el título que le darán una imagen más atractiva al texto. Por su puesto se deben evitar
los colores fuertes y de bajo contraste.

Un texto demasiado plano no logra transmitir bien la esencia de la información:

En cambio un texto trabajado tiene mayor impacto y transmite más rápidamente lo esencial del
texto:
4.4. Ser concretos y directos
A veces nos encontramos con sitios webs que ofrecen información redactada desde la
publicidad y el marketing, adornando la escencia del mensaje. Pues bien, como hemos
comentado anteriormente en internet el usuario tiene poco tiempo, poca paciencia y a entrado a
nuestra web con objetivos concretos.
Página con texto irrelevante para el usuario (guiño a la usabilidad incluido)

Algunas recomendaciones que nos servirán para ser concretos y directos son:
● Evitar la voz pasiva , tiene menos fuerza que la voz activa: por ejemplo, en lugar
de "una vez realizado este paso, el vino es transportado a la bodega", mejor
escribimos "...se transporta a la bodega"
● Serán preferibles los verbos en infinitivo en lugar de los sustantivos: por ejemplo, en
lugar de "el objetivo es el desarrollo de un sistema..." mejor escribimos "el objetivo es
desarrollar un sistema..."
● Evitar las frases muy largas y subordinadas, es mejor optar por frases más cortas y
de estructura sencilla
● Evitar las perífrasis verbales : por ejemplo, en lugar de "hacer uso del corcho" es
mejor escribir "utilizar el corcho" o "usar el corcho"
● Utilizar palabras con significado claro , evitar palabras que puedan generar dudas
● Empatizar con el lector, intentar que se identifique con el autor o al menos que
no le deje indiferente, causarle interés por continuar con la lectura. Esta pauta es
especialmente importante en los textos que pretenden ser persuasivos. Una clave para
conseguirlo es generar algún tipo de emoción que lo cautive.

Lastfm utiliza un estilo directo

4.5. Cuidar el formato de letra y contraste
Uno de los aspectos fundamentales a la hora de decidir si leemos o no un texto es su
apariencia. En este sentido el formato de letra debe potenciar la facilidad de lectura y el
contraste debe ser suficientemente alto para que no tengamos que forzar la vista. Tendremos
que tener en cuenta algunas características:
Tipografía. En general se deben evitar las tipografías con serifa (Ej. Times new roman)
ya que si bien en papel son más fáciles de leer, en pantalla las serifas tienen problemas de
definición en algunos monitores exigiendo un mayor trabajo para la vista. Es mucho mejor
utilizar tipografías de palo seco o sin serifa como Arial, Helvética o Tahoma que se adaptan
mucho mejor a la lectura en pantalla.
La serifa dificulta la lectura en el monitor

Tamaño de fuente. Nunca se debe utilizar un tamaño de letra inferior a 10 puntos ya que un
gran porcentaje de la población tiene problemas de vista.
Contraste. En principio el contraste entre color de fondo y la letra debe ser el suficiente para
poder leer sin forzar la vista. Nunca se deben utilizar colores fuertes como color de fondo y es
mejor evitar los colores oscuros. Los tonos claros son los que mejor funcionan.

4.6. Redactar para el posicionamiento en buscadores (SEO)
Los buscadores ofrecen en sus resultados las páginas web que contienen las palabras que
el usuario ha tecleado en su consulta. Si buscamos monumentos paris , los resultados que
aparecerán incluirán las palabras monumentos y paris , pero no necesariamente incluirán viaje,
turismo o europa.
Imaginemos que somos los responsables de un sitio web de información turística de París. Al
redactar los contenidos del sitio deberemos preguntarnos esto: ¿qué palabras utilizan en los
buscadores las personas que quieren información turística sobre París? La respuesta
será una lista más o menos larga de posibilidades que nos servirá para tener en cuenta en
nuestra redacción.
Además de utilizar el vocabulario más cercano al usuario debemos poner atención sobre en
qué partes del documento lo ponemos:
● El título es fundamental : los buscadores interpretan que las palabras que aparecen
en él tienen más valor ya que reflejan lo esencial del texto.
● Lo mismo ocurre con los títulos de los apartados (en html vienen etiquetados como
<h1>, <h2>...) y las palabras en letra negrita.
● Los pies de las imágenes son la única fuente a la que pueden recurrir los buscadores
para conocer el contenido de las imágenes. Son muy importantes.

4.7. Cuidar los aspectos formales
Puede parecer una obviedad no está de más recordarlo, ya que la escritura en el medio online
suele pecar de descuidada por la costumbre de teclear con rapidez y no releer lo escrito.
Todas estas faltas son fácilmente detectables si antes de publicar el texto se utiliza un simple
revisor de ortografía y gramática , si urgen dudas, disponemos de diccionarios donde
consultar, como el Diccionario de la Real Academia Española para el idioma español ( http://
drae.rae.es ), o el Diccionario Panhispánico de Dudas ( http://dpd.rae.es ) para dudas de este
mismo idioma.
Relacionado con la corrección de la escritura, las traducciones realizadas con herramientas
automáticas pueden ser de utilidad para facilitar el trabajo, pero deben ser revisadas para
evitar traducciones literales, uso incorrecto del vocabulario y errores gramaticales.

“Round trip” se ha traducido literalmente como “viaje redondo” en lugar de “viaje de ida y vuelta”

El traductor automático (suponemos) de EasyCar ha utilizado la palabra “rato” en vez de “hora”
al traducir “Time”, de manera que la frase “seleccione un rato de la recolección” o “seleccione
un rato de vuelta” resultan incomprensibles

5. Nociones de escritura para dispositivos móviles.
Según el artículo "Mobile Content Is Twice as Difficult" de Jacob Nielsen, al enfrentarnos a dispositivos
móviles como el iPhone experimentamos una importante disminución en nuestro nivel de comprensión
de lectura respecto a los ordenadores comunes.

5.1. Factores que afectan la comprensión de lectura en móviles
Nuestra disposición a leer en móviles es menor:

Buscamos textos fácilmente escaneables, titulares cortos y directos. La profundidad o detalle
de la información nos interesa menos por lo que ignoramos los textos de apoyo provocando
que el nivel de comprensión global disminuya.
Forzamos nuestra memoria a corto plazo:
En moviles, tardamos más tiempo en leer por lo que nuestra memoria de corto plazo necesita
procesar mayor cantidad de información. Debido a su naturaleza "cortoplacista" gran porcentaje
de la información procesada se va perdiendo afectando nuestra capacidad de retención.
Estamos en 2 cosas a la vez:
Consultamos nuestro móvil mientras vamos en metro, bajamos el ascensor, incluso mientras
estamos reunidos con nuestros amigos. En otras palabras, muchas veces leemos en el móvil
mientras estamos poniendo atención en otra cosa afectando directamente nuestra capacidad
de atención.

5.2. Tips para mejorar la escaneabilidad y retención en la lectura
Además de tener en cuenta las recomendaciones y consideraciones comentadas a lo largo del

artículo, es necesario hacer énfasis en los siguientes aspectos:
●Hay que centrar la atención de los usuarios en lo esencial.
●Se debe ser riguroso a la hora de comunicar solo lo indispensable.
●El primer párrafo debe servir de sumario.
●Los párrafos deben ser cortos. Máximo 4 lineas.
●Es aconsejable utilizar subtitulos para enfatizar lo importante.
●Hay que procurar enganchar a los lectores.
●Hay que eliminar los "textos de relleno".
●Los titulares no deberían tener más de 5 palabras.
●Los links deben estar bien explicados (anchor text).
●Es conveniente utilizar Utiliza más links que en la web.
●Es recomendable dejar suficiente espacio entre los links.
Nuestra disposición a leer en móviles es menor:
Buscamos textos fácilmente escaneables, titulares cortos y directos. La profundidad o detalle
de la información nos interesa menos por lo que ignoramos los textos de apoyo provocando
que el nivel de comprensión global disminuya.
Forzamos nuestra memoria a corto plazo:
En moviles, tardamos más tiempo en leer por lo que nuestra memoria de corto plazo necesita
procesar mayor cantidad de información. Debido a su naturaleza "cortoplacista" gran porcentaje
de la información procesada se va perdiendo afectando nuestra capacidad de retención.
Estamos en 2 cosas a la vez:
Consultamos nuestro móvil mientras vamos en metro, bajamos el ascensor, incluso mientras
estamos reunidos con nuestros amigos. En otras palabras, muchas veces leemos en el móvil
mientras estamos poniendo atención en otra cosa afectando directamente nuestra capacidad
de atención.

6. Lecturas recomendadas
●

Franco, G. (2008). Cómo escribir para la web . [en línea]
EN: http://knightcenter.utexas.edu/como_web.php [Consulta: 22 diciembre de 2008]

●

Nielsen, Jacob [en línea]
EN: http://www.useit.com/papers/webwriting/ [Consulta: 22 diciembre de 2008]

●

Ademas se pueden ver los recursos seleccionados por el autor de esta unidad en su
espacio de Delicious: https://delicious.com/usabilidoso

●

También el autor divulga contenido de interés a través de Twitter: http://twitter.com/
Usabilidoso
© Master en Buscadores y Master en Documentación Digital (IDEC-UPF)

Mais conteúdo relacionado

Destaque (9)

Bloc a les biblioteques
Bloc a les bibliotequesBloc a les biblioteques
Bloc a les biblioteques
 
Sindicació pràctica
Sindicació pràcticaSindicació pràctica
Sindicació pràctica
 
Sindicacio rss
Sindicacio rssSindicacio rss
Sindicacio rss
 
Reputacio
ReputacioReputacio
Reputacio
 
Eines d'avaluació
Eines d'avaluacióEines d'avaluació
Eines d'avaluació
 
Geolocalitzacio
GeolocalitzacioGeolocalitzacio
Geolocalitzacio
 
Multimdiaimatgevideoiso
MultimdiaimatgevideoisoMultimdiaimatgevideoiso
Multimdiaimatgevideoiso
 
Presentecio bloc prova Facebook
Presentecio bloc prova FacebookPresentecio bloc prova Facebook
Presentecio bloc prova Facebook
 
Presentació web 2.0
Presentació web 2.0Presentació web 2.0
Presentació web 2.0
 

Semelhante a Artículo 9.1 redactar para la web

Lanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 SegundosLanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 SegundosJuan C. Camus
 
Navegadores web y buscadores web
Navegadores web y buscadores webNavegadores web y buscadores web
Navegadores web y buscadores webcortines1
 
"Cómo escribir para la Web"
"Cómo escribir para la Web""Cómo escribir para la Web"
"Cómo escribir para la Web"Mariafe Awuapara
 
Libro "Cómo escribir para la Web"
Libro "Cómo escribir para la Web"Libro "Cómo escribir para la Web"
Libro "Cómo escribir para la Web"Mariafe Awuapara
 
Resumen del libro "Cómo escribir para la Web"
Resumen del libro "Cómo escribir para la Web"Resumen del libro "Cómo escribir para la Web"
Resumen del libro "Cómo escribir para la Web"Mariafe Awuapara
 
Accesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAccesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAtuestaDaniel
 
Más información, menos conocimiento
Más información, menos conocimientoMás información, menos conocimiento
Más información, menos conocimientoStany Pastor Helfer
 
El internet
El internetEl internet
El internetCindy
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la webAahons
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la webAahons
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la webAahons
 
Accesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAccesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAtuestaDaniel
 

Semelhante a Artículo 9.1 redactar para la web (20)

Lanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 SegundosLanzamiento de Tienes 5 Segundos
Lanzamiento de Tienes 5 Segundos
 
Navegadores web y buscadores web
Navegadores web y buscadores webNavegadores web y buscadores web
Navegadores web y buscadores web
 
Curso blogs
Curso blogsCurso blogs
Curso blogs
 
El diseño web con calidad
El diseño web con calidadEl diseño web con calidad
El diseño web con calidad
 
Tema3 internet2
Tema3 internet2Tema3 internet2
Tema3 internet2
 
"Cómo escribir para la Web"
"Cómo escribir para la Web""Cómo escribir para la Web"
"Cómo escribir para la Web"
 
Libro "Cómo escribir para la Web"
Libro "Cómo escribir para la Web"Libro "Cómo escribir para la Web"
Libro "Cómo escribir para la Web"
 
Resumen del libro "Cómo escribir para la Web"
Resumen del libro "Cómo escribir para la Web"Resumen del libro "Cómo escribir para la Web"
Resumen del libro "Cómo escribir para la Web"
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Accesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAccesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidad
 
T04 dawebeye
T04 dawebeyeT04 dawebeye
T04 dawebeye
 
Más información, menos conocimiento
Más información, menos conocimientoMás información, menos conocimiento
Más información, menos conocimiento
 
El internet
El internetEl internet
El internet
 
Informatica aplicada
Informatica aplicadaInformatica aplicada
Informatica aplicada
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la web
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la web
 
Como escribir para la web
Como escribir para la webComo escribir para la web
Como escribir para la web
 
internet
internetinternet
internet
 
Informatica aplicada
Informatica aplicadaInformatica aplicada
Informatica aplicada
 
Accesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidadAccesibilidad web para los usuarios con discapacidad
Accesibilidad web para los usuarios con discapacidad
 

Mais de Webfoment Lectura (9)

Twitter
TwitterTwitter
Twitter
 
Xarxes socials
Xarxes socialsXarxes socials
Xarxes socials
 
Marcadors socials practica
Marcadors socials practicaMarcadors socials practica
Marcadors socials practica
 
Marcadors socials
Marcadors socialsMarcadors socials
Marcadors socials
 
So
SoSo
So
 
So
SoSo
So
 
Multimedia - Vídeo
Multimedia - VídeoMultimedia - Vídeo
Multimedia - Vídeo
 
Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)Multimèdia (imatge, video i so)
Multimèdia (imatge, video i so)
 
Com fer servir la web 2.0 en el foment de la lectura
Com fer servir la web 2.0 en el foment de la lecturaCom fer servir la web 2.0 en el foment de la lectura
Com fer servir la web 2.0 en el foment de la lectura
 

Último

III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxMaritza438836
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORGonella
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxRAMON EUSTAQUIO CARO BAYONA
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxLudy Ventocilla Napanga
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOEveliaHernandez8
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicialLorenaSanchez350426
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfssuser50d1252
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfcoloncopias5
 
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOFICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOMARIBEL DIAZ
 
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfPresentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfSarayLuciaSnchezFigu
 

Último (20)

III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docxIII SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
III SEGUNDO CICLO PLAN DE TUTORÍA 2024.docx
 
VISITA À PROTEÇÃO CIVIL _
VISITA À PROTEÇÃO CIVIL                  _VISITA À PROTEÇÃO CIVIL                  _
VISITA À PROTEÇÃO CIVIL _
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
recursos naturales america cuarto basico
recursos naturales america cuarto basicorecursos naturales america cuarto basico
recursos naturales america cuarto basico
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
DETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIORDETALLES EN EL DISEÑO DE INTERIOR
DETALLES EN EL DISEÑO DE INTERIOR
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docxMODELO DE INFORME DE INDAGACION CIENTIFICA .docx
MODELO DE INFORME DE INDAGACION CIENTIFICA .docx
 
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docxSIMULACROS Y SIMULACIONES DE SISMO 2024.docx
SIMULACROS Y SIMULACIONES DE SISMO 2024.docx
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADOCUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
CUADERNILLO DE EJERCICIOS PARA EL TERCER TRIMESTRE, SEXTO GRADO
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
libro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación iniciallibro para colorear de Peppa pig, ideal para educación inicial
libro para colorear de Peppa pig, ideal para educación inicial
 
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdfFichas de MatemáticA QUINTO DE SECUNDARIA).pdf
Fichas de MatemáticA QUINTO DE SECUNDARIA).pdf
 
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdfFisiologia.Articular. 3 Kapandji.6a.Ed.pdf
Fisiologia.Articular. 3 Kapandji.6a.Ed.pdf
 
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADOFICHA  PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
FICHA PL PACO YUNQUE.docx PRIMARIA CUARTO GRADO
 
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdfPresentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
Presentacion minimalista aesthetic simple beige_20240415_224856_0000.pdf
 

Artículo 9.1 redactar para la web

  • 1. Artículo 9.1 Redactar para la web Ignacio Pastor Ignacio Pastor. Artículo 9.1 Redactar para la web [en linea]. En Cristòfol Rovira; Mari Carmen Marcos; Lluís Codina (dir.). Máster en Documentación Digital Barcelona: Área de Ciencias de la Documentación. Departamento de Comunicación. Universidad Pompeu Fabra, 2012. http://www.documentaciondigital.org 1. Introducción 2. Factores externos de la lectura en pantalla 2.1. Ergonomía 2.2. Contexto 3. ¿Cómo leemos en internet? 3.1. El 80% de las personas escanea el texto 3.2. Leemos el 20% del contenido de las páginas 3.3. Tardamos una media de 4,4 segundos en leer 100 palabras 3.4. Buscamos palabras clave e ignoramos el resto 4. ¿Cómo escribir para la web? 4.1. Comenzar por la conclusión: la pirámide invertida 4.2. Destacar palabras clave 4.3. Romper la uniformidad del texto 4.4. Ser concretos y directos 4.5. Cuidar el formato de letra y contraste 4.6. Redactar para el posicionamiento en buscadores (SEO) 4.7. Cuidar los aspectos formales 5. Nociones de escritura para dispositivos móviles. 5.1. Factores que afectan la comprensión de lectura en móviles 5.2. Tips para mejorar la escaneabilidad y retención en la lectura 6. Lecturas recomendadas 1. Introducción Antes de llegar a su casa y después de un extenuante día de trabajo, Mateo decide comprar un buen vino para celebrar con su mujer su reciente ascenso como gerente en la empresa donde trabaja. Cuenta con poco tiempo ya que en casa lo esperan con la comida caliente, pero la ocasión lo amerita y tiene al paso una vinoteca. No ha entrado nunca, así que mira la vitrina y sin más dilación decide entrar a comprar el Sauvignon Blanc más extravagante que haya en la tienda. Una vez dentro un enorme panel le informa de la misión de la empresa y le muestra una gran fotografía de Don Emilio Robles, su fundador. Pocos segundos después, el encargado del local se acerca a Mateo y con voz monótona le recita así: "Bienvenido a Vinotecas El Roble. Desde nuestra fundación en el año 1998 hemos tenido un crecimiento sostenido del 15% anual, lo que nos ha convertido en líderes del mercado. Con nuestras 8 tiendas de La Coruña a Cádiz ofrecemos trabajo a 64 personas que trabajan día a día con la mayor honestidad, calidad y profesionalismo para que usted disfrute del vino...". Extrañado, Mateo desconfía del lugar y se marcha. Esta situación, impensada en la vida real, lamentablemente es muy habitual en sitios webs donde los textos están cargados de frases prefabricadas, insípidas, poco seductoras, carentes de estrategia y centradas en un discurso totalmente ajeno a los deseos del usuario y a los
  • 2. objetivos del sitio web. Los sitios web deben ser entendidos como espacios de comunicación en donde un emisor (el autor, la empresa responsable del sitio web, su dueño) genera un mensaje con una intención, y ese mensaje llegará a un receptor (un lector, un usuario, un cliente) que decidirá leerlo -o no-. Puesto que la intención del autor del sitio web es que su sitio sea visitado, deberá considerar muy bien a quién se dirige y con qué finalidad, y de esa forma ajustar los contenidos a esas personas y a su misión. Para afrontar con éxito el desarrollo de un sitio web es vital tener nociones de cómo redactar los contenidos en el entorno web, un medio que difiere en algunos aspectos del medio impreso. En las próximas secciones consideraremos cómo leemos las personas en la web, lo que nos ayudará a entender cómo debemos redactar contenidos en este entorno digital, pero antes nos detendremos unos párrafos en los factores externos que condicionan nuestra lectura: la ergonomía y el contexto. 2. Factores externos de la lectura en pantalla 2.1. Ergonomía Una de las diferencias fundamentales entre la lectura en pantalla y la lectura tradicional pasa por la posición corporal que adoptamos cuando estamos frente a un ordenador y frente, por ejemplo a un libro: ● La postura más relajante para el cuerpo es la horizontal ya que permite repartir el peso en todo el cuerpo a diferencia de la postura vertical en la que repartimos nuestro peso en 2 pies. Esta postura horizontal y relajada es más fácil de conseguir con la lectura en papel , por ejemplo cuando nos tumbamos a leer un libro. ● El cuerpo, y especialmente zonas de la espalda, son más propensas a sufrir en el caso de períodos largos frente al ordenador. ● Cuando leemos en el ordenador, la distancia entre nuestros ojos y el texto en pantalla es mayor que al leer un libro. Esto provoca que en la lectura digital nuestro campo de visión sea mayor y podamos abarcar más elementos con la vista provocando más distracciones . 2.2. Contexto A diferencia de cuando estamos leyendo en papel, en el ordenador estamos en un entorno multitarea e hipertextual . Esta diferencia hace que la percepción del tiempo y la atención sean diferentes. ● Los usuarios de internet se suelen conectar por espacios cortos de tiempo , incluso mucha gente se conecta preferentemente desde sus trabajos. ● Cambia la percepción del tiempo: Los usuarios tienen menos paciencia y buscan la inmediatez. ● En internet cada página tiene miles de páginas similares que leer, hay muchísima competencia a sólo un click. ● En móviles o Ipods se paga por tiempo de conexión, más breve es mejor (y más barato).
  • 3. 3. ¿Cómo leemos en internet? Para poder escribir correctamente para la web es necesario que primero conozcamos el comportamiento de lectura de los usuarios y tengamos claras cuáles son las principales diferencias respecto a la lectura en papel. 3.1. El 80% de las personas escanea el texto Muchos experimentos han demostrado que no leemos de forma ordenada y lineal, sino que vamos dando saltos en diferentes puntos del texto intentando buscar algo que nos llame la atención o coincida con lo que estamos buscando. Esta lectura de saltos es la que conocemos como escaneo o barrido visual . Este gráfico representa el camino que recorren nuestros ojos al ver una web: El estudio está hecho con la tecnología conocida como eyetracking que graba el movimiento de las pupilas. Se han debatido mucho los motivos de este comportamiento frente a la pantalla. En este sentido el “Gurú” de la usabilidad Jakob Nielsen apuesta por las siguientes causas: ● Leemos entre un 25 y 30% más lento en la red, esto exige optimizar al máximo nuestro tiempo de lectura.
  • 4. ● Hay muchas páginas que nos pueden ofrecer la misma información, por lo que deseamos saber rápidamente si estamos en el sitio correcto o no. ● No tenemos paciencia, queremos encontrar rápidamente lo que buscamos Además hay factores físicos: ● Nuestra vista se cansa más rápido debido al refresco de pantalla que provoca un trabajo intenso de nuestras pupilas. En general podemos deducir que usamos y leemos la web de una forma muy diferente a cómo muchos diseñadores creen: Relacionado con lo anterior, se da un efecto colateral denominado patrón “F” de lectura. Se refiere a que los usuarios al leer el contenido de una página web lo hacen utilizando un movimiento muy similar a la forma de F. De este comportamiento es posible deducir que los usuarios prestan más atención al comienzo del texto y que van dispersándose a medida que bajan. Sin duda demuestra que es vital poner los mensajes más importantes al comienzo de la redacción . En un mapa de eyetracking puede verse cómo las zonas rojas indican un mayor detenimiento y atención por parte del usuario. El ejemplo muestra el resultado del estudio realizado por Jacob Nielsen, publicado en su sitio useit.com.
  • 5. Eyetracking realizado por Jabob Nielsen 3.2. Leemos el 20% del contenido de las páginas Rara vez leemos todo el contenido que nos propone un sitio web (a excepción de los periódicos online por ejemplo) ya que queremos encontrar de la forma más rápida posible aquello que tenemos en mente. Por ejemplo, este mapa de zonas ciegas realizada con Eyetracking muestra que si entramos a la web de la expo de Zaragoza para adquirir una entrada, nos centramos básicamente en el menú y en la zona de entradas. Lo demás casi no lo vemos. La siguiente imagen de Steve Krug muestra lo que los usuarios realmente ven cuando están en una web:
  • 6. 3.3. Tardamos una media de 4,4 segundos en leer 100 palabras Producto del escaneo o barrido visual y de la impaciencia que tenemos al leer en pantalla, terminamos leyendo (o viendo que no es lo mismo) 100 palabras en poco más de 4 segundos. Sin embargo también podemos decir que un usuario está una media de 5 segundos en cada página . Esto nos hace pensar que en esos 5 segundos el intentará encontrar, leyendo velozmente, esa información que busca. Dos ejemplos nos ayudarán a ver cómo algunas páginas web han utilizado las palabras. En el caso de la página web de Vueling, con m enos de 50 palabras , la empresa sabe que la mayoría de sus usuarios entra a comprar billetes de avión, por eso dan un acceso muy rápido al formulario quitando todo el bla bla innecesario.
  • 7. En el caso de la web de Cofidis , con más de 200 palabras ,sólo en el primer párrafo ya hay más de 100, por lo que difícilmente un usuario leerá su contenido. Con esto podemos ver cuál es el efecto colateral: al aumentar la cantidad de texto de una página, el tiempo de visita no aumenta proporcionalmente. Es decir, que no por escribir más vamos a conseguir que nos lean más. Este comportamiento puede producirse por dos motivos: ● O bien porque el usuario lee más rápido cuando tiene más que leer ● O bien porque se asusta y abandona la página. En el primer caso la consecuencia directa es que si el usuario nos lee más rápido hará un mayor trabajo cognitivo, se cansará más, tendrá que repartir su atención entre más textos y perderemos efectividad. En el segundo caso la web estará fracasando ya que no logrará captar usuarios . En conclusión, s ea como sea, siempre es mejor reducir el texto al máximo posible. 3.4. Buscamos palabras clave e ignoramos el resto Todos sabemos que la atención es selectiva , es decir fijamos nuestra atención en aquello que nos interesa e ignoramos el resto.
  • 8. Generalmente cuando estamos navegando en la web lo hacemos con un objetivo concreto : Buscar información determinada o hacer alguna gestión. Pues bien, toda la información que no coincida con ese concepto pasará a ser invisible. Por ejemplo en el caso de la web de YPF Argentina si un usuario busca un mapa, callejero o ruta posiblemente no lo encuentre ya que la web ha preferido bautizar la sección del callejero como “Al volante”. Este concepto no coincide con lo que el usuario está buscando y tiene en mente. A diferencia de Repsol YPF, Vía Michelin utiliza frecuentemente los conceptos que tiene el usuario en mente incluso cuando aparece en Google: Utilizar las palabras que el usuario tiene en mente facilita la identificación de la información reduciendo los tiempos de la tarea. El efecto más conocido de esta atención selectiva es la “Ceguera del banner” que consiste en que no vemos ni leemos los mensajes que tienen un formato de banner . Esto se produce por un mecanismo psicológico primitivo a través del cual nos insensibilizamos a los estímulos cuando son repetitivos . El “mapa de calor” del eyetracking muestra como los usuarios (más rojo=más visto) ignoramos las zonas de banners.
  • 9. También se debe a que hemos evolucionado como usuarios y somos capaces de identificar la información que es importante de la que no. Según Ainda.info “la identificación de los banners se produce por la creación en los usuarios de un esquema perceptivo que a través de determinadas claves visuales de los banners (forma, características, imágenes, fondo llamativo, posición en la página, etc.) permite destacarlos como información a analizar. Esta ceguera visual sirve a los usuarios para discriminar entre contenido de posible utilidad (contenidos reales del sitio) y contenido de nula utilidad (generalmente publicidad)”. 4. ¿Cómo escribir para la web? Ahora que hemos revisado algunos aspectos fundamentales sobre el comportamiento de los usuarios al enfrentarse a un texto en pantalla podremos preguntarnos sobre cuáles son las mejores técnicas para sortear las diferencias de lectura entre el mundo papel y el mundo digital para lograr un mayor impacto de nuestros textos en la web. Comencemos: 4.1. Comenzar por la conclusión: la pirámide invertida Una de las fórmulas más conocidas a la hora de escribir es la de comenzar desde lo general a lo particular. Esta formula esta muy arraigada en el inconsiente ya que estamos acostumbrados a dejar la conclusión para el final como por ejemplo en una operación matemática, en un fallo judicial, en un contrato etc. En la redacción para web debemos considerar exactamente lo contrario, es decir debemos comenzar por la conclusión y luego desarrollar el tema en lo que se conoce como la técnica de la pirámide invertida :
  • 10. Su estructura ordena los datos de mayor a menor importancia, a través de las denominadas 6 w : What (qué), Who (quién), When (cuándo), Where (dónde), Why (por qué), How (cómo). La técnica de la pirámide invertida permite: ● Que el usuario pueda abandonar la lectura en cualquier punto conocimiento la parte más importante de la información. ● Acortar un texto sin quitar información esencial en caso de falta de espacio ● Que el usuario pueda decidir más rápidamente si le merece la pena leer el texto o no. ● Destacar información de interes e impacto en toda la página. ● Mantener la atención del usuario dosificando los puntos de interés. Una de las aplicaciones prácticas de este método tiene que ver con la prensa, especialmente con los diarios : Cómo construír la pírámide invertida: ● Un lead o título utilizando palabras clave, corto y preciso con el dato más relevante ● Unas líneas que refuercen el lead aportando más información clave
  • 11. ● Una idea por párrafo . Las ideas principales han de ir en los primeros párrafos. Reglas: ● El título y la primera frase del párrafo han de describir el contenido del resto del texto. ● Los primeros 2 párrafos deben mostrar la información más importante, ya que existen muchas probabilidades de que estos párrafos sean leídos con más detención. 4.2. Destacar palabras clave Como se comentó anteriormente, cuando los usuarios navegan buscando información lo hacen con un concepto o palabra clave en mente .
  • 12. El cambio fue la palabra clave en las elecciones americanas de 2008 Por ejemplo si buscamos “coches”, nuestra mente va a ser mucho más sensible a las palabras relacionadas: camionetas, ruedas, repuestos, talleres, etc. En este sentido, las palabras clave nos ayudan a sentir que estamos cerca de encontrar la información que necesitamos, pensamos que “vamos por buen camino” y nos motivamos a seguir. Una regla que nos ayudará a conseguir mejores textos es la que dice que s i el usuario cree que está alcanzando su objetivo estará dispuesto a seguir hasta el final . Al destacar palabras clave: ● Mejora el escaneado del texto. ● El usuario capta más rápido la temática del sitio. ● Aumenta el impacto de los mensajes. ● Los textos ganan visibilidad y son más leídos. Un texto que destaca las palabras que tenemos en mente cuando hablamos de seguros:
  • 13. Cómo utilizar las palabras clave: Escoge las palabras correctas. Muchas páginas caen en el error de querer innovar utilizando un vocabulario muy técnico que los usuarios desconocen. Lo correcto es investigar que palabras son las que utilizan nuestros usuarios para referirse a los diferentes tipos de servicio, producto o información que nuestro sitio ofrece. Utiliza palabras clave en títulos y subtitulos. Esto aumentará la visibilidad de la información y le permitirás al usuario encontrar mucho más rápido la información . También puedes destacar palabras clave en el texto a través de negritas . Es importante saber que s e debe empezar subtitulos, párrafos listados con palabras que llamen a la lectura del resto del elemento, ya que es más probable que los usuarios lean las 2 primeras palabras que las 3 primeras. 4.3. Romper la uniformidad del texto En la web encontramos muchos ejemplos de textos planos que dan la sensación de “tocho”, un montón de lineas abarrotadas en las que no se destaca ninguna palabra clave y resultan incómodas de leer. Este tipo de textos exigen al usuario leer palabra por palabra para poder hacerse una idea de la temática. No permiten escanear la información . Está comprobado que c uanto más uniforme es el texto más aumenta la posibilidad de que no sea leído Para romper esta uniformidad existen las siguientes técnicas que debemos utilizar cada vez que sea posible: ● Negritas. Al destacar las palabras o ideas importantes de cada párrafo el usuario podrá determinar rápidamente si la información le resultará útil o no. ● Listados. Permiten ordenar las ideas de una forma más visual y fácil de leer . Su presencia hace que los textos se vean más ligeros.
  • 14. ● ● ● ● ● ● Enlaces. Permiten profundizar en la información y ayudan a destacar conceptos clave del texto. Sangrados y tabulado. Los sangrados permiten marcar jerarquías dentro del texto. Por ejemplo un subtitulo debe tener un mayor sangrado que un título. Utilizando correctamente los sangrados el usuario podrá identificar más fácilmente la estructura del texto (títulos, subtitulos, párrafos, listados, etc). Los dos puntos. Permiten poner en la izquierda las palabras más importantes. Alineación izquierda. Los textos justificados son mucho más difíciles de leer ya que al ser todas las líneas iguales la vista se pierde fácilmente al pasar de una línea a otra. Alineando los textos a la izquierdase rompe esta uniformidad entre las líneas y es más fácil la lectura. Ancho de linea. En general el ancho de línea no debe pasar de los 450 pixeles. Una línea ancha nos hace perder el punto de referencia al pasar de una línea a otra. Utiliza colores. Cuando el estilo de la página lo permita se pueden utilizar colores para el título que le darán una imagen más atractiva al texto. Por su puesto se deben evitar los colores fuertes y de bajo contraste. Un texto demasiado plano no logra transmitir bien la esencia de la información: En cambio un texto trabajado tiene mayor impacto y transmite más rápidamente lo esencial del texto:
  • 15. 4.4. Ser concretos y directos A veces nos encontramos con sitios webs que ofrecen información redactada desde la publicidad y el marketing, adornando la escencia del mensaje. Pues bien, como hemos comentado anteriormente en internet el usuario tiene poco tiempo, poca paciencia y a entrado a nuestra web con objetivos concretos.
  • 16. Página con texto irrelevante para el usuario (guiño a la usabilidad incluido) Algunas recomendaciones que nos servirán para ser concretos y directos son: ● Evitar la voz pasiva , tiene menos fuerza que la voz activa: por ejemplo, en lugar de "una vez realizado este paso, el vino es transportado a la bodega", mejor escribimos "...se transporta a la bodega" ● Serán preferibles los verbos en infinitivo en lugar de los sustantivos: por ejemplo, en lugar de "el objetivo es el desarrollo de un sistema..." mejor escribimos "el objetivo es desarrollar un sistema..." ● Evitar las frases muy largas y subordinadas, es mejor optar por frases más cortas y de estructura sencilla ● Evitar las perífrasis verbales : por ejemplo, en lugar de "hacer uso del corcho" es mejor escribir "utilizar el corcho" o "usar el corcho" ● Utilizar palabras con significado claro , evitar palabras que puedan generar dudas ● Empatizar con el lector, intentar que se identifique con el autor o al menos que no le deje indiferente, causarle interés por continuar con la lectura. Esta pauta es especialmente importante en los textos que pretenden ser persuasivos. Una clave para conseguirlo es generar algún tipo de emoción que lo cautive. Lastfm utiliza un estilo directo 4.5. Cuidar el formato de letra y contraste Uno de los aspectos fundamentales a la hora de decidir si leemos o no un texto es su apariencia. En este sentido el formato de letra debe potenciar la facilidad de lectura y el contraste debe ser suficientemente alto para que no tengamos que forzar la vista. Tendremos que tener en cuenta algunas características: Tipografía. En general se deben evitar las tipografías con serifa (Ej. Times new roman) ya que si bien en papel son más fáciles de leer, en pantalla las serifas tienen problemas de definición en algunos monitores exigiendo un mayor trabajo para la vista. Es mucho mejor utilizar tipografías de palo seco o sin serifa como Arial, Helvética o Tahoma que se adaptan mucho mejor a la lectura en pantalla.
  • 17. La serifa dificulta la lectura en el monitor Tamaño de fuente. Nunca se debe utilizar un tamaño de letra inferior a 10 puntos ya que un gran porcentaje de la población tiene problemas de vista. Contraste. En principio el contraste entre color de fondo y la letra debe ser el suficiente para poder leer sin forzar la vista. Nunca se deben utilizar colores fuertes como color de fondo y es mejor evitar los colores oscuros. Los tonos claros son los que mejor funcionan. 4.6. Redactar para el posicionamiento en buscadores (SEO) Los buscadores ofrecen en sus resultados las páginas web que contienen las palabras que el usuario ha tecleado en su consulta. Si buscamos monumentos paris , los resultados que aparecerán incluirán las palabras monumentos y paris , pero no necesariamente incluirán viaje, turismo o europa. Imaginemos que somos los responsables de un sitio web de información turística de París. Al redactar los contenidos del sitio deberemos preguntarnos esto: ¿qué palabras utilizan en los buscadores las personas que quieren información turística sobre París? La respuesta será una lista más o menos larga de posibilidades que nos servirá para tener en cuenta en nuestra redacción. Además de utilizar el vocabulario más cercano al usuario debemos poner atención sobre en qué partes del documento lo ponemos: ● El título es fundamental : los buscadores interpretan que las palabras que aparecen en él tienen más valor ya que reflejan lo esencial del texto. ● Lo mismo ocurre con los títulos de los apartados (en html vienen etiquetados como <h1>, <h2>...) y las palabras en letra negrita. ● Los pies de las imágenes son la única fuente a la que pueden recurrir los buscadores para conocer el contenido de las imágenes. Son muy importantes. 4.7. Cuidar los aspectos formales Puede parecer una obviedad no está de más recordarlo, ya que la escritura en el medio online suele pecar de descuidada por la costumbre de teclear con rapidez y no releer lo escrito. Todas estas faltas son fácilmente detectables si antes de publicar el texto se utiliza un simple revisor de ortografía y gramática , si urgen dudas, disponemos de diccionarios donde consultar, como el Diccionario de la Real Academia Española para el idioma español ( http:// drae.rae.es ), o el Diccionario Panhispánico de Dudas ( http://dpd.rae.es ) para dudas de este
  • 18. mismo idioma. Relacionado con la corrección de la escritura, las traducciones realizadas con herramientas automáticas pueden ser de utilidad para facilitar el trabajo, pero deben ser revisadas para evitar traducciones literales, uso incorrecto del vocabulario y errores gramaticales. “Round trip” se ha traducido literalmente como “viaje redondo” en lugar de “viaje de ida y vuelta” El traductor automático (suponemos) de EasyCar ha utilizado la palabra “rato” en vez de “hora” al traducir “Time”, de manera que la frase “seleccione un rato de la recolección” o “seleccione un rato de vuelta” resultan incomprensibles 5. Nociones de escritura para dispositivos móviles. Según el artículo "Mobile Content Is Twice as Difficult" de Jacob Nielsen, al enfrentarnos a dispositivos
  • 19. móviles como el iPhone experimentamos una importante disminución en nuestro nivel de comprensión de lectura respecto a los ordenadores comunes. 5.1. Factores que afectan la comprensión de lectura en móviles Nuestra disposición a leer en móviles es menor: Buscamos textos fácilmente escaneables, titulares cortos y directos. La profundidad o detalle de la información nos interesa menos por lo que ignoramos los textos de apoyo provocando que el nivel de comprensión global disminuya. Forzamos nuestra memoria a corto plazo: En moviles, tardamos más tiempo en leer por lo que nuestra memoria de corto plazo necesita procesar mayor cantidad de información. Debido a su naturaleza "cortoplacista" gran porcentaje de la información procesada se va perdiendo afectando nuestra capacidad de retención. Estamos en 2 cosas a la vez: Consultamos nuestro móvil mientras vamos en metro, bajamos el ascensor, incluso mientras estamos reunidos con nuestros amigos. En otras palabras, muchas veces leemos en el móvil mientras estamos poniendo atención en otra cosa afectando directamente nuestra capacidad de atención. 5.2. Tips para mejorar la escaneabilidad y retención en la lectura Además de tener en cuenta las recomendaciones y consideraciones comentadas a lo largo del artículo, es necesario hacer énfasis en los siguientes aspectos: ●Hay que centrar la atención de los usuarios en lo esencial. ●Se debe ser riguroso a la hora de comunicar solo lo indispensable. ●El primer párrafo debe servir de sumario. ●Los párrafos deben ser cortos. Máximo 4 lineas. ●Es aconsejable utilizar subtitulos para enfatizar lo importante. ●Hay que procurar enganchar a los lectores. ●Hay que eliminar los "textos de relleno". ●Los titulares no deberían tener más de 5 palabras. ●Los links deben estar bien explicados (anchor text). ●Es conveniente utilizar Utiliza más links que en la web. ●Es recomendable dejar suficiente espacio entre los links. Nuestra disposición a leer en móviles es menor: Buscamos textos fácilmente escaneables, titulares cortos y directos. La profundidad o detalle de la información nos interesa menos por lo que ignoramos los textos de apoyo provocando que el nivel de comprensión global disminuya. Forzamos nuestra memoria a corto plazo: En moviles, tardamos más tiempo en leer por lo que nuestra memoria de corto plazo necesita procesar mayor cantidad de información. Debido a su naturaleza "cortoplacista" gran porcentaje de la información procesada se va perdiendo afectando nuestra capacidad de retención. Estamos en 2 cosas a la vez: Consultamos nuestro móvil mientras vamos en metro, bajamos el ascensor, incluso mientras estamos reunidos con nuestros amigos. En otras palabras, muchas veces leemos en el móvil mientras estamos poniendo atención en otra cosa afectando directamente nuestra capacidad
  • 20. de atención. 6. Lecturas recomendadas ● Franco, G. (2008). Cómo escribir para la web . [en línea] EN: http://knightcenter.utexas.edu/como_web.php [Consulta: 22 diciembre de 2008] ● Nielsen, Jacob [en línea] EN: http://www.useit.com/papers/webwriting/ [Consulta: 22 diciembre de 2008] ● Ademas se pueden ver los recursos seleccionados por el autor de esta unidad en su espacio de Delicious: https://delicious.com/usabilidoso ● También el autor divulga contenido de interés a través de Twitter: http://twitter.com/ Usabilidoso © Master en Buscadores y Master en Documentación Digital (IDEC-UPF)