Si bien los creadores de contenido digital se enfocan en los “esqueletos” y la “carne” de sus activos, preocupándose por la exhaustividad de la información y otros factores críticos para la visibilidad y las clasificaciones más altas en los motores de búsqueda, a menudo se olvidan de su “piel”.
Sí, el contenido es el rey en el marketing digital, pero es el séquito lo que hace al rey. Hablando de contenido digital, este séquito o “piel” es la tipografía web.
¿Cuánta atención le prestas al formato del contenido? ¿Vas más allá de los encabezados, los párrafos cortos y las imágenes a lo largo del texto? ¿Sabía que las proporciones matemáticas en una página web influyen en la usabilidad y pueden detener a los visitantes cuando están desequilibradas?
A continuación se presentan errores pequeños pero críticos en el formato del texto que pueden arruinar una impresión positiva de su contenido, sin importar cuán profundo y útil pueda ser el tema. Aprendamos algunas matemáticas que mejoren la experiencia de lectura y ayuden a los visitantes de su sitio web a percibir mejor su contenido, incluso si está escrito por IA.
7 asesinos de la usabilidad del contenido digital
- alineación incorrecta
- Espaciado incorrecto
- Títulos difíciles de ver
- Mala relación de contraste de color
- Tamaño de fuente incorrecto
- Estructura de texto compleja
- Grandes campos de texto
1 — Alineación incorrecta
Es una locura cuántos sitios web no se preocupan por alinear o continúan alineando su centro de contenido de texto. Algunos intentan alinear las palabras a mano, mientras que otros aplican una justificación completa. Ninguno de estos métodos funciona para el formato estelar:
Las palabras tienen diferentes longitudes, e incluso si ajusta el texto a su dispositivo, fallará en otras resoluciones de pantalla. En cuanto a la justificación, conduce a un espaciado de palabras poco probable. Como resultado, su contenido parece aficionado y difícil de leer: los usuarios “tropiezan” con esos espacios aleatorios, el flujo de texto sufre y solo genera frustración.
La mejor opción es alinear tu contenido digital a la izquierda.
Primero, es natural que la mayoría de los usuarios lean los textos de izquierda a derecha. En segundo lugar, se ajusta al patrón en forma de F que los usuarios en línea consideran cuando escanean su página y deciden si quieren leerla.
Los márgenes deshilachados de la derecha ofrecen una mejor usabilidad que el espacio aleatorio entre palabras. Este último no permite que los lectores perciban visualmente la información que compartes en el contenido.
2 — Espaciado incorrecto
Este error tiene que ver con el espaciado antes y después de los subtítulos en su contenido digital. Si bien parece insignificante, y la mayoría de los administradores web no prestan atención a este detalle al elegir el tema de un sitio web, esta es la regla:
El espacio antes de un subtítulo debe ser más ancho que el espacio posterior.
Dicho formato ayuda a los usuarios a comprender qué párrafo representa el subtítulo. Además, hace que todo el activo de contenido sea visualmente claro.
3 — Encabezados difíciles de ver
Los escritores digitales saben que su contenido es inútil sin buenos titulares. No solo ayudan con la escritura de SEO y brindan una mejor visibilidad en los motores de búsqueda, sino que también ayudan a los usuarios a escanear su contenido para comprender su contexto.
Volvamos al patrón en forma de F aquí:
Los usuarios necesitan 10 segundos para revisar el contenido y ver de qué se trata, y los subtítulos sirven mejor para este propósito. No alentarán a los visitantes de la página web a seguir leyendo si están mal redactados y son difíciles de escanear. Para una mejor usabilidad, diseñe sus subtítulos de la siguiente manera:
- Utilice un tamaño o color de fuente diferente.
- Hazlos audaces.
- Escriba subtítulos informativos para que los lectores comprendan el esquema de su contenido.
- Hágalos concisos y claros.
- Y, sin embargo, haga todo lo posible para crear subtítulos que sean lo suficientemente interesantes como para motivar a los visitantes a seguir leyendo.
4 — Estructura de texto compleja
Seamos realistas, es un gran desafío crear contenido original hoy en día: la competencia es una locura, y todos se esfuerzan por crear activos integrales que cumplan con EAT (el factor de experiencia, autoridad y confiabilidad de Google) y la intención de búsqueda del usuario y sirvan como guías definitivas para responder. todas las preguntas
Pero hay una trampa:
En busca de contenido 10x de alta calidad, los creadores crean activos de formato largo con estructuras complejas. Estas estructuras incluyen muchos niveles de subtítulos, lo que perjudica la usabilidad y dificulta que los lectores perciban toda la información. En cambio, se perderán en su contenido.
Hoy en día, la capacidad de atención es más corta que nunca y los usuarios en línea no pasarán horas investigando sus bloques de texto. Cuantos más pasos tengan que dar, mayores serán las posibilidades de que abandonen su página web rápidamente, lo que perjudicará su tiempo de permanencia, la tasa de rebote y los factores generales de comportamiento.
Comparemos:
- Título – H2 – H2 – H2
- Título – H2 – H3 – H3 – H3 – H2
- Título – H2 – H3 – H4 – H4 – H3 – H2 – H2
La primera estructura de texto es concisa y clara, por lo que funciona mejor. El segundo también está bien: los lectores entienden el flujo y la pertenencia de cada bloque de texto. El último es más difícil de comprender y requiere que los lectores se concentren y recuerden qué y dónde están leyendo en cada momento.
Para la usabilidad del contenido digital, siga la regla, “cuanto más simple, mejor”.
5 — Mala relación de contraste de color
Es lógico que no coloque texto amarillo o rojo sobre fondos verdes o azules. Sin embargo: La relación de contraste de color es fundamental en el diseño de páginas web, ya que mejora la legibilidad y ayuda a los usuarios a percibir la información.
Muy poco contraste y combinaciones de colores incorrectas agotan a los lectores, los frustran y los hacen abandonar su sitio web, sin importar cuán informativo y persuasivo sea el contenido que tenga para ellos. Cómo prevenir eso:
- Independientemente de los colores de su marca o de los que considere para su sitio web según la psicología del color, elija un color claro y relajante para el fondo de las páginas. Hará que sea cómodo para los usuarios leer su contenido digital.
- Use instrumentos como GitHub para ajustar la relación de contraste de color correcta para sus páginas web. Que no sea menos de 5:1. ¿Por qué crees que los textos negros sobre fondos blancos se ven mejor? Existe la mayor relación de contraste de color entre el blanco y el negro.
6 — Tamaño de fuente incorrecto
Los usuarios no leerán su contenido digital si tienen que esforzarse por eso. Las fuentes demasiado pequeñas en su sitio web (12 px o menos) son una forma segura de demostrar falta de respeto a los visitantes.
Reglas generales a seguir aquí:
- Utilice un tamaño de fuente de 14 px (mínimo). Algunos expertos insisten en que 16px a 18px (editores dotcom) es lo mejor para la web, pero la legibilidad del contenido no depende del tamaño en sí: el equilibrio de la fuente, la altura de la línea y el ancho de la luz son importantes (más sobre eso, en el Descripción del error n.º 7).
- Evite colocar más de tres tamaños de fuente en una página web.
- Considere fuentes que reflejen la personalidad de su marca: según la psicología tipográfica (nickkolenda dotcom), diferentes fuentes evocan asociaciones y emociones particulares de los lectores, por lo que es su oportunidad de influir en su percepción.
7 — Campos de texto grandes
Y por último, pero no menos importante, detalles que muchos administradores web ignoran al formatear páginas:
La altura y la longitud de la línea para los bloques de texto.
Es una regla de tipografía web basada en la proporción áurea: las tres dimensiones (tamaño de fuente, ancho de línea y alto de línea) deben relacionarse y verse agradables al ojo humano. ¡Mejora la usabilidad y la experiencia de lectura por mucho!
La proporción áurea es 1,618, pero puedes calcular la perfecta para tu sitio web según el tamaño de fuente que utilices. Considere las calculadoras GRT para eso: cuanto más grande sea el tamaño, más anchas y más altas las líneas que necesita usar. Otra fórmula proviene de Robert Bringhurst, el autor de The Elements of Typographic Style:
Tu tamaño de fuente (x) 30 = proporción áurea para tu página web.
La longitud de línea óptima para una columna de texto es de 50 a 75 caracteres. Uno más largo hace que sea difícil concentrarse en el contenido y evaluar dónde comienza y termina, y uno más corto hace que la vista retroceda con demasiada frecuencia, afectando el ritmo del lector.
Otro problema con las líneas demasiado largas es que parece que hay más trabajo por hacer, lo que asusta a los lectores. Las líneas demasiado cortas también pueden estresar a los visitantes: comienzan en la siguiente línea antes de terminar la actual, omitiendo así información esencial que desea compartir.
Aquellos que aprenden a bloguear también usan un truco de ancho de línea de Derek Halpern de Social Triggers:
Si no puede hacer que la línea del texto completo sea lo suficientemente corta, aún puede enganchar a los lectores en la introducción del texto. Las imágenes de ancho medio debajo de los titulares pueden ayudar aquí, como esta:
Los campos de texto grandes también pueden ser el resultado de escribir párrafos demasiado largos. Los escritores web saben que es uno de los indicadores clave de legibilidad para los usuarios: los visitantes escanean un texto y lo consideran desestructurado y difícil de percibir si ven bloques de texto demasiado grandes.
La mayoría de los sitios web luchan con este problema manteniendo párrafos que no superen las 3 o 4 oraciones o incluso 1 o 2 oraciones. Es una buena regla a seguir si no tiene los recursos para calcular la proporción áurea mencionada anteriormente para sus páginas web. (las dimensiones anteriores: tamaño de fuente, ancho de línea e interlineado).
Pero la cantidad óptima de oraciones en sus párrafos depende del tamaño de fuente, el ancho de línea y el espacio entre líneas de su página.
comida para llevar
El tema del contenido digital y la calidad son importantes para los usuarios, pero los webmasters y diseñadores no deberían subestimar el papel de su usabilidad. No importa cuán expertos y completos sean sus textos, nadie los leerá si son visualmente desagradables y difíciles de percibir.
La moderación del contenido es imprescindible. Y vale la pena considerar un poco de matemáticas detrás del diseño de texto web para una mejor usabilidad y conversión del contenido. Para eso:
- Alinea tus textos a la izquierda.
- Preste atención al espacio antes y después de los subtítulos.
- Evite la estructura de texto compleja.
- Haz visibles todos los subtítulos.
- Asegúrese de que la relación de contraste de color de su texto y el fondo de la página web no sea inferior a 5:1.
- Utilice un tamaño de fuente mínimo de 14 px para el contenido de texto.
- Calcule la proporción áurea de su página web en función de tres dimensiones: tamaño de fuente, altura de línea y ancho de línea.
Sí, todos sabemos que todo lo genial es simple. Pero solo ganan los que cometen menos errores.
Crédito de la imagen destacada: proporcionada por el autor; Pexels; ¡Gracias!
