Addaw, ir a inicio Donar

¿Por qué es mala idea justificar un texto en la web?

Escrito por Ceferino Salazar Lopez Octubre 19, 2023

A pesar de que el texto digital lleva con nosotros ya un tiempo, nuestros hábitos con respecto a la apariencia deseada del texto aún proceden de fuentes impresas.

El mito de que justificar el texto es lo 'correcto', proviene del estandar de la lectura en papel, pero este estandar no tiene por qué cumplirse en la web.
Merece la pena recordar esto, ya que creo que es crucial comprender de dónde procede el mito de la justificación universal del texto completo, la cual dificulta en gran manera la lectura tanto de sitios web pequeños, como en grandes portales de noticias.

Además, es importante destacar que las WCAG ya recogen este hecho, obligando a que el texto no esté justificado en el criterio 'Presentación visual (AAA)', pese a que sea un criterio de nivel avanzado 'AAA', recomendamos que se tenga en cuenta en cualquier proyecto.

Veremos los distintos tipos de alineación, sus ventajas e inconvenientes y terminaremos indicando porque el texto justificado en la web es una mala idea

 

Alineación o Justificación del texto

La columna de un texto puede dividirse en cuatro partes:

1. Pegado a la izquierda
2. Centrado
3. Pegado a la derecha
4. Haciendo ambos bordes iguales (justificación completa)

Alineación con el borde izquierdo (pegado a la izquierda)

El formato al borde izquierdo es el que siempre se usa de manera predeterminada para los idiomas que se leen de izquierda a derecha. Es el más fácil de aplicar en ambos casos, tanto en escritura manual (antes de llegar los ordenadores), como en la escritura en ordenadores. 
Consiste en escribir las palabras desde el lado izquierdo de la columna, manteniendo el mismo espacio entre palabras, hasta el lado derecho de la columna. Las palabras que no caben en la línea se trasladan en su totalidad a la línea siguiente, donde se repite el proceso desde el principio. Vale la pena saber que este proceso es muy efectivo a dia de hoy ya que usamos muchos dispositivos digitales, incluso los lectores de libros electrónicos con baja potencia informática lo usan constantemente.
Tened en cuenta la distinción del párrafo anterior: 'Debe mantenerse el mismo espaciado entre las dos palabras'. Esto es muy importante y será útil más adelante en el artículo.

Centrado

El texto centralizado raramente se usa. Debido a las líneas desiguales, el texto alineado al centro no debe superar las 2-3 líneas. Al leer un párrafo más largo es fácil perderse puesto que los ojos tienen que esforzarse para encontrar otra línea ya que no hay un punto de anclaje común.¿Cuándo es una opción este formato? El formato central es útil para artículos que necesitan llamar la atención o para formularios gráficos sencillos en los que el texto es escaso. 
Un ejemplo interesante es un proyecto de tarjetas de trabajo situados en forma vertical en el que todos los datos están alineados centralmente. Las imágenes en las redes sociales también pueden tener una firma o una llamada a la acción colocada en el centro. Sin embargo, conviene recordar, que ese texto no debe colocarse junto a otros objetos importantes, ya que desviará la atención del usuario al texto centralizado. En el formato central, la moderación es importante: cuanto menos texto se utilice, mejor será el efecto.


Alineación con el borde derecho (pegado a la derecha)

Este es el equivalente a la alineación con el borde izquierdo para los idiomas que se leen de derecha a izquierda como, por ejemplo, el Árabe o el Hebreo. En las lenguas que se leen de izquierda a derecha, la composición 'al borde derecho' se utiliza muy poco. Se utiliza más a menudo como complemento del texto principal o en algunas tablas en las que la columna izquierda suelen tener títulos y en la derecha se suele incluir la información de este título. Por ejemplo,si hablamos de los diferentes tipos de fruta que hay y sus componentes,los tipos de fruta irían a la inzquierda (título) y sus componentes explicados a la derecha.

Justificación completa

Ejemplo de texto justificado. La necesidad de alinear los bordes da lugar a una luz claramente distorsionada y da lugar a un extraño ajuste de la última palabra de la última línea. Un testo así no solo tiene una mala presentación, sino que además es desagradable de leer.

