¿Por qué el diseño de Wikipedia tiene líneas de texto tan largas mientras se sabe que esto reduce la legibilidad?

Ayúdenos a encontrar estudios recientes a gran escala de que una medida estrecha y fija mejora la legibilidad y la comprensión, y ponerse en contacto. Las comunidades en Wikipedia y otros proyectos de Wikimedia responden bien a los datos.


Una respuesta más larga …

¿Por qué fue así al principio? Fue una decisión tomada a través de la indecisión. Refleja el estado de la tipografía en línea de hace muchos años, tanto estilística como tecnológicamente.

Casi todas las decisiones de diseño que ve en los sitios pasan por un proceso muy largo de iteración tanto internamente como con la comunidad.

Hay muchos en Wikimedia que preferirían mostrar el contenido del artículo con una medida limitada, sin embargo, los comentarios de la comunidad sobre esa parte de la actualización de la tipografía se mezclaron, por lo que se mantuvo el status quo de una medida flexible de ancho completo, mientras que se aceptaron otras mejoras y Se hicieron cambios para mostrar los sitios.

Si bien se han realizado algunas investigaciones históricas sobre la medición en línea para páginas impresas, y algunos trabajos iniciales realizados en pantallas digitales antiguas de baja calidad, se ha realizado poca investigación en pantallas modernas de computadora. Lo poco que se ha hecho, como Cómo los márgenes y las longitudes de línea afectan la lectura del usuario, muestra comentarios mixtos, en el mejor de los casos, no es un ganador claro y obvio. Aquellos con antecedentes en diseño gráfico tradicional, tienden a favorecer una medida más estrecha, ya que imita una página impresa a propósito.

La tipografía web todavía se está poniendo al día con la publicación de escritorio. Tenemos la suerte de poder tener el control y la flexibilidad ahora que no hemos tenido históricamente, pero lamentablemente muchas de estas nuevas tecnologías no son compatibles con computadoras y software más antiguos, algunos se degradan con gracia, otros no, ambos crean deudas técnicas o, como mínimo, la necesidad de mantener múltiples sistemas, lo que para una organización pequeña como la Fundación Wikimedia es insostenible a largo plazo. Tenemos que asegurarnos de que el contenido esté disponible para la mayor cantidad de personas posible, y a veces eso significa que no siempre podemos usar la tecnología más nueva cuando se trata de cómo mostrar y diseñar el contenido.


Otras lecturas

  • Noticias de usabilidad 72 – Shaikh
  • El concepto erróneo de longitud de línea | Viget
  • Lectura en pantalla: los efectos de la longitud de la línea en el rendimiento
  • Diseñando para la legibilidad
  • Elige una medida cómoda
  • Cómo ajustar la tipografía basada en caracteres por línea
  • Tipografía web receptiva en su máxima expresión: tamaño de fuente y altura de línea en función del ancho del elemento.
  • El diseño de texto óptimo es más que la longitud de la línea »Paul Olyslager
  • 4 razones por las que uso letras grandes
  • El estándar 100% Easy-2-Read

Cualquier cosa de 45 a 75 caracteres se considera ampliamente como una longitud de línea satisfactoria para un conjunto de páginas de una sola columna en una cara de texto serifado en un tamaño de texto. La línea de 66 caracteres (contando letras y espacios) es ampliamente considerada como ideal. Para trabajos de columnas múltiples, un mejor promedio es de 40 a 50 caracteres.

– Robert Bringhurst, Los elementos del estilo tipográfico.

Restringir el texto a un ancho específico también puede causar problemas de legibilidad, cuando se trata de variaciones casi infinitas de navegadores, tamaños de pantalla, fuentes de pantalla, tamaños de fuente, etc. Permitir que simplemente fluya con el borde derecho del navegador significa que cada usuario puede forzar el texto a ajustarse donde sea que funcione mejor para él / ella.

Ejemplo: aquí hay un artículo de Wikipedia sobre Bluetooth en Chrome en la pantalla 1280 × 800 de mi ThinkPad, con Chrome maximizado:


Y aquí está con Chrome “encajado” en el borde de la pantalla, convirtiéndolo en una ventana de 640 × 800:


Los reflujos de texto se ajustan al ancho que quiera que haga el navegador. Nadie dice que tienes que ejecutarlo al máximo.

EDITAR: Vale la pena señalar, Wikipedia en particular le brinda otras herramientas para cambiar la experiencia de visualización: en la barra de menú de la izquierda están los enlaces “Descargar como PDF” y “Versión imprimible”, y en la parte inferior de la página hay un Enlace “Vista móvil”.