Recommandations en matière de contrôle Select (applications du Windows Store)

Le contrôle select permet à l’utilisateur de sélectionner une ou plusieurs valeurs dans un ensemble d’éléments affichés avec des étiquettes de texte. Le contrôle select a deux modes de fonctionnement : le mode liste déroulante et le mode zone de liste.

Est-ce le contrôle approprié ?

Utilisez le contrôle select pour permettre à l’utilisateur de sélectionner une ou plusieurs valeurs dans un ensemble d’éléments pouvant être correctement représentés à l’aide d’une seule ligne de texte.

N’utilisez pas le contrôle select pour afficher des éléments qui contiennent plusieurs lignes de texte ou des images. Utilisez plutôt le contrôle ListView.

Lorsque le nombre d’éléments est inférieur à huit, envisagez l’utilisation de boutons radio (si un seul élément peut être sélectionné) ou de cases à cocher (si plusieurs éléments peuvent être sélectionnés).

Choisir le mode approprié

Le contrôle select a deux modes : le mode liste déroulante et le mode zone de liste.

Quand utiliser le mode liste déroulante

Dans ce mode, le contrôle Select permet d’économiser de l’espace sur l’écran en affichant uniquement l’élément actuellement sélectionné.

Contrôle Select en mode liste déroulante

L’utilisateur doit appuyer sur une zone qui ouvre une liste déroulante pour afficher les autres éléments pouvant être sélectionnés. Dans ce mode, l’utilisateur ne peut sélectionner qu’un seul élément.

  • Utilisez ce mode pour les éléments de sélection d’importance secondaire au sein de votre application.

    Si l’option par défaut est recommandée pour la plupart des utilisateurs dans la plupart des situations, l’affichage de tous les éléments en mode de zone de liste risque d’attirer plus d’attention sur les options qu’il n’est nécessaire. Pour économiser de l’espace et éviter de distraire l’utilisateur, utilisez le mode de liste déroulante.

  • Utilisez ce mode lorsque vous avez besoin d’économiser de l’espace.

    Utilisez le mode de liste déroulante du contrôle select pour conserver la disposition de l’écran. Le mode de liste déroulante vous permet d’offrir à vos utilisateurs un grand nombre de choix, mais il est très compact.

Quand utiliser le mode zone de liste

Dans ce mode, le contrôle select est ouvert en permanence et affiche tous ses éléments sans aucune action nécessaire. Ce mode prend en charge la sélection d’un ou plusieurs éléments.

Lorsque vous utilisez ce mode, veillez à ce que le contrôle select ait une taille suffisante pour afficher tous ses éléments, sans que l’utilisateur n’ait besoin de faire un mouvement panoramique ou de faire défiler la zone.

  • Ce mode convient si vous avez moins de 10 éléments et si ces éléments sont suffisamment importants pour être mis en évidence.
  • Ce mode convient si vous voulez donner la possibilité d’effectuer plusieurs sélections.

    S’il y a moins de 10 éléments et qu’ils doivent être mis en évidence, utilisez le mode zone de liste. Si le nombre d’éléments est supérieur à dix et que vous voulez autoriser des sélections multiples, utilisez un contrôle ListView.

Voici un exemple d’utilisation appropriée du contrôle select en mode zone de liste :

Dans cet exemple, un choix de quelques fruits différents est présenté. Il s’agit d’éléments simples, mais ils représentent également un aspect important de l’application elle-même. En utilisant le mode en ligne, les options à sélectionner sont visibles en permanence.

Zone de liste en mode inséré.

Rubriques associées

select
Recommandations en matière de boutons
Recommandations en matière de cases d’option
Recommandations en matière de boutons bascule
Recommandations en matière de cases à cocher

 

 

Afficher:
© 2014 Microsoft