Legibilidad e Ilegibilidad

Legibilidad

Una página es legible cuando puedes distinguir claramente los elementos que la componen, como los fondos, textos e imágenes.

Cuando se trata de la legibilidad en una pantalla no se tienen en cuenta los mismos criterios, ya que el usuario tiende a reducir su lectura debido al cansancio que produce la luz de las pantallas, y cada vez mas se busca encontrar la información deseada en menos tiempo. Por lo que los diseñadores deben crear diseños mas llamativos para atraer al usuario y conseguir retenerlo.

Para que una página sea legible debe tener ciertas características:

• Debe existir un contraste entre el fondo y el texto, pero no demasiado marcado para que no canse la vista, el texto también debe tener un tamaño normal para diferenciarlo de los títulos y encabezados.

• Se debe variar el tamaño, color y fuente de los textos, títulos y subtítulos para una mejor comprensión de la lectura y fluidez.

• Las columnas no deben superar el 50% del tamaño de la pantalla, para aportar comodidad. También se debe distribuir el texto en frases y párrafos cortos par hacer más ligera la lectura.

• No se deben colocar demasiados enlaces juntos.

• No se debe incluir flash si se va a destinar para iPad.

• La navegación debe ser sencilla, y no se deben incluir demasiadas animaciones, vídeos o imágenes ya que pueden dificultar la carga de la página.

Ejemplo de página legible:

Esta pagina es legible por que:

• Tiene un contraste entre fondo y texto que no daña a la vista.

• Las imágenes no tienen grandes contrastes.

• Los tamaños de las letras son adecuados ya que permiten diferenciar perfectamente los títulos de los textos.

• Los títulos están marcados con negrita, y los enlaces están diferenciados con otro color.

• Las Columnas no superan el 50% de la pantalla y están bien estructuradas en párrafos cortos.

Ilegibilidad

Una página es ilegible cuando es difícil distinguir los elementos que la componen.

Las páginas ilegibles tienen las siguientes características:

• Los fondos y los textos tienen un contraste muy marcado, con colores estridentes que producen gran cansancio a la vista.

• El tamaño de los textos y subtítulos no tienen una diferencia notable.

• Los textos suelen tener resaltadas algunas frases con colores fosforitos.

• Las columnas superan el 50% de la pantalla, y a veces ni siquiera contiene columnas, redactando la información en frases muy largas.

• Aparecen demasiados enlaces juntos, baners y flash.

Ejemplo de página ilegible: