​En Qabiria expresamos todo nuestro apoyo a todas las personas que están enfrentándose en primera línea a la emergencia COVID-19 y a los que más sufren sus consecuencias. Además de seguir trabajando para ofrecer nuestros servicios de forma regular, estamos a disposición de clientes y proveedores para encontrar soluciones a cualquier dificultad que pueda surgir de la prolongada situación de emergencia.

De un tirón: qué es la legibilidad y por qué es importante para tu sitio

De un tirón: qué es la legibilidad y por qué es importante para tu sitio
Artículo traducido al castellano por Gabriela Richarte.

Quizás a ti también te habrá pasado: estás haciendo una búsqueda en Google, abres uno de los primeros resultados y a los tres segundos (¡y no mas!) abandonas la página. De un simple vistazo sabes que no estás interesado en la página. ¿Por qué? Porque no encuentras rápido la información que buscas, porque es un texto largo y no quieres leerlo todo o porque no hay nada que capte tu atención.

La legibilidad de un texto, por lo tanto, influye en el comportamiento y la participación (engagement) del lector. ¿Qué estrategias adoptar para evitar que se el lector se vaya?

Antes de entrar en detalles, es necesario establecer una premisa: la forma en la que leemos la pantalla es distinta a la forma en que leemos en papel.

Cambia la velocidad de lectura, que en la web disminuye en un 25-30 %.

Pero sobre todo, no leemos desde la primera hasta la última palabra, como con un libro. Lo que hacemos es explorar el contenido de un texto: nuestro ojo se fija inmediatamente en los elementos que se destacan, como los títulos, las listas en negrita o con viñetas, para tratar de encontrar lo que estamos buscando.

Los tres factores a los que debemos prestar atención cuando escribimos texto para la web son:

  • el aspecto gráfico
  • la legibilidad
  • la comprensibilidad.

Aspecto gráfico

Como hemos anticipado, cuando nos enfrentamos a un texto web no leemos palabra por palabra, sino que «escaneamos» la pantalla, deteniéndonos en aquellos elementos que captan nuestra atención.

Cómo leemos en la web: estudios de Nielsen

Los estudios de seguimiento ocular (eyetracking) realizados por Jakob Nielsen, el conocido consultor danés experto de usabilidad, registraron la forma en que el ojo se mueve por la pantalla e identificaron patrones recurrentes. El más frecuente es el Patrón en forma de F. Esto se llama así porque el ojo se mueve en la pantalla dibujando una «F», de la que también hablamos en el artículo «Escribir para la Web». Más específicamente:

  1. el ojo realiza un movimiento horizontal - el usuario lee las primeras frases que se encuentran en la parte superior de la página (esta es la primera barra horizontal de la F)
  2. luego se mueve hacia abajo y hace otro movimiento horizontal - el usuario lee las primeras palabras de las oraciones (es la segunda barra)
  3. finalmente, hace un movimiento vertical a lo largo de la izquierda de la página - el usuario explora el contenido desplazándose hacia abajo (es la barra vertical)

La atención del lector se centra, por lo tanto, en los contenidos del principio de la página y en las primeras palabras de la izquierda. Las áreas rojas de estas imágenes, tomadas del sitio web de Nielsen, muestran las áreas de la página donde ha habitado el ojo del lector:

f shape

(J. Nielsen 2006)

Los movimientos oculares se pueden describir esquemáticamente de la siguiente manera:

f shaped pattern

El patrón en forma de F no es el único modo de lectura identificado por Nielsen. De hecho, hay otros esquemas.

  • Layer-cake pattern: el lector salta el texto completamente para buscar títulos y subtítulos. El ojo describe líneas horizontales que recuerdan a un pastel en capas, de ahí el nombre.
    layer cake pattern
  • Spotted pattern: el ojo busca elementos que atraen la atención y atraen puntos en la pantalla (un enlace, una palabra en negrita o un color diferente).
    spotted pattern
  • Marking pattern: el ojo se fija en un punto de la página mientras el usuario se desplaza por ella. Este patrón es más común en la pantalla del smartphone.
    marking pattern
  • Bypassing pattern: si varias líneas comienzan todas de la misma manera, el usuario salta el principio para no leer las mismas palabras.
    bypassing pattern
  • Commitment pattern: no es un patrón frecuente y es el modo de lectura de quien lee todo, el párrafo entero o la página entera. Ocurre cuando el usuario está interesado en el contenido.
    commitment pattern

