web-dev-qa-db-fra.com

Cases à cocher et icônes

J'ai une table avec des centaines d'enregistrements. Chacune des lignes peut avoir une ou plusieurs cases à cocher. Quelque chose qui ressemble à ceci:

mockup

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:

mockup

télécharger la source bmml

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:

mockup

télécharger la source bmml

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:

  1. Je trouve la case à cocher invitant à cliquer (car elle est standard)
  2. J'ai beaucoup d'encombrement visuel entre les rangées (même si elles alternent les couleurs), il est donc logique d'ajouter de la couleur
  3. Tout en ajoutant de la couleur, il n'est pas logique d'avoir une case à cocher, car c'est un moyen solide pour identifier le vrai et le faux
  4. Si je n'ai pas la case à cocher, je crains que les utilisateurs ne cliquent pas sur la cellule
  5. Allez à 1.

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?

2
edgarator

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.

mockup

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

5
Sam Hasler

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.

5
Jimmy Breck-McKye