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

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 de regreso a la parte inferior izquierda y finalmente a la derecha. 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?

No estoy seguro de lo que quiere 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: escanear de izquierda a derecha, de arriba a abajo) en lugar de las líneas geométricas que se encuentran en la interfaz.
Una captura de pantalla contribuiría en gran medida a explicar el problema en cuestión.
Exactamente. ¿ Qué es una línea guía ? ¿Estás hablando de titulares o cualquier otra cosa? ¿Está preguntando sobre el liderazgo, que es básicamente la altura de la línea?
Creo que el problema es la terminología. Edité mi pregunta.

Respuestas (1)

El flujo visual de una interfaz sí importa, y he aquí por qué:

  • Cada pantalla de interfaz debe tener una acción principal o acciones que se van a realizar. El flujo visual debe atraer naturalmente la atención hacia la acción principal.
  • Cuanta menos distancia tenga que recorrer el ojo, más fácil será comprender y utilizar una interfaz. Los estudios (pdf) sobre el 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 frente a 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á dañando su balance final al ignorar un 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 se pueden aplicar a cualquier diseño.

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

¿Qué tan importante es el flujo visual de una interfaz?
RespuestasAquíPolítica de privacidad1y, 0v