Facilitar la lectura

Conocer el comportamiento de los lectores te permite organizar los gráficos y el contenido de tus textos. Aquí hay algunos consejos que puedes utilizar:

  • pon la información principal en los dos primeros párrafos
  • utiliza títulos y subtítulos para introducir temas y hacerlos claramente visibles
  • utiliza palabras clave en títulos y subtítulos
  • divide el contenido en párrafos
  • desarrolla un concepto para cada párrafo
  • utiliza negrita para resaltar palabras o frases (no usar subrayado porque, normalmente, indica un hipervínculo)
  • formatea hipervínculos para hacerlos reconocibles
  • no pongas palabras genéricas en los hipervínculos como ir hacia o aquí, sino palabras clave
  • utiliza listas con viñetas o numeradas para presentar una serie de elementos o instrucciones de manera ordenada
  • sé breve, elimina la información innecesaria.

La pirámide invertida

Según los últimos estudios de Nielsen, los lectores pasan el 74% de su tiempo en la primera y segunda pantalla (luego en la parte de la página que se muestra cuando se abre el sitio, y luego se desplazan hacia abajo en la segunda pantalla). Por esta razón, la información más importante debe encontrarse en la parte inicial del texto.

Esta forma de estructurar el contenido se llama pirámide invertida y este es su esquema:

piramide invertida textos

Tomemos como ejemplo el sitio de Nielsen.

sito web del NN-G Nielsen Norman Group

(J. Nielsen, 2018)

En la parte superior de la primera pantalla encontramos el título, seguido de dos líneas claramente visibles en rojo, y por tanto claramente destacadas, que exponen el concepto principal y, a continuación, el resumen del artículo. Eso es todo lo que necesitamos para hacernos una idea del contenido y ver si es lo que estábamos buscando. El resto del texto, que no vemos aquí, está dividido en párrafos introducidos por un subtítulo en negrita.

Fuente, interlineado y alineación

La elección del tipo de letra, el interlineado y la alineación del texto también puede facilitar la lectura (o dificultarla irreparablemente). Algunos puntos a recordar:

  • elige una fuente de tamaño adecuado
  • prioriza fuentes menos ornamentadas (como Arial, Verdana, Calibri o Helvetica) porque algunas personas piensan que son más fáciles de leer (aunque hay cierta controversia al respecto)
  • espaciados coherentes
  • presta atención al contraste con el fondo
  • prioriza la alineación a la izquierda (o «en bandera»): el justificado es adecuado para el papel impreso, no para la pantalla porque, si se redimensiona una ventana, se corre el riesgo de crear espacios excesivos y antiestéticos entre las palabras

Breve mención de la accesibilidad

Estructurar un texto web de la manera correcta, haciéndolo legible y comprensible es esencial, pero hay otro aspecto a considerar: la accesibilidad.

La accesibilidad no es tanto una cuestión de textos individuales como de un sitio web completo y es un requisito legal. Por ejemplo, en Italia, la AgID, la Agencia para la Italia Digital, promueve la accesibilidad de los sitios web conforme con la legislación vigente. A nivel internacional, sin embargo, podemos mencionar la Web Accessibility Initiative (WAI), la iniciativa para la accesibilidad web, promovida por el World Wide Web Consortium (W3C), la organización internacional sin ánimo de lucro que define los lenguajes y procedimientos estándar para hacer de la web una herramienta democrática y universal. La WAI ha elaborado directrices para hacer accesibles los contenidos de la web, programas para navegar y para producir y publicar contenidos.

La accesibilidad no es solo una cuestión de discapacidad

Para una definición de accesibilidad podemos referirnos a las palabras de Tim Berners-Lee, director del W3C e inventor de la World Wide Web: «The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect».

Según Berners-Lee, la accesibilidad a la web debe estar garantizada, tanto para aquellos que tienen una forma de discapacidad (auditiva, visual, cognitiva, etc.), como para aquellos que no la tienen. Cualquiera puede beneficiarse de un sitio web accesible, como los usuarios de teléfonos inteligentes o pantallas pequeñas, las personas con una discapacidad temporal porque tienen el brazo roto o no tienen gafas, y las personas con una conexión a Internet lenta o costosa.

La accesibilidad como oportunidad para expandir tu mercado

