web-dev-qa-db-fra.com

Interaction de sélection de vue maître / détail

Im travaille sur une vue de volet maître/détail 2. Vous cherchez des commentaires sur la sélection d'articles

Level 2 start

Lorsque je débarque pour la première fois sur "Niveau 2", je montre les éléments à l'intérieur du niveau 2 dans le volet gauche, et certains méta-rapports lisent uniquement les données dans le volet droit pour "Niveau 2", c'est-à-dire un graphique sur les performances des éléments ou quelque chose.

En cliquant sur un élément gauche, charge le détail de cet élément gauche dans le volet droit

Level 2 item selected

Si je voulais revenir à la "vue racine" du niveau 2. Est-ce suffisamment intuitif pour pouvoir simplement DÉSÉLECTIONNER l'élément de volet gauche que j'ai précédemment sélectionné?

En tant qu'utilisateurs, vous attendriez-vous à pouvoir désélectionner cette ligne?

Le "niveau 2" dans la miette pourrait également être cliquable pour réinitialiser la vue, mais je ne pense pas que ce soit un bon moyen de revenir à cette vue racine. Je suppose que le bouton de retour du navigateur pourrait également fonctionner?

Pensées:

  • J'ai une zone de sélection sur les éléments pour la sélection en bloc 1 à de nombreuses actions sur les éléments (déplacer, copier, supprimer).

  • La sélection de la ligne doit-elle également cocher la case? s'il a fait que désélectionner cet élément serait visible, il suffit de décocher la case.

4
Destructo

Q: Si je voulais revenir à la "vue racine" du niveau 2. Est-ce suffisamment intuitif pour pouvoir simplement DÉSÉLECTIONNER l'élément de volet gauche que j'ai précédemment sélectionné? En tant qu'utilisateurs, vous attendriez-vous à pouvoir désélectionner cette ligne?

R: Peut-être pas. Je soupçonne de désélectionner quelque chose que les utilisateurs font lorsqu'ils envisagent d'annuler quelque chose, de ne pas exécuter quelque chose (par exemple, obtenir des métadonnées), donc il se peut être la première chose à laquelle les utilisateurs pensent. D'un autre côté, il est utile que la page s'ouvre sans sélection, de sorte que de nombreux utilisateurs peuvent remarquer que (a) aucune sélection n'est possible et (b) la non-sélection affiche les métadonnées. Mais cela demande beaucoup à l'utilisateur. De plus, la désélection peut être difficile car il n'y a pas d'objectif explicite pour désélectionner des choses - l'utilisateur doit trouver "rien" sur lequel cliquer. Je sais que je suis frustré par l’explorateur Windows d’essayer de mettre le volet de la liste des fichiers (deuxième niveau) dans un état non sélectionné afin d’obtenir les statistiques du dossier dans le volet des propriétés (troisième niveau). Voici deux alternatives:

  • Inclure un élément de résumé sélectionnable explicite dans la liste de deuxième niveau en haut. N'étant pas plus grand que tout autre élément, il affiche les métadonnées les plus critiques. Cliquer dessus remplit le volet de détails avec toutes les métadonnées. Un tel élément récapitulatif peut également être utilisé pour sélectionner tous les éléments pour une seule action, comme déplacer ou copier (ce qui peut ou non être une bonne idée, selon la fréquence à laquelle il est nécessaire). Il y a toujours un élément sélectionné dans la liste des éléments. C'est juste que "l'élément" pourrait être l'élément de résumé. Vous constaterez peut-être qu'avec une utilisation moindre des graphiques gratuits, vous pouvez réellement intégrer toutes les métadonnées dans un tel élément récapitulatif et vous n'avez pas à vous soucier d'afficher les métadonnées dans le volet de détails.

  • Placez les métadonnées dans son propre volet. Placez à la fois le volet de détail de l'élément et le volet de métadonnées dans les expandeurs respectifs afin que l'utilisateur puisse en afficher un, les deux, ou aucun. Cela donne aux utilisateurs beaucoup de flexibilité (par exemple, ils peuvent voir et comparer les métadonnées sans perdre leur sélection). Ayez toujours au moins un élément sélectionné afin que le volet de détails soit toujours rempli. Par défaut arbitrairement au premier élément. Cela aide vos utilisateurs à réaliser que les éléments sont sélectionnables et qu'ils peuvent obtenir des détails sur les éléments en modifiant la sélection. Selon l'utilité des métadonnées, il peut même être judicieux de faire du volet des métadonnées le deuxième niveau (niveau supérieur à la page), et le volet de la liste d'éléments en est un détail de troisième niveau. Le détail de l'article devient un quatrième niveau.

