¿Qué tan importante es el flujo visual de una interfaz?

8

Recientemente tuve una conversación con un amigo sobre el diseño de una aplicación de instalación. Señalé que su flujo visual era confuso. Dirigió mis ojos de izquierda a derecha y luego hacia arriba y luego hacia abajo a la izquierda y finalmente a la derecha. Él respondió que no cree que el flujo visual sea especialmente importante para el diseño gráfico. ¿Tener una dirección y un flujo claros entre los elementos es importante en el diseño gráfico o no es importante en comparación con otros aspectos?

design-principles composition interface-design Computarizado
fuente
44
No estoy seguro de lo que quieres decir con línea principal en el contexto de una interfaz de usuario. Por lo general, ese término se usa en relación con la fotografía donde la imagen en sí contiene líneas visuales para que el usuario las siga. Las interfaces de usuario no son imágenes, y el ojo tiende a seguir el diseño lógico de la interfaz (por ejemplo, el flujo de texto: escaneo de izquierda a derecha, de arriba a abajo) en lugar de las líneas geométricas encontradas en la interfaz.
Calvin Huang
44
Una captura de pantalla contribuiría en gran medida a explicar el problema en cuestión.
Philip Regan
Exactamente. ¿Qué es una línea líder ? ¿Estás hablando de titulares o algo más? ¿Está preguntando sobre el liderazgo, que es básicamente la altura de la línea?
Robert Koritnik el
Creo que el problema es la terminología. Edité mi pregunta.
Computerish

Respuestas:

6

El flujo visual de una interfaz es importante, y he aquí por qué:

  • Cada pantalla de interfaz debe tener una acción o acciones principales que se deben realizar. El flujo visual debería atraer naturalmente la atención hacia la acción primaria.
  • Cuanto menos distancia tenga que recorrer el ojo, más fácil será comprender y usar una interfaz. Los estudios (pdf) sobre diseño de formularios lo confirman ya que los formularios con etiquetas alineadas en la parte superior se completan más rápidamente que los formularios con etiquetas alineadas a la izquierda o a la derecha.
  • Un flujo visual confuso o extendido aumenta la frustración del usuario. A medida que sopesan el costo percibido de la frustración y el tiempo continuos en comparación con la realización de una tarea, muchos usuarios abandonarán la tarea.
  • Cuantas más tareas abandonadas, menos conversiones. En el caso de tu amigo, eso significa menos instalaciones. En resumen, está perjudicando sus resultados al ignorar el buen diseño.

Uno de los mejores recursos que he visto sobre este tema es una serie de videos de StomperNet (ignore el argumento de venta, vale la pena soportar los videos). El objetivo de los videos es mejorar las conversiones del sitio web, pero hay muchos principios de diseño sólidos con una base científica que podrían aplicarse a cualquier diseño.

Si el video no es lo tuyo, mira este estudio, Identificación de problemas de usabilidad web a partir de datos de seguimiento ocular (pdf), que resalta problemas específicos de usabilidad que se derivan de un flujo visual deficiente.

Virtuosi Media
fuente