web-dev-qa-db-fra.com

Fil d'Ariane ou onglet ou le meilleur des deux?

Nous avons une application Web qui permet aux utilisateurs d'interroger une base de données.
Les résultats sont renvoyés dans une interface style fil d'Ariane .

Nous avons apporté ce changement dans une nouvelle version, et nos utilisateurs ont eu des problèmes d'adaptation au changement. Nous avons fourni quelques docco sur la façon de l'utiliser, mais le principal problème est qu'il n'est pas assez intuitif.

Je ne sais plus si nous avons pris la bonne décision en nous éloignant de notre formulaire original basé sur des onglets à 2 niveaux.

J'ai reçu d'excellents commentaires sur une question connexe , qui fait référence à la meilleure façon de montrer à l'utilisateur qu'il existe des liens sur lesquels cliquer pour descendre le fil d'Ariane. Une grande partie de cela sera prise en compte pour la refonte.

Nos données sont spatiales.
Les utilisateurs recherchent en utilisant la recherche basée sur un formulaire (interface séparée).
Les résultats sont renvoyés dans un panneau séparé.

  • Un ensemble de résultats peut provenir de plusieurs couches, par exemple Bâtiments, limites des parcelles
  • Un calque a une vue par défaut, mais l'administrateur peut également avoir conçu des vues de calque supplémentaires.
  • Un résultat singulier (nous appelons ces caractéristiques par exemple un bâtiment spécifique) aura une vue par défaut. Encore une fois, l'administrateur peut avoir conçu des vues de fonctionnalités supplémentaires pour cela.

Voici l'ancien ancien panneau :

enter image description here Les résultats sont dans le volet de gauche, divisés en couches (icône de dossier).
Selon que vous cliquez sur un calque ou une entité dans un calque, les vues de calque/d'entité seront affichées sous forme d'onglets en haut du volet droit.

Et voici notre nouvelle interface Breadcrumbs:

enter image description here

Commentaires critiques:

  • les options étaient clairement visibles dans l'ancien panneau à onglets sont maintenant cachées dans la mie de pain
  • difficulté avec plusieurs résultats = problèmes pour revenir aux résultats, où, comme dans le panneau précédent, les fonctionnalités sélectionnées étaient toujours visibles sur le côté gauche
  • Pour accéder aux vues des fonctionnalités, vous deviez double-cliquer sur les lignes du volet central. Nous avons une info-bulle contextuelle, mais ce n'est pas évident de le faire.

Je me suis gratté la tête en essayant de simuler quelque chose qui combine le meilleur des deux et ne signifie pas que nous devons faire un demi-tour massif pour utiliser l'ancien code (qui a d'autres problèmes non liés à la convivialité). Voici ce que j'ai jusqu'à présent:

enter image description here

J'apprécie vraiment vos conseils sur celui-ci.
La réponse dont j'ai besoin est de bons conseils sur la façon de concevoir une interface que l'utilisateur trouvera facile à utiliser.
Il se peut que je doive revenir à l'ancien code.

J'espère que la question n'est pas trop large? Si oui, faites-moi savoir comment l'ajuster via les commentaires.

9
Simon

Dans la dernière maquette, vous utilisez une sorte de menu contextuel pour afficher une hiérarchie. Je pense que cela est très déroutant car la meilleure façon de montrer une hiérarchie est une arborescence ... que vous avez déjà.

Une question: que se passe-t-il lorsque vous cliquez sur "Nom du calque 3" dans l'arborescence? Affiche-t-il une liste avec les liens Feature 1, Feaure 2, Feature 3, ...? Si oui, alors voici ma suggestion:

Restez simple. Débarrassez-vous de ces fenêtres contextuelles, faites simplement une navigation classique dans le fil d'Ariane.

Lorsque vous cliquez sur "Layer 3" dans le fil d'Ariane, la même chose se produit lorsque vous cliquez sur "Layer 3" dans l'arborescence.

enter image description here

7
Bart Gijssens

Il est bon de voir que vous réfléchissez à des alternatives ici. En faisant cela, vous devez garder à l'esprit que si vous fournissez deux façons différentes de faire la même chose, vous allez ajouter beaucoup de confusion . Je vous recommanderais d'en choisir un, mais pas les deux. Laquelle est la question.

L'arborescence est une manière classique de montrer une hiérarchie profonde et correspond à ce que vous semblez vouloir faire ici, mais elle a ses propres inconvénients.

Le fil d'Ariane comme la navigation que vous utilisez peut également fonctionner s'il est mis en œuvre de manière claire pour vos clients. Un assez bon exemple d'implémentation est WoWhead , mais leur public est probablement assez différent du vôtre.

Vous devez faire des tests avec votre base de clients potentiels . Cela ne doit pas être difficile et vous donnera beaucoup d'informations. Si vous avez un filaire ou une maquette cliquable, demandez à environ 3 personnes de venir, puis demandez-leur de faire semblant d'effectuer une tâche définie.

2
JohnGB

Je trouve que la liste déroulante de chaque fil d'Ariane prête à confusion. Cela signale que vous pouvez sélectionner une valeur pour chaque fil d'Ariane, mais ce n'est pas le cas. C'est une façon très géniale de faire de la navigation.

L'ancienne façon me semble beaucoup plus claire.

0
Assaf Lavie