Leyendo en la web: comparativa de diversos esquemas y formatos para hacer párrafos y textos más “apetecibles”

La legibilidad de un texto depende de múltiples factores: el tipo de letra, el tamaño,  el color, el espacio que dejamos entre una lí­nea y otra, los márgenes, la alineación, el fondo de la página, etc… Pero, ¿cómo organizamos estos elementos para crear textos más claros, atractivos y legibles para nuestro sitio web?

Continuar leyendo

Compartir

¿Da igual que da lo mismo? Usabilidad y diferencias entre la izquierda y la derecha.

Cuando diseñamos una página web, a menudo surge una terrible duda:

– ¿Qué hago con este elemento? ¿Lo sitúo a la derecha o a la izquierda? ¿Se verá bien si lo pongo ahí­?

Continuar leyendo

Compartir

¿Tener que hacer “scroll” perjudica a la usabilidad de un sitio web?

Si el usuario tiene que desplazarse verticalmente para consultar los contenidos de una página, ¿hay peligro de que los pase por alto o de que le hagan perder el interés en nuestro sitio?

Continuar leyendo

Compartir

Lectura y usabilidad web: como leen los usuarios el contenido de un sitio web.

Gracias a las conclusiones del estudio “How users read on the Web” Jacob Nielsen’s Alertbox 1997, sabemos que los usuarios no leen el 100% de los textos mostrados en un sitio web. Más bien escanean el contenido textual del sitio en busca de los elementos que más les interesa. ¿Pero entonces, qué cantidad exacta de texto suelen leer los usuarios al entrar en un sitio web? Sabemos que no es el 100%, pero entonces ¿Cuánto es?

Continuar leyendo

Compartir

Usabilidad: la mirada del usuario. Estudios de recorrido visual y patrones de comportamiento.

¿Hacia dónde miran los usuarios cuando consultan un sitio web? Para dar respuesta a esta pregunta, Jacob Nielsen, reconocido gurú de la usabilidad en la web, realizó un estudio en abril de 2006 titulado “F-Shaped Pattern For Reading Web Content”. En él se analizaban los movimientos de la mirada de 232 usuarios al mostrarles varios sitios web. Del análisis se desprende la teoria del “Patrón en forma de F”. Las conclusiones del estudio fueron las siguientes:

Continuar leyendo

Compartir

Menú horizontal vs vertical

Podemos dividir los distintos tipos de diseño que podemos elegir en función de la posición del menú principal.

Básicamente destacarí­a las páginas con menú horizontal y las páginas con menú vertical.

Normalmente los menús horizontales encajan bien con páginas de muchos apartados y que necesiten ordenar muy bien los módulos de contenido. Este tipo de menú nos permite diseñar páginas muy largas donde el usuario va a hacer scroll para ir leyendo todos los contenidos.

Veamos un ejemplo:

ejemplo 1

Los menús verticales nos pueden interesar cuando tengamos menos elementos a mostrar en el menú o sea, cuando la página tenga menos apartados. Si queremos hacer un diseño donde el usuario no tenga que hacer scroll para ver todo el contenido nos vendrá muy bien este tipo de menú. Si es así­, daremos un alto máximo a la página de 600px (de esta manera el 90% de los usuarios van a ver el contenido entero sin necesidad de hacer scroll)

Veamos un ejemplo:

Compartir