Bouton de formulaire - Après l'état de sélection
Sur mon site Web, il y a un court formulaire où les utilisateurs doivent faire une sélection (verte ou rouge) puis soumettre leur demande. La méthode actuellement appliquée pour l'état du bouton après avoir effectué la sélection est indiquée dans l'image jointe.
Est-ce clair?
Si j'y reviens après quelques minutes, est-il clair quelle a été la sélection précédente?
Quelle est la meilleure façon d'afficher l'option non sélectionnée? 
Dans votre exemple, après avoir sélectionné une couleur, il n'est pas clairement possible de choisir celle qui est sélectionnée. Est-ce celui qui est grisé ou celui qui est encore visible? Mais le plus gros problème est que le rouge n'est plus rouge et vous comptez sur l'utilisateur pour qu'il se souvienne de quoi il s'agit.
Les boutons ne communiquent pas non plus qu'un seul peut être sélectionné (et s'excluent mutuellement), s'il est même clair qu'ils sont des boutons et sont utilisés pour la sélection!
Je suggère d'utiliser des boutons radio:
Ou avec les boutons d'origine toujours cliquables mais avec une radio à l'intérieur:
Si vous souhaitez vous en tenir aux boutons, vous pouvez étiqueter les éléments sélectionnés:
Je pense que c'est bien, mais ça pourrait être mieux.
Par exemple, quelqu'un peut-il appuyer sur Soumettre sans sélectionner le bouton vert ou rouge? À votre image, cela semble possible.
- Si l'utilisateur doit choisir l'un des deux, désactivez le bouton de soumission jusqu'à ce qu'un choix soit fait.
- Remplacez l'option non sélectionnée par la couleur du bouton d'envoi désactivé. Cela créera un motif; une couleur par défaut pour les boutons désactivés.
- Modifiez également la couleur du bouton sélectionné pour le rendre différent de l'état non sélectionné.
Vous avez (au moins) trois états pour les boutons;
- Default
- Choisi
- Non séléctionné
Assurez-vous qu'ils ont leurs propres couleurs.
Voir l'image ci-dessous.