La justificación completa es una idea aparentemente genial. ¿Por qué pensar en qué lado alinear el texto, cuando se puede alinear todo con un solo clic?
Sólo hay un pequeño problema: si forzamos bordes uniformes para el texto, algo tiene que estirarse. 
En este caso, se debe estirar el espaciado ya que es fundamental para la legibilidad de las letras escritas en el texto. Normalmente, los programas de edición como puede ser Word  puede afrontar este reto bastante bien (En su versión inglesa, en español funciona bastante peor), introduciendo diversas técnicas para optimizar el espaciado entre palabras, como:

He mencionado deliberadamente los procesadores de texto porque no están libres de este problema. Escribiendo una carta de presentación o una tesis de máster, sin ningún software especial para la composición, al justificar el texto a ambos bordes, lo haces menos legible. Una solución mucho mejor es tener una composición alineada la izquierda.

El proceso de lectura

Si lo que queremos es transmitir información, ¿Por qué hacemos el proceso más difícil?
Un espaciado excesivo entre letras o palabras altera el ritmo. Como los intervalos son fluidos e imprevisibles, los ojos tienen que hacer un mayor esfuerzo para leer el texto. Como resultado, la comprensión del contenido es más difícil y requiere más tiempo.

Los círculos indican puntos donde el ojo descansa más tiempo y ve con mayor claridad. Las líneas rectas entre los círculos indican sácadas progresivas y las flechas curvas indican sácadas regresivas (las sácadas son movimientos rápidos y simultáneos que realizan ambos ojos cuando están mirando hacia un punto en la misma dirección) 

Tener ambos bordes uniformes no es importante para la legibilidad de los textos. Además el borde derecho apenas interviene en el proceso de lectura. Llegando al borde derecho del texto pasamos a la línea siguiente. 
El lugar de descanso es importante y bueno si es previsible para los ojos. Por eso no es una idea acertada alinear un texto largo de forma centralizada o justificada. El lugar donde enfocamos la atención es importante que sea previsible para los ojos. 
Si no te acostumbras a los libros electrónicos y no sabes exactamente por qué, prueba a cambiar el formato del texto alineado a la izquierda, ya que aumentará la altura de la línea y el tamaño de la letra; tus ojos lo agradecerán.

Texto legible en Internet, ¿cómo conseguirlo?

Existen varios métodos para dar formato al texto en Internet, muchos de ellos inspirados en las prácticas de impresión. Sin embargo, no hace falta ser un tipógrafo profesional para facilitar la lectura, basta con unas cuantas reglas sencillas:

1. Letras grandes y altura de línea claramente legible.

El texto de 12 píxeles ha quedado atrás. En lugar de la resolución por defecto de 1024 × 768 píxeles, llegamos a 1920 × 1080, y, gracias a las tecnologías móviles, alcanzamos una densidad de pantalla de 400 puntos por pulgada, superior a los estándares de las publicaciones impresas.
Actualmente, se cree que el mínimo absoluto para el texto base de los sitios web es de 16 píxeles, aunque en muchos casos no merece la pena bajar de 18 píxeles.

Leer un texto a través de la pantalla suele ser menos cómodo que hacerlo en papel. Es útil proporcionar a los lectores suficiente espacio entre las líneas para facilitar el proceso de lectura.
Al mismo tiempo, recuerda que una cantidad de texto tan grande puede no verse muy bien en los dispositivos móviles. Merece la pena desarrollar un estilo propio y comprobar la legibilidad del texto en la práctica.

2. Márgenes entre párrafos.

Las separaciones entre párrafos utilizadas en imprenta no funcionan en Internet. Es mejor dejar un espacio entre los párrafos con una altura de al menos una línea. Esto, combinado con un tamaño de texto y una altura de línea óptimos, mejorará la legibilidad general y permitirá al público comprender mejor en qué parte del artículo se encuentra.

3. Texto alineado a la izquierda.

