Quelle est une bonne alternative aux cases à cocher en cascade?

Question

Nous avons une interface Web pour exécuter un rapport. Le rapport peut être assez complexe. Il existe différents sujets qui peuvent être inclus dans le rapport, et chaque sujet a des sous-sujets.

À l'heure actuelle, l'interface est implémentée avec une liste de cases à cocher. Cela ressemble à ceci:

^{télécharger la source bmml - Wireframes créés avec Balsamiq Mockups}

Lorsque vous cochez une case pour sélectionner ce sujet, d'autres cases à cocher apparaissent sous la case à cocher parent pour les sous-sujets:

^{télécharger la source bmml}

Nous cherchons à repenser cela, car lorsque vous cochez une case, elle pousse toutes les autres cases vers le bas et hors de vue. Nous avons pensé à rendre les cases à cocher pliables, mais l'un des avantages de l'implémentation actuelle est qu'elle vous permet de voir TOUTES les cases à cocher que vous avez sélectionnées. Si les cases à cocher devenaient pliables, il serait plus difficile de voir tout ce qui a été sélectionné. Des recommandations pour une alternative?

Answer 1

Au départ, l'utilisateur pouvait simplement sélectionner dans la liste des cases à cocher principales. Une fois qu'ils ont choisi les cases, ils peuvent appuyer sur sélectionner pour accéder à une liste qui contient les sous-thèmes.

^{télécharger la source bmml - Wireframes créés avec Balsamiq Mockups}

puis une fois que l'utilisateur a fini de sélectionner les sujets principaux ....

^{télécharger la source bmml}

Cette conception répondra à vos deux exigences:

1. pour voir tous les principaux sujets sélectionnés en même temps. (Parce qu'ils ne se développent pas, vous pouvez rapidement sélectionner tous les centres d'intérêt.)
2. pour voir tous les sujets qu'ils ont sélectionnés. (La deuxième étape répertorie tous les sous-sujets ensemble, afin que l'utilisateur puisse voir tout ce qu'il a sélectionné, plutôt que d'afficher les sous-sujets un sujet à la fois.)

Answer 2

2 propositions

Le premier fonctionnera en fonction de la longueur du texte et de la quantité de sous-thèmes mais il vous permet de voir TOUTES les cases à cocher que vous avez sélectionnées

L'idée est que vous décochez ce que vous ne voulez pas au lieu de le vérifier.

Le deuxième fonctionnera dans tous les cas, mais sera moins transparent

Answer 3

J'irais avec le concept de cases à cocher pliables car c'est une possibilité qui est devenue assez courante avec l'utilisation d'explorateurs de fichiers qui permettent aux utilisateurs d'élargir et de réduire les sections selon les besoins.

Si vous devez afficher les éléments sélectionnés, vous pouvez afficher les éléments sélectionnés uniquement en masquant le reste, comme indiqué ci-dessous

^{télécharger la source bmml - Wireframes créés avec Balsamiq Mockups}