web-dev-qa-db-fra.com

Comment concevoir des listes de sélection imbriquées avec la sélection multi-éléments

Je conçois une liste de sélection qui vous permet de sélectionner plusieurs niveaux simultanément. Cela fonctionne très bien jusqu'à 3 niveaux:

enter image description here

Ceci est juste un exemple, dans certains cas, ce modèle s'adapterait à la sélection de produits qui peuvent avoir une imbrication assez profonde, environ 10 niveaux, dans diverses catégories. Au-delà de 3 niveaux, l'idée de gérer l'imbrication avec des indentations et des tailles de police semble ridicule car elle pourrait être infiniment profonde.

Toute pensée ou exemple serait grandement apprécié.

1
Chris

Problème de conception intéressant. L'un des grands défis de la conception consiste à choisir le ou les éléments d'interface utilisateur appropriés pour une situation donnée.

L'élément d'interface utilisateur que vous avez montré n'est pas idéal pour le problème que vous essayez de résoudre, par exemple une liste de sélection est essentiellement une liste plate où la seule chose que vous pouvez faire est de regrouper son contenu en un seul niveau. Il ne s'étend pas vraiment au-delà de ce simple regroupement de niveau 1.

Si vous avez besoin de regrouper au-delà, je vous recommande de repenser le processus de sélection. Après tout, l'objectif principal de l'utilisateur est simplement de sélectionner des éléments, quel que soit leur regroupement ou leur organisation dans votre système.

Il existe d'autres façons bien meilleures d'organiser les éléments dont vous avez besoin, mais essayer de créer un seul widget pour atteindre 3 niveaux ou plus de regroupement sera impossible.

Une analyse de l'architecture de l'information serait un exercice utile pour résoudre ce problème.

1
SteveD