Quels signaux signalent un état non contrôlé?
L'action clé sur une page consiste à sélectionner "I'm in" (ce qui signifie "Je suis engagé", qui peut également être désélectionné). Le choix logique des contrôles est une case à cocher:
[ ] I'm in
Je voudrais donner à cette action une importance et une intégration élevées avec d'autres actions en l'affichant comme un gros bouton avec une icône:
--------------
| ICON |
| |
| [ ] I'm in |
--------------
Ma préoccupation est que les nouveaux utilisateurs pourraient manquer l'état non contrôlé et supposer qu'une grande case indiquant "Je suis dans" indique qu'ils sont déjà "dans".
Quels indices visuels pourraient être utilisés pour ne laisser aucun doute que l'appel à l'action consiste à cliquer sur le bouton pour définir l'état? Je suis prêt à ce que l'utilisation du bouton et de la case à cocher soit contestée si d'autres moyens de donner de l'importance sont suggérés.
[MODIFIER] Comme certaines suggestions l'ont mis en évidence, l'état non contrôlé signifie "intéressé" plutôt que d'être aussi fort que "je suis sorti". Intéressant de voir comment cela affecte certaines des options.
Éclaircir l'image de manière significative lorsque out afin que la case à cocher devienne plus clairement le contrôle nécessitant une interaction et que l'état actuel soit plus clairement indiqué.
En outre, vous pouvez envisager un curseur de style iOS qui rend l'état actuel et la transition requise plus évidents.
Ajoutez un autre "sélectionnable" inversé :-)
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Pouvez-vous utiliser l'interface utilisateur pour le rendre plus évident? De plus, je l'ai déjà dit et je le répète, je recommanderais d'utiliser un anglais parlé plutôt que des mots techniques. De cette façon, vous pouvez rendre plus évident à l'utilisateur ce que font les boutons.
En termes de recommandation d'interface utilisateur, je pense qu'un indicateur de feux de circulation pour ceux qui ne sont pas daltoniens lorsqu'il est combiné avec une phrase descriptive devrait faire le travail. Voir la démo ci-dessous: