por Contenidos
A medida que los creadores de contenido digital se enfocan en los “esqueletos” y la “carne” de sus activos, preocupándose por la integridad 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 el siguiente es el rey. Hablando de contenido digital, esta secuela o “piel” es tipografía web.
¿Cuánta atención le prestas al formato del contenido? ¿Vas más allá de los titulares, párrafos breves e imágenes a lo largo del texto? ¿Sabía que las proporciones matemáticas en una página web afectan la usabilidad y pueden frenar a los visitantes cuando no están equilibradas?
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 sea el tema. Aprendamos un poco de matemática que mejora la experiencia de lectura y ayuda a los visitantes de su sitio web a percibir mejor su contenido, incluso si está escrito con inteligencia artificial.
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 molestan en alinear o siguen alineando su centro de contenido textual. Algunos intentan alinear las palabras manualmente, mientras que otros aplican la justificación completa. Ninguno de estos métodos funciona para el formato de estrella:
Las palabras tienen diferentes longitudes e incluso si ajusta el texto en su dispositivo, fallará en otras resoluciones de pantalla. En cuanto a la justificación, conduce a un espaciado de palabras improbable. Como resultado, su contenido parece aficionado y difícil de leer: los usuarios “tropiezan” en esos espacios aleatorios, el flujo del texto sufre y solo genera frustración.
La mejor opción es alinear su contenido digital a la izquierda.
Primero, es natural para la mayoría de los usuarios leer el texto 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 irregulares 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 — Espaciamiento incorrecto
Este error afecta el espacio antes y después de los subtítulos en su contenido digital. Aunque parezca insignificante y la mayoría de los administradores web no prestan atención a este detalle al elegir un tema para un sitio web, esta es la regla:
El espacio antes de un subtítulo debe ser más ancho que el espacio posterior.
Este formato ayuda a los usuarios a comprender qué párrafo representa el subtítulo. También hace que todo el activo de contenido sea visualmente claro.
3 — Títulos difíciles de ver
Los escritores digitales saben que su contenido es inútil sin buenos títulos. No solo ayudan con la escritura de SEO y ofrecen 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 ese propósito. No alentarán a los visitantes de la página web a continuar 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 ayudar a los lectores a comprender el patrón de su contenido.
- Hágalos concisos y claros.
- Aún así, 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 recursos integrales que cumplan con EAT (Experiencia, autoridad y factor de confianza de Google) y la intención de búsqueda del usuario y sirvan como las guías definitivas para responder a todos. preguntas.
Pero hay un truco:
Buscando contenido 10x de alta calidad, los creadores crean activos duraderos con estructuras complejas. Estas estructuras incluyen muchos niveles de subtítulos, perjudicando la usabilidad y dificultando 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 estudiando detenidamente sus bloques de texto. Cuantos más pasos tengan que dar, más probable es 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 del texto es concisa y clara, por lo que funciona mejor. El segundo también está bien: los lectores entienden el flujo y a dónde pertenece cada bloque de texto. Este último es más difícil de entender y requiere que los lectores se concentren y recuerden qué y dónde están leyendo en todo momento.
Para la usabilidad del contenido digital, siga la regla “cuanto más simple, mejor”.
5 — Mala relación de contraste de color
Por supuesto, no colocará texto amarillo o rojo sobre fondos verdes o azules. Sin embargo, la relación color-contraste es crucial 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 las 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 prevenirlo:
- Independientemente de los colores de su marca o de los colores que considere para su sitio web según la psicología del color, elija un color claro y relajante para el fondo de su página. Hará que sea conveniente para los usuarios leer su contenido digital.
- Use herramientas como GitHub para ajustar la relación de contraste de color correcta de sus páginas web. Hazlo no menos de 5:1. ¿Por qué crees que los textos en negro sobre un fondo blanco se ven mejor? Existe la máxima 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 molestarse en hacerlo. Las fuentes que son demasiado pequeñas en su sitio web (12 px o menos) son una forma segura de mostrar una falta de respeto a los visitantes.
Reglas generales a seguir aquí:
- Utilice un tamaño de fuente de 14px (mínimo). Algunos expertos insisten en que 16px a 18px (editores puntocom) es lo mejor para la web, pero la legibilidad del contenido no depende del tamaño en sí: el equilibrio entre la fuente, la altura de la línea y el ancho de resaltado son importantes (más sobre esto – en el # 7 descripción del error).
- 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 de la tipografía (nickkolenda puntocom), 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, los detalles que muchos administradores web ignoran al formatear páginas:
La altura y la longitud de la línea para bloques de texto.
Es una regla de la proporción áurea de la tipografía web: las tres dimensiones (tamaño de fuente, ancho de línea y altura de línea) deben correlacionarse y verse agradables al ojo humano. ¡Mejora enormemente la usabilidad y la experiencia de lectura!
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 esto: las líneas de mayor tamaño, más anchas y más altas 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 medir dónde comienza y termina, y uno más corto hace que la vista retroceda con demasiada frecuencia, lo que perjudica el ritmo del lector.
Otro problema con las líneas demasiado largas es que parece haber más trabajo por hacer, lo que asusta a los lectores. Las líneas que son demasiado cortas también pueden estresar a los visitantes: comienzan en la siguiente línea antes de terminar la actual, omitiendo así la información esencial que desea compartir.
Aquellos que están aprendiendo 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 al texto de introducción. Las imágenes de ancho medio debajo de los títulos 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 encuentran desestructurado y difícil de percibir si ven bloques de texto que son 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 tienes los recursos para calcular la proporción áurea antes mencionada para tus páginas web. (las dimensiones anteriores: tamaño de fuente, ancho de línea e interlineado).
Pero la cantidad óptima de oraciones en los párrafos depende del tamaño de fuente, el ancho y el espacio entre líneas de la página.
Llevar
El tema y la calidad del contenido digital son importantes para los usuarios, pero los webmasters y diseñadores tampoco deberían subestimar el papel de su usabilidad. No importa cuán expertos y completos sean sus textos, nadie los leerá si son visualmente poco atractivos 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 de contenido. Para qué:
- Alinea tus textos a la izquierda.
- Preste atención al espaciado antes y después de los subtítulos.
- Evite estructuras de texto complejas.
- Haz que todos los subtítulos sean visibles.
- Asegúrese de que la relación de color a contraste del 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 brillante es simple. Pero solo gana el que comete menos errores.
Crédito de la imagen destacada: proporcionada por el autor; Pexels; ¡Gracias!