Q: Le "niveau 2" dans la miette peut également être cliqué pour réinitialiser la vue, mais je ne pense pas que ce soit un bon moyen de revenir à cette vue racine. Je suppose que le bouton de retour du navigateur pourrait également fonctionner?

R: Les utilisateurs peuvent penser que cliquer sur le niveau 2 les amènera au niveau 2, ce qu'ils peuvent ne pas faire car ils se rendent compte qu'ils sont déjà on niveau 2. Comme cliquer sur rien pour tout désélectionner, cliquer sur le niveau 2 ne dit pas explicitement "donnez-moi des métadonnées pour tout le niveau 2". Compounding c'est que les utilisateurs n'utilisent pas chapelure beaucoup même quand ils le devraient. Ils peuvent les regarder pour leur orientation, mais il ne leur vient pas à l’esprit de cliquer dessus. Le bouton Retour n'est pas un substitut. Les utilisateurs s'attendent à ce qu'il les ramène dans pages, pas les éléments sélectionnés. Et c'est ainsi que cela devrait fonctionner. Vous ne voulez pas que les utilisateurs aient à cliquer 15 fois pour revenir en arrière à travers 15 éléments sélectionnés juste pour revenir à la page précédente. D'ailleurs, vous ne voulez pas qu'ils aient à cliquer 15 fois pour revenir aux métadonnées. Considérez Retour comme le bouton Fermer , pas le bouton Annuler.

Q: J'ai une zone de sélection sur les éléments pour la sélection en bloc 1 à de nombreuses actions sur les éléments (déplacer, copier, supprimer). La sélection de la ligne doit-elle également cocher la case? Si c'est le cas, la désélection de cet élément serait visible, décochez simplement la case.

R: Probablement pas. Une case cochée implique que cliquer sur un autre entraîne deux éléments sélectionnés (les cases à cocher sont un contrôle de sélection n-de-plusieurs). Les utilisateurs peuvent penser qu'ils doivent décocher l'élément en cours avant de cliquer sur l'élément suivant et ne se sont jamais rendu compte que c'était inutile. Mélanger la sélection de la zone de sélection par clic (n-de-plusieurs) avec l'élément de clic-à-sélectionner (un-de-plusieurs) est une idée intéressante, et j'aimerais savoir comment cela se passe dans un test d'utilisabilité. Avoir des boîtes de sélection est probablement beaucoup plus découvrable que les raccourcis experts pour la multi-sélection comme le clic Maj, la touche Ctrl/Commande et le glisser. Mais les cases de sélection seront-elles si puissantes que les utilisateurs supposeront que c'est la manière seulement de sélectionner? Ne découvriront-ils jamais une sélection "normale"? Que se passe-t-il lorsque l'utilisateur clique sur une case de sélection, puis sur un autre élément (pas sur la case de sélection), la case est-elle décochée? Qu'attendront les utilisateurs? Je ne sais pas. Si l'exécution de la même action sur plusieurs éléments est rare (généralement le cas), il peut être préférable de ne pas avoir de boîte de sélection et de s'appuyer sur les raccourcis experts. Il est normal de n'avoir que des raccourcis experts à faible découvrabilité parce que vous n'êtes pas comptez sur eux pour accomplir la tâche - ils ne sont qu'un raccourci. Les utilisateurs non experts peuvent effectuer la même tâche sans sélection multiple en sélectionnant et en agissant sur chaque élément un par un.

2
Michael Zuschlag

Le concept semble bon, j'ai fait quelque chose de similaire récemment, sans le jeu d'actions "sélectionner pour éditer/supprimer/etc". Voici quelques suggestions:

  1. Rendez les actions des utilisateurs explicites et non implicites. J'entends par là, si cliquer sur une ligne dans le volet gauche affiche des détails dans le volet droit, n'ajoutez pas la sélection de case à cocher dans la même action. Vous pouvez diviser cela en une activité distincte (Modifier par exemple) où l'utilisateur devra cliquer sur le bouton "Modifier" pour que les cases à cocher apparaissent, puis sélectionner les éléments à appliquer actions à.
  2. "Si je voulais revenir à la" vue racine "du niveau 2. Est-ce suffisamment intuitif pour pouvoir simplement DÉSÉLECTIONNER l'élément de volet gauche que j'ai précédemment sélectionné?" Cela peut être le cas, car l'action d'afficher le volet a été déclenchée en cliquant sur la ligne. Vous pouvez implémenter cela sans dérouter les utilisateurs si vous adoptez l'approche suggérée au n ° 1 ci-dessus. Une alternative serait de refaire l'action explicite et d'avoir un bouton "Fermer" en quelque sorte dans le volet droit.

C'est à peu près tout ce que j'ai, j'espère que ça aide!

1
Stefan