La accesibilidad no debe ser vista como una obligación legal o una carga adicional, sino como una oportunidad. Hacer tu sitio accesible te ayuda a expandir tu alcance, porque un usuario que no puede navegar o leer el contenido es un cliente perdido. Tomemos como ejemplo la etiqueta alt del lenguaje HTML, cuyo valor debe contener el texto alternativo (no visible) que describe el contenido de una imagen en la página.

En este ejemplo, vemos la imagen y el código fuente con la etiqueta alt asociada:

Copertina di un dizionario

tag alt

La etiqueta alt es leída por lectores de pantalla o navegadores de voz y permite a los ciegos o a las personas con discapacidad visual comprender su contenido, además de mostrarse a cualquier persona cuando la imagen no está disponible. No utilizarlo en un sitio de comercio electrónico equivale a excluir una parte del mercado. Si tomamos como ejemplo la imagen anterior y bloqueamos su visualización, vemos que en su lugar aparece la etiqueta alt:

codice sorgente immagine dizionario

Legibilidad

Cuando hablamos de legibilidad, nos referimos a la facilidad con la que leemos un texto. La legibilidad depende del léxico y la sintaxis: las palabras cortas y las frases sencillas hacen que un texto sea legible. La consigna es, por tanto, la simplificación.

Todos conocemos el lenguaje burocrático, la lengua usada por las instituciones y la administración pública, compuesta por frases interminables, llenas de subordinadas, palabras largas y a menudo con significado oscuro. Es justamente el modelo que debes evitar.

En su lugar, utiliza palabras cortas, escribe oraciones de 20-25 palabras o menos y evita subordinadas. Recuerda que cualquier tema, incluso el más difícil, puede ser presentado de manera sencilla.

Medir de la legibilidad de un texto

¿Cómo puedo comprobar la legibilidad de un texto? Existen fórmulas matemáticas que miden la facilidad de lectura de un texto. Para el español podemos usar dos herramientas.

El índice de lectura de Fernández-Huerta

El índice de Fernández-Huerta es una adaptación de su versión inglesa, el índice Flesch Reading Ease. Evalúa la legibilidad de los textos teniendo en cuenta la longitud media de las palabras, medida en sílabas, y la longitud media de las frases, medida en palabras. Se basa en este principio:

  • una palabra larga se usa menos que una corta
  • una frase larga suele ser sintácticamente más compleja que una corta

Esta es la fórmula:

L=206.84-0.60P-1,02F
donde:
L es la lecturabilidad, y P, el promedio de sílabas por palabra y F, la media de palabras por frase.

Los valores se incluyen en una escala de 0 y 100, donde 0 es la menor legibilidad (complejo, comparable con un nivel de doctorado) y 100 la mayor legibilidad (muy sencillo, comparable con un nivel escolar primario).

El índice de perspicuidad de Szigriszt-Pazos

El índice de perspicuidad, de 1993, es la adaptación realizada Szigriszt-Pazos sobre la fórmula Flesch para evaluar la legibilidad de textos periodísticos en español ¿Qué es la perspicuidad?

  • Según el DRAE, la perspicuidad es la cualidad de «perspicuo»
  • es decir, escrito con estilo inteligible (que puede ser entendido).

Esta es la fórmula:

P= 206.835 - (62.6S)/P-(P/F)
dove:
P es la perspicuidad; S, el total de sílabas; P, la cantidad de palabras; F, el número de frases.

El valor obtenido está entre 0 y 100 y está relacionado los niveles de escolaridad del lector:

  • los que tienen una educación elemental o primaria pueden comprender fácilmente textos con un índice superior a 75
  • los que tienen una educación media entienden fácilmente los textos con un índice hasta 50
  • las personas con estudios universitarios o doctorales pueden comprender fácilmente textos con un índice entre 16 y 0

Por ejemplo, a un lector con educación primaria le resultará difícil leer un texto con un índice de 50. ¿Cómo puede comprobar la legibilidad de sus textos? La manera más fácil es usar calculadoras especiales en línea, como LEGIBLE, un analizador de legibilidad de texto para le lengua española.

Comprensibilidad

Hasta ahora hemos visto cómo estructurar un texto web para que sea gráficamente apropiado y legible. En este último punto explicamos cómo hacerlo comprensible.

La comprensibilidad, a diferencia de la legibilidad, es la facilidad con la que un lector entiende el significado de un texto.

Identifica al destinatario

