Legibilidad

Bah, ahora es mejor momento que nunca para continuar. Perdón por los retrasos, pero estuve ocupado…

Aprovecho este espacio para avisar que dentro de poco se podrá acceder al blog por Tordek.com.ar (ambas direcciones funcionarán por un tiempo, y luego haré que Blogger se encargue de la redirección).

Entonces, volviendo al tema: En el primer post hice una lista básica de cómo se deben hacer las cosas, pero no estaba detallada. Ahora le dedicaré más detalle a cada ítem (no en el mismo orden):

Primero dije que sé lo que me gusta, y esa es uno de los factores más importantes del diseño: Si no le gusta al diseñador, NO SIRVE. A mi me gusta mi diseño, y eso es lo segundo más importante; muchos sitios personales de la época de Geocities ponían el «me gusta» por encima de todo, y terminaba siendo una mezcla extraña de miles de colores, animaciones que dejan ciego, e incluso efectos con javascript que ocupaban tanto el procesador que bloqueaban la máquina. El sitio tiene que ser atractivo, claro, pero la funcionalidad es mucho más importante. Google tiene una interfaz que casi no se puede simplificar más, y funciona.

Además, el texto tiene que poder leerse. Si el sitio está en Internet es porque quiere decir algo, y si no se puede leer lo que dice, no va a servir de mucho. La fuente tiene que ser lo suficientemente grande. En papel, esto es alrededor de 11 o 12 puntos, pero en la pantalla es un poco diferente: Los puntos (1/72 de pulgada, normalmente) significan poco; cada usuario puede definir cuantos mide un punto en su pantalla (y, no, no están relacionados con los pixeles). El «estándar» 100% Easy-2-Read propone usar, como fuente normal, el tamaño estándar del navegador (en realidad, 100.01%, por detalles técnicos). De esa manera se tiene una fuente de tamaño apropiado en el caso general. También hay que usar colores apropiados: un buen contraste es obligatorio (algunos recomiendan un gris muy oscuro sobre uno muy claro, para reducir el parpadeo en los monitores).

La última recomendación de hoy es que el texto sea del ancho justo: Depende a quién se le pregunte, entre 50 y 80 caracteres por línea ayudan a leer más rápido. En promedio, en una fuente de ancho variable cada caracter mide la mitad de su altura (Cosa que se puede conocer muy facilmente con la medida “em”, que (en teoría) es el ancho de una M, o generalizado como la altura de un caracter). El ancho exacto, entonces, depende del tamaño de la fuente menos para los estilos fijos (como el de este blog) La otra opción es que el ancho del cuerpo del texto varíe (los llamados estilos líquidos) según el tamaño de la ventana (todo su ancho, o solo un porcentaje), pero sufre el problema de ampliarse mucho en un monitor muy ancho. La última opción es usar un estilo denominado elástico, que se expande según el tamaño de la fuente (Por ejemplo, mi sitio de juegos de rol), así que mantiene una cantidad casi constante de letras por línea.

Estoy empezando a aplicar estas normas en mis sitios, así que pronto volveré a cambiar los estilos (recién agrandé la fuente del blog). Mi favorito es el estilo elástico. ¿Qué opinan ustedes?