¿Te gusta el cambio de fuente de Quora (marzo de 2017) para comentarios?

No, no eres solo tú. Los comentarios SON más difíciles de leer ahora.

El tipo de letra que están utilizando, Tiempos Text, es excelente. El problema no es con el tipo de letra, sino con su implementación.

Quora ya ha estado usando Tiempos Text para respuestas y preguntas, y en un intento de simplificar la tipografía, también han comenzado a implementarla en otra parte del sitio web. Creo que fue una mala elección cambiar el tipo de letra de las preguntas a un tipo de letra serif, pero creo que es una opción mucho peor usar uno para comentarios, en un tamaño de punto relativamente pequeño.

El problema con los tipos de letra serif en un tamaño tan pequeño es que aumenta lo que yo llamo ruido visual . Verifiqué cuál es el tamaño del texto de los comentarios, y es de 12.6 pt (16.8 px), lo que está dentro del rango de comodidad como se explica aquí: 16 píxeles: para Body Copy. Cualquier cosa menos es un error costoso – Revista Smashing. El problema es que a medida que el tipo de letra serif se reduce, su densidad y textura aumentan, y la textura se vuelve demasiado discordante. En la tipografía de libros, necesita una cierta cantidad de textura para un color uniforme (un término tipográfico para la distribución de negro en el espacio en blanco), pero si la textura se vuelve demasiado nítida, le resultará incómodo leer textos extendidos. Es por eso que no ponemos nuestros textos en cursiva, sino que los usamos con moderación para enfatizarlos.


Como experimento en ruido visual en tipografía, creé la imagen a continuación (agrandar la imagen). En la primera columna utilicé el tamaño del texto para los comentarios, en la segunda columna utilicé el tamaño del texto para las respuestas, y en la tercera columna utilicé el tamaño del texto para las preguntas y utilicé el peso en negrita de los tipos de letra para emular las preguntas de Quora.

Luego pedí un montón de tipos de letra según el grado de ruido visual, desde el más ruidoso hasta el más limpio. Como puede ver, Times New Roman crea una textura muy nítida en cualquier tamaño, lo que probablemente sea bueno para la impresión de periódicos, pero no es óptimo para la web.

Además, fue bastante difícil decidir si Tiempos Text o (Neue) Helvetica presentaban más ruido visual. Tiempos Text presenta una mayor textura, lo que agrega ruido. Pero Helvetica no se insinúa muy bien, lo que hace que el texto carezca de claridad, lo que aumenta el ruido. Al final, sin embargo, decidí que (Neue) Helvetica funcionaría mejor en este tamaño. Una cosa que la imagen de arriba no tiene en cuenta, después de todo, es la representación de subpíxeles.

En la tercera columna, sin embargo, puede notar que el orden de los tipos de letra cambió un poco. Cuando se amplía, algunos tipos de letra se vuelven más ruidosos, como Meta, que está optimizado para el tamaño del texto, pero debido a sus espuelas, tiene una textura más clara en comparación con Neue Helvetica. Sin embargo, Meta rinde mejor, por lo que este fue un juicio sobre si solo tenía una textura mayor o si también era más ruidosa. En cualquier caso, Open Sans ocupa el primer lugar en términos de claridad cada vez.

Sin embargo, esto no quiere decir que Open Sans sea el tipo de letra más óptimo para cada tamaño y contexto. En el tamaño del texto, una cierta extensión de la textura ayuda a la lectura, pero no debería ser dominante. Francamente, cuando comienzas a notar el tipo de letra, probablemente estés haciendo algo mal; en tamaño de texto, cuando la tipografía está bien hecha, debe ser “invisible”, lo que quiere decir que no debe notarla.

Y, por último, aunque esto no tiene nada que ver con los comentarios, quiero que note que en la tercera columna, Tiempos Text es el tipo de letra más oscuro con diferencia, demasiado oscuro. Esto se debe a que Tiempos Text es, como su nombre indica, un tipo de letra destinado al tamaño del texto. Para el tamaño del título, se diseñó el título titulado Tiempos, que presenta un contraste de menor peso y, por lo tanto, se equilibra mucho mejor con Tiempos Text en el tamaño del texto; usar ambos para su uso previsto creará un color más uniforme en la página. Sin embargo, diría que la textura sigue siendo muy distinta en ese tamaño, ya sea que use Texto o Título. Quora debería utilizar tipos de letra sans-serif en combinación con Tiempos Text para obtener un buen equilibrio entre textura y claridad.

¡Reduce el ruido visual!


Si desea saber más sobre los problemas con el uso del texto Tiempos para tantas cosas sobre Quora, y en particular los comentarios, lea mi publicación de blog: Una carta a Quora sobre tipografía

Las fuentes son una gran parte de este sitio web, es molesto cuando las características de tanta importancia cambian repentinamente. Este tipo de letra afecta negativamente la legibilidad de los comentarios, por lo que considero que este cambio repentino de fuentes es un error.

El propósito principal de la selección de fuente o tipo de letra es transmitir el carácter o el propósito de su sitio web y contenido. [1] Al respecto, usar Tiempos Text como fuente para las Preguntas y Respuestas es una gran opción. El estado de ánimo y los sentimientos más asociados con los tipos de letra serif son clásicos, elegantes, formales, seguros y establecidos. [2]

La fuente de Quora para Preguntas es la misma que la utilizada para Respuestas.
La consistencia es un factor importante en el mundo del diseño. Por lo tanto, es lógico cambiar también la fuente en la sección de comentarios a Tiempos Text.

Hay dos tipos de fuentes. El de la izquierda se llama Serif, al igual que Tiempos Text. El de la derecha se llama Sans-Serif. Las serif son los pequeños trazos finales en el final de un personaje. [3]

Se dice que Sans-Serif es mejor en la pantalla, pero Serif está bien siempre que la fuente tenga un tamaño razonable. El tamaño en las respuestas es de aproximadamente 15 px, que es fácil de leer y se ve bien. El tamaño de los comentarios es de aproximadamente 12-13 px, que es demasiado pequeño. Esto hace que esta hermosa fuente sea mucho menos legible.

Sinceramente me duelen los ojos.
TLTR; No me gusta el cambio de fuente para la sección de comentarios, ya que es demasiado pequeño.

Notas al pie

[1] Tipografía y por qué es importante para su sitio web

[2] Fuentes Serif vs. Sans Serif: ¿una es realmente mejor que la otra?

[3] ¿Cuáles son más legibles: los tipos de letra Serif o Sans Serif?