Legibilidad en la Web

¡Buenas!
Hoy traigo algo de info sobre la legibilidad en las páginas webs. Así como hay webs bonitas y agradables de ver, también tenemos otras que marean y te invitan a salir de ellas.

Antes de nada, interesa tener un concepto básico de lo que es la legibilidad. Esta, es la capacidad de distinguir y definir claramente los elementos en una página, y en el texto, los caracteres.

Ahora, sí estamos listos para analizar la legibilidad en alguna que otra web. Empezamos con una bastante legible.

http://www.3djuegos.com

Navegación.
En este caso, 3DJUEGOS tiene en la parte superior una barra con subgéneros donde el usuario puede encontrar distintas plataformas. Y encontrar así de manera más sencilla y rápida: información, reviews, tráilers, guías..., sobre esa plataforma.
Esto es una guía muy útil si, por ejemplo, el usuario sólo está interesado en una sola plataforma, o si por el contrario quiere ver de todo un poco ( En Inicio se mezclan todas las plataformas destacando lo más nuevo y destacado ).

Colores.
La página tiene un fondo oscuro, con títulos de colores claros, lo que hace que sea cómodo de leer.

Un detalle a tener en cuenta es que, si la imagen que acompaña el artículo, tiene el fondo blanco, el título tiene un sombreado oscuro para permitir su distinción.
Se mantiene un buen contraste en todo momento, sin importar la categoría a la que accedas, sigue siendo bien distintivo todo, con colores mate, grises y oscuros para los fondos, y las letras claras para los titulares.

Enlaces.
La web dispone principalmente de imágenes como enlaces, sobre todo en el Inicio. Aunque yendo más abajo, encontramos típicas entradas de artículos o noticias.
Al entrar a un artículo, obtenemos la legibilidad de letras negras sobre fondo blanco, con frases, párrafos, etc, bien jerarquizados.

Tipografía y Párrafos.

La tipografía se mantiene en la mayoría de los casos, destacando en negrita los títulos o palabras importantes.

Las columnas suelen abarcar de un lado al otro del artículo, exceptuando el encuentro con imágenes.

Los párrafos en ocasiones son bastante amplios, aunque generalmente son fáciles de leer, y con un lenguaje entendible para los nuevos del mundillo, así como para los más veteranos.



Generalmente la página está muy bien, teniendo buen contraste entre fondos y palabras, y pudiendo moverte de manera rápida y sencilla para encontrar lo que buscas o, descubrir algo nuevo.


Vamos a ver ahora la página ilegible.
He encontrado varias, pero de todas las..."páginas'' que hay, me he quedado con esta preciosa web.

http://www.dokimos.org

¿Preciosa verdad?
Es sólo el inicio. La entrada a la página es muy molesta, para leer, por los colores, que no paran de girar y fastidiar la lectura de los párrafos de las esquinas.

Si entramos en el inicio de la página, podemos encontrarnos esto:

Una web que aunque se puede leer más o menos bien... Contiene demasiada imagen con movimiento.

Navegación
Contiene arriba algunas ''pestañas'' de la página, y el resto de ella, acompañada con numerosos gifs, son enlaces a otras páginas. No contiene información, y no permite un desplazamiento intuitivo como la otra página.

Colores
En general, la página contiene colores planos, y fondos con texturas o líneas, que molestan un poco a la hora de leer. Los textos no destacan demasiado.


Tipografía y Párrafos
En varias secciones de la página, la tipografía es muy variada, como se puede ver en esta sección (GIFTS). Tantas tipografías diferentes y tan juntas, molestan a la vista y no es adecuado para la lectura en la web.
Por otra parte, apenas contiene párrafos.

No es la peor página del mundo, pero definitivamente no es un buen ejemplo para la legibilidad en la web.
Y eso ha sido todo en esta entrada, un poquito de legibilidad.

¡Hasta otra :3!