Saltar navegación
Contacto: (+34) 670 230 483

Usted está en: Inicio > Blog > Flujos visuales claros en las interfaces

Flujos visuales claros en las interfaces

Escrito por A. Fidalgo el 28 Mar 2011

El flujo visual es el camino que recorren los ojos a través de una pantalla. Si el diseño está bien realizado este movimiento es natural y fluido, el ojo va de un objeto al siguiente sin darse cuenta, de forma clara.

El diseñador tiene que presentar los elementos o la información según se desee que los vea o lea el usuario. Y debe dirigir la mirada hacia el objetivo buscado, hacia la llamada a la acción que se desea realice el usuario.

Para ello se pueden utilizar diferentes variables o atributos visuales de los elementos, como flechas, caras, diferentes tamaños, perspectiva, secuencia de textos o de imágenes, etc. Una variable importante a tener en cuenta e la hora de dirigir el flujo visual es la localización del contenido o los elementos.

El orden convencional en Occidente, como se sabe, es de arriba hacia abajo y de izquierda a derecha. Este es el orden que debe seguir la presentación de los contenidos, como ya comentamos en Crear una secuencia o flujo lógico en las interfaces.

No es esto lo que se hace en la pantalla inferior de un kiosco interactivo, en la que el usuario, una vez seleccionadas las fotografías que desea imprimir ha de buscar el próximo paso, no se le ofrece o facilita claramente la acción siguiente.

flujo_kodak.jpg

El ojo tiene cierta resistencia en desplazarse hacia arriba o hacia la izquierda en la pantalla. Por lo que romper esta lógica exige más esfuerzo al usuario y es menos eficiente.

Sin embargo, en la pantalla siguiente, se ofrece una dirección más clara, una mejor secuencia para navegar por sus contenidos.

flujo_costco.jpg

El objetivo que deseamos que alcance, la llamada a la acción se le ofrece al usuario, no lo tiene que buscar, está justo después de los elementos que ha seleccionado, en parta inferior derecha. En el desenlace de la acción.




Últimos tweets de Usolab

  • Ups, parece que ahora mismo no podemos mostrar nuestros tweets.

Proyectos propios

Bankimia

Bankimia es un comparador de productos financieros.

Actualmente ofrece información sobre hipotecas, depósitos bancarios, cuentas y préstamos de 42 bancos y cajas.