Quelle est l'importance du flux visuel d'une interface?

8

J'ai récemment eu une conversation avec un ami sur la conception d'une application d'installation. J'ai souligné que son flux visuel était déroutant. Cela a conduit mes yeux de gauche à droite puis de haut en haut, puis de nouveau en bas à gauche et enfin de droite à droite. Il a répondu qu'il ne pense pas que le flux visuel soit particulièrement important pour la conception graphique. Le fait d'avoir une direction et un flux clairs entre les éléments est-il important dans la conception graphique ou est-il sans importance par rapport à d'autres aspects?

design-principles composition interface-design Computerish
la source
4
Je ne suis pas sûr de ce que vous entendez par ligne directrice dans le contexte d'une interface utilisateur. Habituellement, ce terme est utilisé en relation avec la photographie où l'image elle-même contient des lignes visuelles que l'utilisateur doit suivre. Les interfaces utilisateur ne sont pas des images, et l'œil a tendance à suivre la disposition logique de l'interface (par exemple le flux de texte: numérisation de gauche à droite, de haut en bas) plutôt que les lignes géométriques trouvées dans l'interface.
Calvin Huang
4
Une capture d'écran permettrait d'expliquer le problème à portée de main.
Philip Regan
Exactement. Qu'est-ce qu'une ligne directrice ? Parlez-vous de gros titres ou d'autre chose? Êtes-vous en train de poser des questions sur l' interlignage, qui est essentiellement la hauteur de ligne?
Robert Koritnik
Je pense que le problème est la terminologie. J'ai édité ma question.
Computerish

Réponses:

6

Le flux visuel d'une interface est important, et voici pourquoi:

  • Chaque écran d'interface doit avoir une ou plusieurs actions principales à exécuter. Le flux visuel doit naturellement attirer l'œil sur l'action principale.
  • Moins l'œil doit parcourir de distance, plus une interface est facile à comprendre et à utiliser. Les études (pdf) sur la conception des formulaires le confirment, car les formulaires avec des étiquettes alignées en haut sont remplis plus rapidement que les formulaires avec des étiquettes alignées à gauche ou à droite.
  • Un flux visuel confus ou étendu augmente la frustration de l'utilisateur. Alors qu'ils évaluent le coût perçu de la frustration et du temps continus par rapport à l'accomplissement d'une tâche, de nombreux utilisateurs abandonneront la tâche.
  • Plus les tâches sont abandonnées, moins il y a de conversions. Dans le cas de votre ami, cela signifie moins d'installations. En bref, il nuit à ses résultats en ignorant un bon design.

L'une des meilleures ressources que j'ai vues à ce sujet est une série de vidéos de StomperNet (ignorez l'argumentaire de vente, les vidéos en valent la peine). L'objectif des vidéos est d'améliorer les conversions de sites Web, mais il existe de nombreux principes de conception solides avec une base scientifique qui pourraient être appliqués à n'importe quelle conception.

Si la vidéo ne vous intéresse pas, consultez cette étude, Identifier les problèmes d'utilisabilité du Web à partir des données de suivi des yeux (pdf), qui met en évidence des problèmes d'utilisation spécifiques qui découlent d'un mauvais flux visuel.

Virtuosi Media
la source