J'ai une table avec des centaines d'enregistrements. Chacune des lignes peut avoir une ou plusieurs cases à cocher. Quelque chose qui ressemble à ceci:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Le problème est que, contrairement à l'exemple, les lignes sont très serrées et les cases à cocher sont assez proches les unes des autres autre verticalement .
Afin de réduire l'encombrement visuel, on m'a suggéré l'approche suivante:
Le problème avec l'approche numéro 2 (celle au-dessus de ce paragraphe) est que l'utilisateur peut ne pas avoir l'impression que la table est modifiable et peut l'empêcher de cliquer sur la ligne pour basculer entre tick et X.
Alors j'ai pensé que je pouvais faire autre chose:
Mais alors je ne sais pas quel est l'intérêt de faire le contrôle comme ça car cliquer dessus basculera vrai ou faux avec une coche ou un X sur une case à cocher.
Donc en gros:
Je trouve que toutes les personnes approchées ont des avantages et des inconvénients et je ne peux tout simplement pas choisir entre l'une ou l'autre. Existe-t-il une bonne pratique?
Rendre les cases plus légères. Ils peuvent changer en noir au survol de la souris pour rendre plus évident qu'ils sont cliquables.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Je voudrais juste augmenter le remplissage vertical des cases à cocher. Je pense que vous avez raison de soupçonner que les utilisateurs ne devineront probablement pas que les icônes sont cliquables.
Ces couleurs sont extrêmement accrocheuses, et je pense qu'elles rendront plus difficile l'analyse de la liste pour autre chose que la lecture des valeurs vraies/fausses.
Soit dit en passant, je ne pense pas que Balsamiq soit le meilleur outil pour prendre des décisions concernant l'apparence. Balsamiq est excellent pour esquisser rapidement des flux de travail et des interactions larges, mais il ne vous donne pas assez de fidélité visuelle pour voir ce qui fonctionne graphiquement. Certaines choses qui fonctionnent bien dans les BMML ne fonctionnent pas dans la pratique, et vice versa. Je préfère essayer les options dans Photoshop ou Fireworks.