4 razones por las que el texto de tu cuerpo debería ser más grande
El texto del cuerpo en su sitio web es demasiado pequeño. Si bien los monitores de escritorio y las pantallas de los teléfonos parecen estar aumentando de tamaño, los tamaños de fuente del cuerpo aparentemente se han reducido. Si bien su tamaño original es el mismo, se sienten más pequeños que nunca.
Con demasiada frecuencia, me encuentro entrecerrando los ojos en la pantalla para leer el contenido. Y no debería ser así. ¡Hoy estamos analizando las razones de este problema cada vez mayor y cómo puede solucionarlo!
El caso para un texto más grande
Los tamaños de texto pequeños son un concepto de la vieja escuela en términos de diseño de sitios web. La idea de usar texto de 12 puntos para la copia del cuerpo se remonta casi a los primeros días de Internet y la publicación digital cuando el tamaño predeterminado en los procesadores de texto era de 12 puntos. (Así es como los diseñadores comenzaron a usar esta guía no oficial).
Pero las pantallas también eran mucho más pequeñas entonces. Y el tipo de 12 puntos en una ubicación a un par de pies de tus ojos puede ser mucho para leer.
Los titulares y subtítulos de gran tamaño han tenido tendencia durante bastante tiempo, y su copia del cuerpo debe ponerse al día. Incluso Kissmetrics, un blog sobre análisis web, marketing y pruebas, señaló que la mayoría de los sitios web tienen fuentes que son demasiado pequeñas. Incluso lo llamaron uno de los "7 pecados capitales del diseño web".
Esta es la gran razón: debe captar la atención de los usuarios de inmediato, y los tipos de letra pequeños simplemente no son suficientes con tantas otras opciones disponibles para el tiempo del usuario.
¿Todavía no está convencido? Aquí hay cuatro razones más por las que tu tipo de cuerpo debería ser más grande.
1. Es más fácil de leer
La legibilidad es un gran problema. ¿Por qué diseñaría un sitio web que sea difícil de leer para un usuario?
La primera lección es deshacerse de la medida numérica pura para el texto del cuerpo en la web. Realmente no importa si su texto tiene 12 puntos o 16 puntos o 22 puntos si no puede leerlo. (El tamaño del texto no es universal y varía dependiendo del tipo de letra de todos modos). El texto del cuerpo debe ser proporcional a todo lo demás en la pantalla y fácil de ver para los usuarios desde cierta distancia.
El estándar por algún tiempo ha sido que 45 a 60 caracteres por línea en una sola columna (esto incluye puntuación y espacios) es la longitud ideal para la mayoría de los lectores. Por lo tanto, debe pensar en el tamaño de los navegadores más comunes, el ancho de la columna que está utilizando y comenzar con un tamaño de texto que se encuentre dentro de ese rango. Luego recuerde ajustar en consecuencia para los puntos de corte receptivos.
El rango es algo más estricto para pantallas más pequeñas donde la mayoría de la gente está de acuerdo en que un texto más grande es mejor. (Gracias a la mitad del rango de conteo de líneas).
El truco es crear una escala que sea cómoda para leer. Y cuanto más texto del tamaño del cuerpo tenga que trabajar, más importante será. El texto que es demasiado ancho puede dificultar el enfoque y el movimiento de línea a línea cuando se lee; el texto que es demasiado angosto no tiene un buen ritmo y hace que el ojo se mueva demasiado rápido al leer.
2. Hace que el diseño sea más intuitivo
El tamaño del texto contribuye a la usabilidad general del diseño de un sitio web.
Si todo el texto se escala proporcionalmente, una copia de cuerpo más grande también ayuda a aumentar el tamaño de otros elementos de la interfaz de usuario, como enlaces de navegación o texto de botones. Puede ayudar a contribuir al flujo general.
Un texto más grande también lo ayudará a tomar mejores decisiones sobre el contenido y editarlo de manera más selectiva, lo que siempre es bueno para los usuarios. Esta racionalización ayuda a llevar los elementos más importantes a la vanguardia del diseño. Recuerde, los usuarios tienen la capacidad de atención de un pez dorado, si es así, por lo que todo lo que necesitan para comprender el diseño y cómo interactuar con él debe ser accesible de un vistazo.
Aquí está la otra ventaja de goteo hacia abajo de tipo más grande: también lo alentará a repensar el relleno, la colocación de fotos y el espaciado de líneas. Todo en el diseño se beneficiará de repensar el tamaño de letra porque todo funciona congruentemente para crear un producto final armado. Toda esa edición y replanteamiento de cómo colocar piezas puede resultar en una usabilidad mejorada porque en realidad está tomando tiempo para evaluar elementos individuales en el diseño, en lugar de simplemente dejar todo de la misma manera en que lo hace habitualmente.
3. Reduce la fatiga
La fatiga del usuario puede ser un problema real. La mayoría de las personas miran las pantallas todo el día, desde mirar teléfonos, jugar juegos, tabletas, trabajar en computadoras o mirar televisión. Sus ojos están cansados.
Los tamaños de texto más grandes pueden ayudar a disminuir parte de esta fatiga de la pantalla.
Otra fuente común de fatiga de la pantalla viene en forma de dispositivos móviles y usuarios que tienen que buscar elementos en la pantalla. Los teléfonos más grandes están disminuyendo las áreas que son fáciles de alcanzar con el pulgar, pero los elementos más grandes y el texto del cuerpo pueden ayudar a resolver este dilema.
Una razón por la que los tamaños más grandes para el texto y otros elementos de la interfaz de usuario es importante es porque ayuda a ajustar la pantalla visual para que coincida con la física, proporcionando más comodidad para los usuarios.
4. Aumenta el impacto visual
Desea que el diseño de su sitio web dé una buena primera impresión. El texto más grande puede tener una fuerte presencia visual e impacto que el texto más pequeño. Es más audaz y más directo. Exige ser leído.
Todas estas tácticas ayudan a captar la atención del usuario y aferrarse a ella.
La consecuencia involuntaria del uso de un tipo de cuerpo más grande es que casi todo lo demás en su diseño probablemente también se agrandará. Este es probablemente el caso con el espacio. El tipo más grande lo ayudará a crear espacio para más espacio en el diseño. Más espacio a menudo crea una experiencia de usuario más cómoda y agrega un elemento de contraste que ayuda a atraer a los usuarios a las partes ocupadas del diseño. (Es la teoría del diseño en un nivel básico, pero funciona).
El tipo más grande y el mayor espacio son elementos que la mayoría de los usuarios no verán ni hablarán, pero descubrirán que aprecian. La experiencia será más fácil y, con suerte, dará como resultado un aumento en el análisis del sitio web, como el tiempo en el sitio o las páginas por visitante. (Estas medidas pueden ser un factor clave para determinar si el cambio a un tipo más grande está haciendo una diferencia para los usuarios).
Conclusión
Smashing Magazine publicó un artículo en 2011 que afirma que cualquier cosa menos de 16 píxeles para el texto del cuerpo es demasiado pequeño. Tendería a estar de acuerdo.
Y luego da un paso más allá. Pruebe 18, 20 o incluso 22 puntos para su copia corporal. Aunque parezca incómodo al principio, encontrará que es fácil de leer. Es fácil de digerir. Y hace que el contenido se sienta un poco menos abrumador. Facilite a los usuarios y ellos se lo agradecerán al pasar más tiempo en su sitio web.