La justificación completa del texto la pueden conseguir los operadores de autoedición que tienen a su alcance complejos programas de composición de textos, años de experiencia y los conocimientos necesarios. Si creas un texto digital que se muestra en Internet o utiliza editores de texto, utiliza la composición 'alineado a la izquierda'.
Esto evitará espacios desiguales entre las palabras, situaciones extrañas en columnas estrechas con palabras dispersas por los bordes, y hará que el texto sea automáticamente predecible a los ojos independientemente del número de palabras en una línea.
Recuerda que el borde derecho del texto no es importante para la legibilidad: la vista se mantiene igual que estaba, independientemente de que sea igual o no.

4. Anchura de línea.

Una línea del texto principal debe contener de 9 a 11 palabras. Esta cantidad permite una lectura fluida sin que el ojo tenga que moverse de un lado a otro de la pantalla.
Recuerda que estas prácticas se aplican a columnas y bloques de texto. Esto no significa que todo el sitio web no pueda tener elementos a pantalla completa. Simplemente, el texto principal debe tener una anchura limitada

5. Destacados en el texto.

Puede que cuentes con un grupo muy singular de lectores que lean con entusiasmo los textos de principio a fin, pero por desgracia las estadísticas son duras e indican una cosa: no leemos los textos de las páginas web, sino que los escaneamos. Si quieres transmitir una idea clave en un párrafo o en una sección que consta de varios párrafos, destaca el fragmento clave del texto. Esto dará a los lectores la oportunidad de 'captar' la parte importante leyendo una frase en negrita en el proceso de escaneo del contenido de una página.
No obstante, recuerda que, añadir negrita a más del 50% del texto no es una distinción. Si necesitas distinguir una parte tan grande, considera si el 50% restante es necesario realmente. Es una buena idea guiar a los lectores hacia el contenido importante, pero las distinciones en negrita en exceso no son necesarias.
Es muy importante incluir títulos apropiados en los párrafos. Puede tratarse de un saludo o de un resumen del contenido que sigue. También es común escribir títulos en forma de preguntas, para que pueda encontrar fácilmente temas interesantes mientras navega por el sitio web.

6. Contraste.

En lugar de texto negro sobre fondo blanco, piensa en texto gris oscuro sobre fondo gris claro. El papel, comparado con las pantallas LCD, no brilla, es decir, tiene un contraste menor (más 'natural' para nosotros). Experimenta con distintos niveles de gris: inicialmente puedes elegir un 90% de gris para el texto y un 5% de gris para el fondo. Diferentes valores pueden dar un efecto mejor o peor según la disposición de la página y la elección de los tipos de letra. 
Desafortunadamente, poca gente se preocupa por calibrar correctamente la pantalla y la configuración por defecto del teléfono deja mucho que desear en lo que se refiere a la protección de los ojos, utilizando más bien colores brillantes. Puedes reducir este efecto disminuyendo el contraste general del texto de tu página.

7. Viñetas.

Si puedes escribir algo en forma de lista con viñetas, hazlo. A diferencia de un texto largo, los puntos son finitos y suelen contener mucha información valiosa en un espacio reducido. Es muy probable que con el contenido de la lista animes a tus lectores a leer el resto del texto.

Resumen

Vivimos en un constante ruido informativo (es muy fácil encontrar información por internet pero no todas son fuentes fiables). Utilizamos diversas técnicas que nos permiten seleccionar información relevante entre cientos de mensajes que nos llegan cada día. Buscamos información contrastada entre diferentes páginas webs. La competencia es feroz.
Es una buena idea preparar el texto de forma que sea legible. Puedes pensar que es una exageración, pero para un lector potencial es un desafío llegar a cierta información por sí mismo. Tienes que coger el teléfono, tocar la consulta del motor de búsqueda, deslizar el dedo por la pantalla, leer, procesar, pensar... Es mucho trabajo, considerando que todo el mundo hace muchas cosas similares durante el día.
La línea entre: “Sí, encontré lo que buscaba, lo descubriré enseguida” y “es imposible leerlo, buscaré en otra parte” es muy delgada.

¿Te gusta lo que ves? Compártelo con un amigo.


Ceferino Salazar Lopez

Desarrollador, redactor y traductor de textos con nociones en psicología y grafología. Hay dos caminos en la vida y yo he creado uno en medio de ellos.


Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital