Comment sélectionner / désélectionner et activer / désactiver l'état d'une ligne dans un tableau?
J'ai une application Web qui, après le traitement de certains fichiers, montre à l'utilisateur le résultat de ce traitement. L'utilisateur peut maintenant sélectionner une ou plusieurs pour enregistrer et en même temps, il peut activer ou désactiver les lignes. Je pense que ce n'est pas convivial et je veux changer mon approche. Ceci est une maquette de ma table:
Quelle est la bonne façon de gérer cela?
Quelques idées:
- Vitesse - les petites cases à cocher ne sont pas les meilleurs contrôles pour les actions rapides/fréquentes, selon la loi de Fitts. C'est trop lent et épuisant d'utiliser des chechbox pour l'ensemble de données volumineuses
- Erreurs - placer des cases à cocher avec différentes actions les unes à côté des autres (Sélectionner et Désactiver) pourrait provoquer des erreurs (glissements) lors de l'exécution de l'action (par exemple en cliquant sur Désactiver au lieu de Sélectionner)
- Commentaires - la petite zone de case à cocher a un mauvais signe visuel de l'état de l'article, il est préférable d'avoir des commentaires visuels plus importants
- Le bouton Annuler n'est pas nécessaire, utilisez plutôt Réinitialiser ou autre pour réinitialiser les éléments
Solution possible:
- L'élément est sélectionné en cliquant sur toute la ligne pour accélérer la sélection. Toute la ligne est mise en évidence
- Désactiver le contrôle est visible lorsque la souris se trouve sur la ligne appropriée pour réduire le bruit visuel. Les éléments désactivés sont décolorés
Voici quelque chose que j'ai fait sur le trajet.
Réorganisé les cases à cocher à gauche pour suivre les bons principes.
Assurez-vous de donner une forte impression de Cochez toutes les cases .
Placer Enregistrer plus près des cases à cocher afin que l'utilisateur s'en rapproche et afficher une couleur positive pour le bouton.
L'annulation est une action négative et peut donc être un peu moins dominante.