Una de las cosas comunes al desarrollo de todos los proyectos web es la elección de las tipografías adecuadas para títulos, subtítulos y otros textos pero, sobre todo, la definición de tamaños de tamaños texto legibles para los párrafos de lectura, los que contienen información como los de noticias, artículos o posts.

Aquí es donde cada diseñador tiene su “estilo” favorito. Algunos prefieren los tamaños pequeños (9 a 11 px) porque fluyen y se acomodan mejor y permiten inyectar más contenido en menos espacio. Otros prefieren los tamaños medios (12 a 13 px), privilegiando una buena lectura. También están los que prefieren los tamaños definitivamente grandes, especialmente para los párrafos (14 a 16 pt). Otros prefieren dejar los textos de los párrafos a tamaños relativos (% ó em) a partir de un tamaño medio, usualmente 12 a 14 pixeles y a partir de ahí definir tamaños hacia arriba y hacia abajo en la escala para los distintos tamaños de textos de un sitio.

El problema

El cómun denominador de todas estas opciones es que se basan en las preferencias o intuiciones personales de cada profesional sobre la mejor manera en que se deben desplegar esos textos. Muchas veces incluso, esta decisión se basa sobre las preferencias estéticas y no toma en cuenta que son otros los que leeran esos textos y que son ellos y sus características como usuarios (edad, entorno de uso y tareas específicas, grupo socioeconómico, nivel de usuario, desventajas físicas, etc.) las que deben definir detalles tan básicos e importantes como el tipo y tamaño de los textos de un sitio y serían estos detalles los que darían la sorpresa al analizar los resultados del estudio.

Un pequeño estudio

Para tener una base concreta sobre la que determinar el font-size para un sitio web, es que decidí realizar un sencillo estudio con un objetivo único: saber cuál es font-size adecuado para lograr una buena lectura de acuerdo a las preferencias de usuarios comunes. Este estudio sólo se enfoca a párrafos, lo que se puede traducir como posts, artículos, despliegues de noticias o similares que requieran lectura.

Para lograr esto, construí un Probador de Párrafos que permitiera elegir entre 5 tamaños distintos de texto que van entre 10px y 16px en tamaño fijo o su equivalente en em para tamaños variables, que va entre 0.83em a 1.33em, tomando 12px como el equivalente de 1em. La tabla siguiente puede ser más clara para entender esto.

Resultados esperados v/s resultados obtenidos

Debo decir que antes del estudio tenía alguna ideas preconcebidas respecto a los tamaños tipográficos. A lo largo de los años he ido variando mi “tamaño preferido de texto” desde uno muy pequeños en mis inicios a uno un poco sobre la media. Esto fruto del constante estudio, el mismo trabajo y los ensayos y errores en los diversos proyectos que he abordado me llevaron a preferir un tamaño de texto que creo que privilegia la legibilidad y lecturabilidad y casi siempre sin serif, aunque las estadísticas no son contundentes respecto a la legibilidad de uno sobre el otro, según el excelente y bien documentado artículo de usalo.es.

Antes de empezar este estudio, esperaba que los resultados mostraran que los usuarios se inclinarían por 1 o 2 de los tamaños, lo que mostraría una tendencia clara sobre cuál es el rango de tamaños que los usuarios prefieren, pero había olvidado considerar un factor determinante: la edad.

El primer resultado que salta a la vista y que, luego de verlo, resulta claramente obvio es que, en Interntet, las personas prefieren un tamaño de letra dependiendo de su rango de edad: mientras más jóvenes fuentes más pequeñas y fuentes más grandes en la medida que subimos de edad. Esto está claramente ligado a un menor nivel de visión que se acentúa, en términos generales, mientras mayor sea el nivel de edad de la persona, entre otros razgos asociados netamente al comportamiento y características de las personas mayores frente a las tecnologías de información y sus herramientas.

Para entender mejor esto son necesarios algunos datos concretos del estudio: el universo de entrevistados fue de 30 personas las que, una vez obtenidos los resultados, se dividieron en 4 grupos que permiten ver de manera clara las preferencias por grupo de edad frente a los tamaños de fuente (Figura 1).

Viendo éste gráfico y sus datos podemos sacar algunas afirmaciones generales:

1. No hay un tamaño único preferido pero si una tendencia marcada hacia las fuentes más grandes.
2. Las mayores preferencias son para los Párrafos 2 y 3.
3. El tamaño más pequeño (Párrafo 1) definitivamente no es preferido.
4. El tamaño más grande (Párrafo 5) si bien es el segundo menos preferido tiene mejor aceptación en comodidad de lectura, lo que reafirma el punto 1.

Para tener una mejor visión de las preferencias, podemos ver en la Figura 2 que los resultados marcan claramente las preferencias por los Párrafos 2 y 3 y dejan de manifiesto las tendencias planteadas en las afirmaciones generales.

Conclusiones

Obviamente esto no se trata de un estudio con rigor científico y no entrega resultados y tendencias incluso tengo dudas sobre la construcción misma del probador y si éste influye de alguna manera en los decisiones de los usuarios de la prueba pero creo que pese a eso, sus resultados pueden ser una guía algo más precisa que las preferencias personales o estéticas de cada uno.

El estudio arroja 3 resultados claros:

1. No existe el tamaño de fuente perfecto. Existen perfiles y características de usuarios y los tamaños de fuente deberían ser en relación a esos perfiles.
2. El 65.71% del universo del estudio prefirieron los párrafos 1 y 2, que representas un tamaño entre 12 y 14px.
3. A menor edad fuentes más pequeñas pero no menores a 12px y a mayor edad fuentes más grandes con preferencia hasta 15 o incluso 16 pixeles.

Lo mejor que puedo sacar en limpio de esto es que nuestras decisiones como diseñadores se pueden justificar basados no solo en argumentos emocionales, también podemos usar argumentos racionales y concretos a través de herramientas simples, de bajo o nulo costo y que impactan directamente en las soluciones que podemos brindar.

El tiempo total invertido en armar el Probador de Párrafos fue de 1 hora, las personas que participaron como sujetos de prueba fueron amigos y familiares con un perfil medio de usuario de Internet y usé las reuniones cotidianas para hacer las pruebas. Si fuera necesario hacer algún test similar con otro tema se podría tener el Probador correspondiente en 1 día y hacer la pruebas en muy breve tiempo, incluso horas y la cantidad de personas hasta podría ser menor. Algo muy importante para mí es que la opinión y preferencias de 3 personas que sean usuarios potenciales, siempre serán más relevantes que mis propias suposiciones.

Si bien existen infinidad de libros, artículos y blogs que nos inundan con información sobre usabilidad y experiencia de usuario, tambien podemos usar nuestra imaginación para crear nuestras propias herramientas y generar resultados específicos en nuestro propio contexto y con nuestra gente, que son nuestros usuarios reales.

Si por ejemplo, cruzamos los datos obtenidos con este estudio con los datos etarios del grupo al que va dirigido un proyecto web, es probable que ayude a decidir con mayor certeza qué tamaño de fuente podría ser la más indicada para los usuarios ese proyecto específico. Mejor aun si esto despierta las ganas de realizar tu propio test con usuarios del perfil del proyecto, los resultados serán más confiables y cernanos a la realidad, lo que significa una buena experiencia de usuario, altos grados de percepción y valoración del sitio y, si esos estudios se comparten, conocimientos y experiencia que nos servirán a todos para hacer mejores sitios y aplicaciones.