Bouton bascule pour les actions
Dans notre application Web, nous avons une liste d'éléments pour lesquels plusieurs actions peuvent être planifiées. Si une action est disponible mais non sélectionnée, elle s'affiche sous la forme d'un bouton gris. Lorsque l'utilisateur clique dessus, le bouton prend une couleur, indiquant que l'action est planifiée. Lorsque l'utilisateur clique à nouveau dessus, l'action est annulée et le bouton revient à son état précédent. Un tel bouton est affiché pour chaque action, pour chaque élément.
Un exemple:
Mon équipe a soulevé quelques préoccupations:
La couleur grise peut faire penser à l'utilisateur que le bouton est désactivé
Il peut ne pas être clair pour l'utilisateur qu'il peut annuler l'action en cliquant à nouveau dessus
Je ne pense pas que ce soit un problème, surtout si nous utilisons des info-bulles (les fonctionnalités "voter" et "accepter la réponse" de StackExchange sont implémentées de la même manière), mais existe-t-il des moyens d'améliorer la convivialité de ces boutons d'action?
Au fil des ans, j'ai appris que les boutons à bascule ne sont pas destinés à afficher les états dans les listes. Cela étant dit, un bouton à bascule fonctionne bien lorsqu'il est seul. Comme un bouton de lecture/pause.
Une case à cocher, cependant, est un excellent indicateur d'état dans une liste d'éléments. Il est visuellement clair et n'utilise pas beaucoup de biens immobiliers. L'étiquette d'une case à cocher n'a pas à se répéter sur chaque ligne d'une liste. Placez-le simplement dans un en-tête de colonne.
De plus, si vous craignez que les utilisateurs puissent numériser facilement la liste, vous pouvez ajouter des indices visuels lorsqu'une case à cocher est sélectionnée, comme le gras ou la couleur d'arrière-plan.
Pour le rendre plus clair, vous pouvez ajouter une icône au bouton lorsqu'il est activé. Voici une ébauche très approximative de l'idée:
Mise à jour après le commentaire de Jens:
Je pense que les réponses de Denzos et d'Allans ont un point valide (en utilisant des cases à cocher avec du texte au lieu de boutons/en utilisant des boutons en relief). Mais il est difficile de dire quelle solution fonctionnerait le mieux sans en savoir plus sur votre projet. Je vous recommande de lire ces deux articles, ils pourraient vous aider dans votre prise de décision:
Facilité d'apprentissage vs facilité d'utilisation: vous mentionnez qu'il s'agit d'une application Web, donc je suppose que la plupart de vos utilisateurs reviennent. Excellent article sur uxbooth.com à propos de ce problème: Quand la capacité d'apprentissage est-elle plus importante que la facilité d'utilisation?
Les icônes seules ne sont généralement pas une bonne solution (à l'exception bien sûr). Grand résumé sur ce problème sur uxmyths.com: Mythe # 13: les icônes améliorent la convivialité
J'espère que ça aide, Phil
Cela dépendra en grande partie de vos conventions d'interface utilisateur, mais vous pouvez envisager de le faire ressembler à un bouton, avec un état en relief (qui semble être cliquable) et cliqué.
