web-dev-qa-db-fra.com

Vous utilisez des icônes comme cases à cocher?

Est-il inutilisable d'utiliser des icônes comme cases à cocher?

C'est un concept sympa quand il est implémenté, mais je crains qu'il ne soit pas évident que l'icône soit cliquable. Quelles sont les opinions des gens sur a) l'utilisation de la même icône à la fois dans un mode d'affichage et dans un mode d'édition ou b) l'échange de l'icône pour une case à cocher lors du passage du mode de lecture au mode d'édition?

Wireframes showing the described options. 1 - using icons for viewing and editing. 2 - using icon when viewing but check box when editing

2
Jason Frade

Lors de la conception d'une interface, vous devez concentrez-vous à la rendre aussi facile à utiliser que possible, pas à faire quelque chose de nouveau pour le plaisir. Et comme votre question est en cours, vous n'avez pas vraiment montré quel est le problème avec les cases à cocher que vous allez résoudre avec des icônes et des couleurs.

Donc, le décomposer avec des raisons spécifiques:

  • Les cases à cocher indiquent clairement leur état sans avoir besoin d'une légende, mais pas avec des icônes de couleurs différentes. "L'orange est-il l'état sélectionné? Attendez, non, peut-être qu'il est noir."
  • Les cases à cocher sont immédiatement reconnaissables et elles indiquer leur modèle d'interaction sans avoir besoin d'explication. Les icônes ne font rien de tout cela. Même avec le titre demandant des icônes en tant que cases à cocher, il m'a fallu un certain temps pour déterminer la raison pour laquelle les icônes étaient là - et c'est uniquement parce que j'ai vu l'exemple de case à cocher à côté.
  • Vous ne proposez aucune amélioration autre que la possibilité de préférer visuellement les icônes aux cases à cocher. Ici, je dirais que les les cases à cocher sont plus propres avec une charge cognitive plus faible, et donc une meilleure conception.

TL; DR: n'utilisez pas les icônes comme cases à cocher.

5
JohnGB

Dans un sens très général, il n'y a rien de mal à utiliser une icône pour indiquer un état binaire (par exemple visible/non visible pour une page dans un CMS), à condition que l'implémentation soit saine. Mais le fait que vous suggériez que ces icônes pourraient être remplacées par des cases à cocher en `` mode édition '' suggère plutôt qu'elles représenteraient le même état oui/non qu'une case à cocher, auquel cas la convention établie est évidemment la voie à suivre. , selon la première réponse.

0