Análisis de legibilidad web
Legibilidad: Es la capacidad de definir y distinguir claramente los elementos que deseamos en una página y, dentro del texto, los carácteres.
La legibilidad en pantalla e impresos es diferente. En pantalla el usuario tiende a reducir el número de palabras que lee, debido al cansancio producido por la luz de la pantalla y a la gran competencia existente entre cada diseño, que debe llamar la atención del usuario y retenerlo.
Consejos para legibilidad:
%2B10.34.50.png)
Esta página web es un ejemplo de buena legibilidad, ya que su contenido se presenta con un contraste correcto entre el fondo y los textos, imágenes, enlaces, etc.
Además se divide con una buena jerarquía de formatos de fuentes, color, títulos, subtílos, etc que nos ayudan a la hora de comprender los contenidos.
Su división en columnas y la distribución de la información en frases y párrafos cortos, también nos ayuda a tener una lectura cómoda, ya que las columnas no superan más del 50% del ancho total de la pantalla.
%2B10.15.00.png)
En este caso tenemos un ejemplo de página web con mala legibilidad, ya que presenta un contraste entre el fondo y los textos que dificulta la lectura de algunos de los contenidos. Los enlaces están muy cerca unos de otros y no siempre se diferencian con claridad.
Consejos para legibilidad:
La legibilidad en pantalla e impresos es diferente. En pantalla el usuario tiende a reducir el número de palabras que lee, debido al cansancio producido por la luz de la pantalla y a la gran competencia existente entre cada diseño, que debe llamar la atención del usuario y retenerlo.
Consejos para legibilidad:
- Contraste: elegir un color de texto que contraste lo suficiente con el fondo es fundamental para una buena legibilidad. Sin embargo un contraste demasiado marcado(superior a 15:1) termina por cansar la vista, afectando negativamente a la legibilidad. La W3C establece que el contraste mínimo es de 4.5:1 para un tamaño de fuente normal o de 3:1 para títulos grandes encabezados.
- Jerarquía: variar la fuente, color y formato de los títulos y subtítulos siguiendo un patrón jerárquico, ayuda a identificar la estructura del diseño y por lo tanto facilita la comprensión de la lectura y aporta mayor fluidez.
- Columnas: -no deben suprar más del 50% del ancho total de la pantalla (en caso de monitores, no de otros dispositivos), con el objetivo de que la lectura sea cómoda y no resulte pesada. Por ese motivo también se recomienda que cada línea contenga una media de 15 palabras y distribuir la información en frases y párrafos cortos.
Esta página web es un ejemplo de buena legibilidad, ya que su contenido se presenta con un contraste correcto entre el fondo y los textos, imágenes, enlaces, etc.
Además se divide con una buena jerarquía de formatos de fuentes, color, títulos, subtílos, etc que nos ayudan a la hora de comprender los contenidos.
Su división en columnas y la distribución de la información en frases y párrafos cortos, también nos ayuda a tener una lectura cómoda, ya que las columnas no superan más del 50% del ancho total de la pantalla.
%2B11.00.45.png)
En este caso tenemos un ejemplo de página web con mala legibilidad, ya que presenta un contraste entre el fondo y los textos que dificulta la lectura de algunos de los contenidos. Los enlaces están muy cerca unos de otros y no siempre se diferencian con claridad.
Consejos para legibilidad:
- No incluir Flash,si se desea que funcione en un iPad.
- No colocar muchos enlaces muy cerca unos de otros.
- La navegación debe ser fácil y la interacción no debe presentar complicaciones.
- No colocar demasiada carga de vídeos, animaciones o galerías de fotos que puedan ocasionar problemas de carga y difilcultades al navegar
FUENTES PRINCIPALES:
- Texto: EL TRATAMIENTO DE LA IMAGEN EN SU CONTEXTO (Apuntes de clase)
- Imágenes: http://buenafotopro.ning.com/
http://thewalkingdeadonlinecomic.blogspot.com.es/
Comentarios
Publicar un comentario