web-dev-qa-db-fra.com

Quelle est la meilleure solution UI / UX pour afficher la hiérarchie des taxonomies dans une liste de grille simple (vue tableau)?

Présentation

Ce que nous avons dans cette version de notre logiciel de commerce électronique (boutique en ligne), est une simple vue tabulaire avec recherche et pagination filtrables dans un panneau d'administration pour gérer les taxonomies des produits. Les taxonomies ont une hiérarchie qui peut avoir jusqu'à 4 niveaux de profondeur et au plus 1000 articles. Pour certaines raisons techniques, nous ne pouvons pas utiliser une arborescence.

Exigences

L'utilisateur administrateur souhaite trouver une taxonomie à travers cette grille pour:

  • modifier le nœud
  • supprimer le nœud

(La création de noeud n'est pas dans notre portée car elle peut se faire via un formulaire dans lequel l'utilisateur peut spécifier un noeud parent, tout en définissant une nouvelle taxonomie.)

Recherche

Dans mes recherches, j'ai trouvé une question qui ne répond pas à mon problème spécifique, mais qui est pertinente: Modèle d'interface utilisateur de gestion de la hiérarchie taxonomique

Solution A

Affichage de la hiérarchie dans une colonne sous forme de fil d'Ariane de navigation: showing hierarchy in a column as navigation breadcrumb

Solution B

Affichage de la hiérarchie dans la colonne de titre en retrait: showing hierarchy in title column as indent

Question

Quelle est la meilleure solution UI/UX pour afficher la hiérarchie des taxonomies dans une liste de grille simple (vue tableau)?

7
Mahdi Rabie

Je pense que votre deuxième option va devenir confuse lorsque les utilisateurs commenceront à utiliser la fonctionnalité de tri, vous perdrez la hiérarchie visuelle entre les éléments.

J'irais pour la 1ère option.

4
Julien N.

Je recommanderais de m'en tenir à Solution A.

Non seulement cela semble cohérent, mais il se produit également une confusion moindre avec les indentations.

Vous ne voudriez pas que l'utilisateur insiste sur la lecture des différents niveaux d'indentations. N'oubliez pas qu'ils ne sont pas des programmeurs pour distinguer les indentations. De plus, la solution B manque de cohérence et la hiérarchie n'a pas de sens et nécessitera un briefing avant de faire jouer l'utilisateur.

2
Swapnil Borkar

Je vote en faveur de Solution B , car sa disposition plus compacte laisse de la place pour travailler avec des espacements et des couleurs pour améliorer la communication de la taxonomie.

Mais, puisque votre cas implique des milliers d'articles avec 4 niveaux, je vous suggère également de considérer quelque chose d'interactif comme un disposition de partition zoomable. enter image description here

2
freshnode

Je suggérerais le deuxième (groupement). Et lorsque l'utilisateur clique sur le tri, je triais les lignes en fonction des en-têtes de groupe (numérique, tablette). Facultativement, on pourrait même trier les lignes dans les en-têtes en fonction de l'ordre de tri défini au niveau de l'en-tête de groupe.

1
sudarsanyes