¿Por qué la mayoría de los sitios web y aplicaciones móviles usan fuentes sans-serif?

Vale la pena solo discutir qué son las Serif. Las serif son los detalles que se encuentran al final de los trazos en las fuentes. Sus orígenes se encuentran en el mundo de la impresión, donde las serif ayudan a la lectura del texto (¡esto es, por supuesto, una historia muy cortada de la serif!).

Hay una serie de estudios que analizan la legibilidad de las fuentes sans-serif y son más fáciles de leer con resoluciones de pantalla más bajas. A medida que aumentaron las resoluciones de pantalla, hemos visto no solo más fuentes serif incluidas en el sistema operativo, sino también un mayor uso.

El artículo de Alex Poole que está vinculado en su pregunta habla sobre el diseño de fuente basado en la cuadrícula de baja resolución aproximadamente 2 / 3s hacia abajo. El hecho de que provengamos de pantallas de baja resolución significa que la dependencia de sans-serif es una resaca de eso.
http://alexpoole.info/which-are-…

Toda la literatura de HCI se centra en que el tamaño del texto es el principal problema con la legibilidad.

Con mi sombrero de Neurociencia hay mucho que entender por la forma en que funciona el ojo. El 94% del movimiento ocular se basa en movimientos sacádicos que son movimientos oculares rápidos e involuntarios. Al leer, el ojo se mueve hacia adelante y hacia atrás sobre el texto, conocido como regresiones. Con texto más difícil de leer hay más regresiones. También utilizo un eyetracker con la investigación de UX que emprendo.

El experimento de Russel et al utilizó un rastreador de ojos para estudiar, entre otras cosas, la fuente serif vs no serif para hacer esto. Mostraron un aumento del 7% en la legibilidad con serif (sin embargo, no es estadísticamente significativo), no comparten los datos de las regresiones tristemente.
http://www.bcs.org/upload/pdf/ew…

Vale la pena decir que eligieron Helvetica y Georgia en su prueba. Como cualquier buen tipógrafo le dirá que Georgia fue diseñada para el uso de la pantalla. Yo diría que para que este experimento sea válido, se deberían haber utilizado varias fuentes diferentes. No tomaría esto como un estudio definitivo.

Creo que la premisa de su pregunta deja suficiente para ser debatida. ¿La mayoría de los sitios web y aplicaciones móviles usan más fuentes sans-serif? No creo que eso sea necesariamente cierto. Pero no lo sé, porque no he visto ninguna evidencia estadísticamente relevante que indique otra cosa.

En cuanto a la teoría de mal pantallas o mal renderizado, creo que esta imagen dice mucho:


Tenga en cuenta las serif muy distintas en ak, T o G en cada ventana de DOS. Si observa el historial de las IU basadas en texto, encontrará muchos tipos de letra con serifs. Por supuesto, estos tipos de letra monoespaciados no tienen trazos modulados o caracteres de ancho variable, pero no hace falta decir que la teoría “las pantallas quieren sans-serifs” no es una teoría válida.

Entonces, volvamos a su pregunta entonces. Creo que probablemente debería reformularlo a “¿por qué los tipos de letra lineales se han vuelto tan populares?” Porque, por mucho que intentemos encontrar una explicación científica para usar un determinado tipo de letra con ciertas características, sigue siendo en gran medida una cuestión de gusto o adecuación. Algo así como Hitler odiaba el boletín y exigía que todos usaran Futura cambió la faz de lo que significaba el progreso en Alemania en ’40 -’45. O como si quisiera un tipo de letra que tenga trampas de tinta si va a imprimir algo con tinta en cierto papel. O como si quisiera una fuente insinuada a mano o redibujada para pantallas de baja resolución.

También: una buena historia de la sans-serif se describe en Typophile: http://typophile.com/node/12132

Las serif originalmente se derivan históricamente del uso de las herramientas caligráficas utilizadas para escribir. Puede rastrear esta influencia cuando intente dibujar formas de letras con un lápiz caligráfico, como el lápiz de punta ancha. A lo largo de la historia, la tecnología impresa ha influido en el aspecto de la tipografía: el tipo de madera rugosa, por ejemplo, que acompañaba a las gruesas losas serif / fuentes egipcias.

En la pantalla, debido a la resolución más baja en comparación con la impresión, las serifas generalmente se veían borrosas, porque las líneas se mostraban sin alias (con sombras de gris alrededor). En comparación con esta falta de definición, los tipos de letra sans-serif se veían nítidos en la pantalla, lo que los convirtió en la opción preferida en la tipografía de pantalla.

Ahora, con la pantalla de retina de Apple, esto probablemente ya no sea necesario, pero esa es una idea que aún necesita difundirse.