Archivo de la etiqueta: Patrones de diseño

Interesante diagrama de la experiencia de usuario en páginas de Facebook

El otro día comentamos los tres patrones de diseño más comunes a la hora de distribuir contenido en las páginas, pero hablamos que una de sus restricciones teóricas era la de que se referían a patrones de diseño para textos de alta densidad. O sea, para páginas esencialmente llenas de texto. Hoy traemos una especie de contrapartida, que no es ni más ni menos que un conjunto de mapas de calor del recorrido visual por ciertas páginas de Facebook.

En primer lugar estamos ante paginas que no están basadas en el texto puro y duro, y que tienen cierta jerarquía. Eso determina en gran medida “hacia dónde se nos van los ojos” cuando navegamos por dichas páginas. Pero es que Facebook es así. Sin embargo, nos vamos a sorprender con las diferencias notorias entre diferentes páginas con contenidos claramente dispares. Podéis hacer click en cada imagen para acceder a versiones de mayor resolución.
Leer +


El diseño de tu sitio web: dónde colocar la información más relevante

Es uno de los quebraderos de cabeza universales en esto de publicar en Internet: dónde pongo la información más relevante para que los usuarios que me visiten hagan click con mayor probabilidad. O dónde coloco la publicidad para maximizar la rentabilidad. No existen, al parecer, fórmulas infalibles, pero sí que existen patrones de diseño que se adaptan a la tendencia natural de la vista, al orden en el que “escaneamos” la pantalla a la búsqueda de información interesante.

Veremos por encima tres de los patrones de diseño más eficientes, pero también veremos cómo no todo es lo que parece, y cómo tan importante como el diseño de la estructura de la página es tan importante como el diseño de los contenidos. La máxima que más interesante me parece es que la vista tiene un recorrido “automático” por diversas partes de un documento más o menos homogéneo, recorrido que podemos dirigir gracias a una jerarquía clara. Veamos.
Leer +