Recommandations et liste de vérification pour les contrôles de case à cocher (applications du Windows Store)
Une case à cocher est un contrôle que l’utilisateur peut activer ou désactiver en appuyant dessus, en cliquant dessus ou en appuyant sur la barre d’espace du clavier. La plupart des cases à cocher ont deux états (activé et désactivé), mais certaines prennent en charge un troisième état dit « indéterminé ». Suivez les recommandations ci-après lorsque vous ajoutez des cases à cocher dans votre application du Windows Store.
Est-ce le contrôle approprié ?
Utilisez des cases à cocher pour proposer aux utilisateurs un choix binaire, une ou plusieurs options qui ne qui s’excluent pas mutuellement ou un choix mixte.
| Choix binaire Utilisez une seule case à cocher pour un choix se résumant à oui ou non. |  |
| Une ou plusieurs options qui ne qui s’excluent pas mutuellement Créez un groupe de cases à cocher lorsqu’il est possible pour les utilisateurs de choisir une combinaison quelconque d’options. |  |
| Choix mixte Lorsqu’une option s’applique à plusieurs objets, vous pouvez utiliser une case à cocher pour indiquer si elle concerne la totalité, une partie ou aucun de ces objets. Si l’option s’applique à quelques objets seulement, et non à la totalité, optez pour l’état indeterminate de la case à cocher afin d’indiquer un choix mixte. Un exemple de choix mixte est une case à cocher « Sélectionner tout » qui devient indéterminée quand un utilisateur sélectionne une partie, et non l’intégralité, des sous-éléments. |  |
Dans le cas d’un choix binaire, la seule différence entre une case à cocher et un bouton bascule est que la case à cocher désigne un état tandis que le bouton bascule indique une action. Vous pouvez retarder la validation d’une action de case à cocher (par exemple, dans le cadre de l’envoi d’un formulaire) alors que l’utilisation d’un bouton bascule nécessite une action immédiate de votre part. De plus, seules les cases à cocher autorisent une sélection multiple.
Lorsque plusieurs options sont disponibles mais qu’une seule peut être choisie, utilisez une case d’option à la place.
N’utilisez pas de case à cocher en guise de contrôle d’activation/de désactivation ; utilisez plutôt un bouton bascule.
Pratiques conseillées et déconseillées
| Pratiques conseillées | Insérez la case à cocher dans une étiquette comportant une case à cocher, de façon à activer/désactiver la case à cocher en cliquant sur l’étiquette. En procédant de cette manière, vous augmentez la taille de la zone de sélection et rendez la case à cocher plus accessible aux utilisateurs qui interagissent par voie tactile. |
|---|---|
| Utilisez l’état indéterminé pour signaler qu’une option est définie pour une poignée d’objets enfants mais pas tous. | |
| Si vous avez recours à l’état indéterminé, utilisez des cases à cocher subordonnées pour indiquer les options sélectionnées et celles qui ne le sont pas. | |
| Pratiques déconseillées | Ne mettez pas deux groupes de cases à cocher l’un à côté de l’autre, car les utilisateurs ne pourront pas déterminer quelles options appartiennent à quel groupe. Utilisez des étiquettes de groupe pour distinguer les groupes. |
|
N’utilisez pas l’état indéterminé pour désigner un troisième état. L’état indéterminé sert à indiquer qu’une option est définie pour une poignée d’objets enfants et non la totalité. N’autorisez donc pas les utilisateurs à définir directement un état indéterminé. Parfait exemple à ne pas suivre, la case à cocher qui suit utilise l’état indéterminé pour indiquer un goût moyennement épicé :
Utilisez plutôt un groupe de cases d’options proposant trois options : Non épicé, Épicé et Très épicé.
|
Rubriques associées
- Démarrage rapide : ajout de contrôles de case à cocher
- Comment appliquer un style aux contrôles de case à cocher
