En faisant des recherches pour un projet de logiciel en cours, j'ai rencontré l'application Web de constructeur automobile de Ford. Il a une navigation de style assistant en haut et désactive les liens futurs jusqu'à ce que les 2 premières sélections (ou étapes) soient terminées. Bien que ces liens soient désactivés, ils ne sont pas visuellement désactivés . Ils ressemblent à ce qu'ils font lorsqu'ils sont activés, mais vous ne pouvez pas cliquer dessus. Je pense que c'est une solution acceptable, car il est assez facile de comprendre que vous devez faire votre choix initial avant d'aller plus loin. Voir l'exemple:
Vous pouvez visiter le site ici
Pour moi, cela crée moins de bruit visuel que de désactiver ou de griser visuellement les étapes suivantes jusqu'à ce qu'elles soient autorisées. Cela permet de réduire les mouvements, la confusion et les changements lors des choix.
Est-il plus utile de désactiver ces futures étapes sans distinguer visuellement qu'elles sont temporairement désactivées?
Pour moi, la clé de la réponse est dans votre question: "car il est assez facile de comprendre que vous devez faire votre choix initial avant d'aller plus loin" . Les utilisateurs ne devraient pas avoir à comprendre les choses. Ne les faites pas réfléchir * - clarifiez les choses.
Mise à jour après le commentaire de Matt: Ce que je n'aime pas non plus, c'est que lorsque vous êtes à l'étape 2, vous ne voyez pas que vous pouvez cliquez sur l'étape 1 mais l'étape 2 est toujours désactivée (ils se ressemblent). C'est une raison de plus pour le rendre plus clair. Je ne pense pas que vous ayez besoin de le griser - je suis sûr qu'il existe de plus jolies solutions (mais je ne suis pas graphiste).
Je suppose que la page n'échoue pas dans les tests utilisateur, mais cela ne signifie pas que vous ne pouvez pas améliorer l'expérience. Cela devrait être clair et évident - l'utilisateur ne devrait même jamais penser à l'interface, il devrait penser à la voiture de rêve qu'il configure.
* Bonjour M. Krug;)
Visuellement oui, il y a moins de distraction, mais en termes d'interaction, c'est une distraction. Comme vous l'avez dit, vous avez essayé de cliquer en avant et de voir, mais rien ne s'est passé, il a été désactivé. Moi aussi, je me retrouve à cliquer sur les assistants, seulement nous ne savons pas que nous cliquons sur eux ou qu'ils sont des assistants.
Les utilisateurs aiment savoir ce qui se passe et ce qui se passera. Leur temps leur est précieux et donc précieux pour nous. Savoir que c'est un assistant et qu'il y a 9 étapes serait une bonne information à connaître.
Donc, sans griser les autres étapes (ou un autre traitement) peut être moins distrayant visuellement, c'est une distraction et une interaction erronée.
À mon avis, j'aborderais cela de deux manières différentes:
1) N'affichez pas le reste de l '"assistant" avant d'avoir effectué les deux premières sélections. Permettre à l'utilisateur de se concentrer uniquement sur la sélection de modèle initiale avant de se préoccuper de l'extérieur, de l'intérieur, etc. Cela séparerait la sélection linéaire de la non linéaire.
2) Modifiez la conception visuelle pour que cela ressemble plus à un assistant. Un assistant implique parfois un chemin d'actions linéaire ou logique. Le style visuel de cet assistant ressemble plus à une navigation horizontale, ce qui rend la sélection confuse.
Ce sont deux changements drastiques et peuvent nécessiter plus de temps que vous souhaitez investir, mais je pense que cela peut conduire à une interface moins confuse (moins de clics disponibles, moins de sélections, plus de structure).
Enfin, je ne pense pas que rendre ces liens désactivés étant donné la conception visuelle actuelle est la bonne direction à suivre.