El texto del cuerpo en su sitio web es demasiado pequeño. Mientras que los monitores de escritorio y las pantallas de los teléfonos parecen estar aumentando de tamaño, los tamaños de las fuentes del cuerpo parecen haberse 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 creciente problema y cómo puede solucionarlo!
El caso de 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 utilizar texto de 12 puntos para las fechas de copia del cuerpo se remonta 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 estado en tendencia durante bastante tiempo, y la copia de tu cuerpo necesita 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 llamaron a este uno de los "7 pecados capitales del diseño web".
Esta es la gran razón: tienes que llamar la atención de los usuarios de inmediato, y los tipos de letra pequeños no lo cortarán con tantas otras opciones disponibles para el tiempo de un 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 un sitio web que es difícil de leer para un usuario?
La primera lección es deshacerse de la medida numérica pura del texto del cuerpo en la web. Realmente no importa si tu texto es de 12 puntos o 16 puntos o 22 puntos si no puedes leerlo. (El tamaño del texto no es universal y varía de acuerdo con el tipo de letra). El texto del cuerpo debe ser proporcional a todo lo demás en la pantalla y fácil para que los usuarios lo vean desde una cierta distancia.
El estándar durante algún tiempo ha sido que de 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. Entonces recuerde ajustarse de acuerdo con los puntos de interrupción de respuesta.
El rango es algo más estrecho para pantallas más pequeñas donde la mayoría de las personas están de acuerdo en que un texto más grande es mejor. (Gracias a la mitad de ese rango de conteo de líneas.)
El truco es crear una escala que sea cómoda para leer. Y mientras más texto de tamaño corporal tenga para trabajar, más importante se vuelve esto. El texto que es demasiado ancho puede dificultar el enfoque y el movimiento de una línea a otra al leer; el texto demasiado estrecho 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 más grande del cuerpo también ayuda a aumentar el tamaño de otros elementos de la interfaz de usuario, como los enlaces de navegación o el botón de texto. Puede ayudar a contribuir al flujo general.
El texto más grande también lo ayudará a tomar mejores decisiones sobre el contenido y editar de forma más selectiva, lo que siempre es bueno para los usuarios. Esta simplificación ayuda a poner 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 que, así que todo lo que necesitan para entender el diseño y cómo interactuar con él debe ser accesible de un vistazo.
Aquí está el otro bono de goteo del tipo más grande: lo alentará a repensar el relleno, la ubicación de la foto y el espaciado de líneas también. Todo en el diseño se beneficiará de un replanteamiento del tamaño del tipo, ya que todo funciona de manera congruente para crear un producto final. Toda la edición y el replanteamiento de cómo colocar las piezas puede resultar en una mejor usabilidad, ya que en realidad se está tomando el tiempo para evaluar elementos individuales en el diseño, en lugar de simplemente colocar todo de la misma manera que normalmente lo hace.
3. Reduce la fatiga.
La fatiga del usuario puede ser un verdadero problema. La mayoría de las personas miran las pantallas durante todo el día, desde mirar los teléfonos hasta jugar a tabletas o trabajar en computadoras o mirar televisión. Sus ojos están cansados.
Los tamaños de texto más grandes pueden ayudar a disminuir algo de la fatiga de esta pantalla.
Otra fuente común de fatiga de la pantalla viene en la forma de dispositivos móviles y usuarios que tienen que cruzar la pantalla en busca de elementos. 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 cual los tamaños de texto y otros elementos de la interfaz de usuario son importantes es porque ayuda a ajustar la pantalla visual para que coincida con la física, brindando mayor comodidad a los usuarios.
4. Aumenta el impacto visual
Usted quiere que el diseño de su sitio web haga una primera impresión fuerte. 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 en tu cara. Exige ser leído.
Todas estas tácticas ayudan a captar la atención del usuario y aferrarse a ella.
La consecuencia involuntaria de usar un tipo de cuerpo más grande es que casi todo lo demás en su diseño probablemente también se ampliará. Este es muy probablemente el caso con el espacio. El tipo más grande te 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 teoría de diseño a un nivel básico, pero funciona.)
Un tipo más grande y un mayor espaciado son elementos que la mayoría de los usuarios no verán o hablarán, pero solo encontrarán que aprecian. La experiencia será más fácil y, con suerte, resultará en un aumento en el análisis de sitios 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á marcando una diferencia para los usuarios).
Conclusión
Smashing Magazine publicó un artículo en 2011 que afirma que cualquier texto de cuerpo inferior a 16 píxeles es demasiado pequeño. Tendría que estar de acuerdo.
Y luego dar un paso más. Prueba 18, 20 o incluso 22 puntos para tu copia de cuerpo. Incluso si parece 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. Facilítelo a los usuarios y ellos se lo agradecerán al pasar más tiempo en su sitio web.