web-dev-qa-db-fra.com

Quelle est la meilleure pratique pour cocher une série de cases à cocher?

J'ai une grande table (environ 100 lignes) pour définir les autorisations des utilisateurs. Chaque ensemble d'autorisations a un ensemble de 4 éléments possibles, qui dans de nombreux cas seront tous vérifiés mais pas par défaut. Pour plus d'efficacité, nous aimerions inclure une sorte de fonctionnalité "Sélectionner tout" qui permet à l'utilisateur de définir la ligne entière. Initialement, cela a été résolu avec une case à cocher, mais d'autres s'inquiètent de la facilité avec laquelle il sera possible de le connecter et de le faire fonctionner correctement à l'arrière. Quelle est la meilleure pratique pour sélectionner/désélectionner une ligne entière de cases à cocher?

enter image description here

10
Matt Rockwell

J'aurais une première case à cocher appelée quelque chose de plus descriptif comme "Toutes les autorisations" ou "Admin". Je rendrais alors les autres cases à cocher visibles (ou actives) selon que cette case à cocher a été sélectionnée.

Cela devrait être assez facile à mettre en œuvre, et devrait être visuellement clair et rapide à analyser.

Exemple de maquette:
enter image description here

10
JohnGB

S'agit-il de la mise en œuvre ou de la clarté de l'interface utilisateur? Je ne vois pas pourquoi une option "Select Full Row" devrait être plus difficile à implémenter que les autres.

Une sugesstion pourrait être de mettre en surbrillance la dernière colonne un peu différemment du reste car elle remplit également une fonction un peu plus grande que les autres. Je serais presque tenté de faire cela "Select Full Row" un bouton plutôt qu'une case à cocher. Le bouton, lorsqu'il était enfoncé, pouvait en effet sélectionner toutes les options, puis se transformer en bouton "Désélectionner la ligne complète".

Si vous le souhaitez, vous pouvez également fournir un bouton qui fait "Inverser tout" si cela a du sens dans votre scénario.

Comment cela change votre implémentation je ne sais pas; mais en tant qu'interface utilisateur, j'aime mieux cela. Fonctionnellement, le bouton peut ainsi modifier plusieurs paramètres alors qu'une case à cocher est toujours unique pour contrôler sa propre colonne. Je pense que c'est une séparation plus nette.

Sinon, le risque est similaire à ce scénario: l'utilisateur souhaite vérifier que personne ne dispose d'une autorisation "Créer". Il scanne donc visuellement la première colonne et ne voit aucune coche. Il s'est endormi dans un sentiment de sécurité alors que certains utilisateurs pourraient avoir cette dernière colonne cochée.

8
curious_cat