¿A quién va dirigido tu texto? Utiliza términos técnicos si buscas especialistas. De lo contrario, si el texto está destinado a un público general, explica el significado de los términos técnicos o emplea un vocabulario más común. También adapta el texto a la edad del lector: si te diriges a un público adulto, no uses expresiones que utilizan los adolescentes; es posible que no entiendan a qué te refieres.

Define el objetivo de tu texto

¿Tu texto es informativo o quiere convencer al usuario para que haga algo? Asegúrate de que el objetivo esté claro para el lector. Por ejemplo, si has planificado un evento, destaca la hora, la fecha, el lugar y la manera de registrarse en el evento.

Ponle imágenes y gráficos

Además de llamar la atención, las imágenes, los gráficos y las infografías te permiten resumir información y ser preciso. Son perfectos para la gente que no quiere leer.

Escribe oraciones cortas y usa palabras sencillas

  • Cada frase debe expresar un tema en concreto.
  • Sujeto, verbo y complemento deben estar siempre juntos.
  • Elije palabras que todos entiendan: puedes ayudarte con algún vocabulario básico que recoja las palabras más usadas por la mayoría de los hablantes. Las palabras no incluidas serán las menos comprensibles para quienes tienen un bajo nivel de educación o para quienes no están acostumbrados a leer.
  • Usa repeticiones para enfatizar y marcar el ritmo de las oraciones.
  • Escribe los números en cifras: se leen mejor y llaman la atención.
  • Usa palabras extranjeras solo si no puedes evitarlo. Pregúntate si el lector conoce su significado y si, entonces, estás usando la palabra correcta. No causarás buena impresión si cometes un error y el lector lo nota. También recuerda que no todo el mundo sabe inglés.

Entre la legibilidad y la comprensibilidad: casos prácticos

Unos pocos arreglos pueden ser suficientes para que un texto sea más legible y comprensible. Aquí hay algunas sugerencias.

Regla No
Elije el indicativo al subjuntivo en lugar de construcciones como en caso de elije mejor la partícula si. En el caso en que quisiera contactarnos Si desea contactarnos
No uses el gerundio, especialmente al principio de la oración. Habiendo alcanzado el límite... Puesto que ha alcanzado el límite...
Aclara los participios el manual contenedor de las instrucciones el manual que contiene las instrucciones (aun mejor: el manual con las instrucciones)
Elije la forma activa a la pasiva. el documento fue enviado por... Envié el documento...
Elíjela también sobre la forma impersonal Se aconseja contactar... Le aconsejamos contactar...
Reemplaza los adverbios con formas más cortas El argumento es extremadamente complejo

Enviar conjuntamente...
El argumento es muy complejo.

Enviar con/junto con...
Evita las locuciones largas como con el objetivo de, con el fin de. Utiliza para. Con el objetivo de simplificar Para simplificar
Evite los verbos seguidos de un infinito o de un sustantivo: en lugar de proceder al envío, usa enviar. Por favor, proceda al envío del formulario Por favor, envíe el formulario
Prefiere los verbos a las nominalizaciones (que consisten en transformar un elemento lingüístico en un nombre) porque ralentizan y sobrecargan la lectura. Falta de entrega de correo El correo no se entregó

 

Conclusiones

  • Las reglas de la escritura web son diferentes de las que nos enseñaron en la escuela. Escribir un texto para la web no es simplemente escribir: cambia el medio, cambia la forma en que leemos y cambia el propósito para el cual escribimos.
  • A nadie le gusta el lenguaje burocrático, el lenguaje de las instituciones. Escribe textos cortos, sencillos y que vayan directo al grano: todo el mundo lo apreciará.
  • Acompaña al lector en la lectura de su texto: crea un mapa visual con títulos, subtítulos, negrita, párrafos e imágenes. Aunque el lector no lea todo, encontrará lo que está buscando.

Para profundizar

¿Te ayudamos a mejorar tus textos? ¡Cuéntanos!

Qabiria white logo

Creemos en el incremento de la productividad mediante el uso creativo de la tecnología.

Últimas noticias

Contacto

Qabiria Studio SLNE
Carrer Lleida, 3 1-2
08912 Badalona
(Barcelona)
ESPAÑA

+34 675 800 826

qabiria

Envíanos un mensaje

Recibe nuestro boletín

¿Quieres leer los artículos y novedades de Qabiria directamente en tu bandeja de entrada?