Recommandations en matière de contrôle d’évaluation

Applies to Windows and Windows Phone

Exemple de contrôle d’évaluation standard

Description

Le contrôle d’évaluation permet aux utilisateurs d’évaluer un élément en cliquant sur une icône qui représente une évaluation. Il peut afficher trois types d’évaluation : l’évaluation moyenne, l’évaluation provisoire et l’évaluation de l’utilisateur.

Contrôles d’évaluation présentant les évaluations moyennes, provisoires et des utilisateurs

Remarque  Le contrôle d’évaluation est disponible uniquement en HTML. Il n’existe aucun contrôle d’évaluation XAML.

Exemple

Capture d’écran montrant le contrôle d’évaluation standard

Est-ce le contrôle approprié ?

Utilisez un contrôle d’évaluation pour montrer le degré d’appréciation ou de satisfaction des utilisateurs vis-à-vis d’un produit ou d’un service. Ce type de contrôle peut par exemple permettre aux utilisateurs de noter un film. Ne l’utilisez pas pour des données qui présentent une plage continue, comme la luminosité de l’écran. Utilisez un curseur dans ce cas.

N’utilisez pas le contrôle d’évaluation comme un contrôle de filtre. Par exemple, si vous voulez permettre aux utilisateurs de filtrer des résultats de recherche pour afficher les restaurants cinq étoiles, n’utilisez pas un contrôle d’évaluation en tant que filtre. L’utilisation de contrôles d’évaluation pourrait induire les utilisateurs en erreur, les laissant penser qu’ils donnent une nouvelle évaluation au restaurant. Utilisez plutôt un contrôle de liste déroulante.

N’utilisez pas un contrôle d’évaluation à une étoile comme vous utiliseriez un contrôle binaire du type aime/n’aime pas. Utilisez un contrôle de case à cocher à la place. Le contrôle d’évaluation n’est pas destiné à une évaluation binaire ; il est par exemple impossible d’activer/désactiver l’étoile en appuyant sur le contrôle. Pour obtenir un exemple d’utilisation d’une case à cocher comme contrôle binaire de type aime/n’aime pas dans des applications du Windows Store en JavaScript, voir Contrôles HTML et widgets courants : exemples.

Pratiques conseillées et déconseillées

  • Utilisez des info-bulles pour donner aux utilisateurs davantage de contexte. Vous pouvez personnaliser l’info-bulle pour préciser le sens de chaque étoile, par exemple « excellent », « très bien » ou « pas mal », comme ci-dessous :

    Évaluation avec info-bulle personnalisée.

  • Désactivez le contrôle d’évaluation lorsque vous voulez empêcher l’utilisateur d’ajouter ou modifier une évaluation. Un contrôle d’évaluation désactivé continue d’afficher l’évaluation (le cas échéant), mais ne permet pas à l’utilisateur de l’ajouter ni de le modifier. Supposons que vous vouliez limiter les évaluations aux utilisateurs connectés. Vous pouvez désactiver le contrôle d’évaluation de sorte que, lorsque les utilisateurs appuient sur le contrôle, vous pouvez les diriger vers une page de connexion.

    Si le contrôle ne peut pas être activé parce qu’il est en lecture seule pendant toute la durée de vie de l’application, réduisez sa taille par rapport aux autres contrôles d’évaluation en donnant à l’attribut class de l’élément hôte du contrôle la valeur "win-small". Le fait de réduire sa taille permet de le distinguer des autres contrôles et en même temps de décourager toute interaction.

    Évaluation désactivée et évaluation désactivée de manière définitive.

  • Affichez en même temps l’évaluation moyenne et l’évaluation de l’utilisateur. Une fois que l’utilisateur a formulé une évaluation, le contrôle d’évaluation affiche l’évaluation de l’utilisateur à la place de l’évaluation moyenne. Si cela peut être utile à l’utilisateur, affichez l’évaluation moyenne en plus de son évaluation. Voici deux façons d’afficher l’évaluation moyenne :

    • Affichez la moyenne dans une chaîne de texte (par exemple, « moyenne : 3,5 »).
    • Utilisez simultanément deux contrôles d’évaluation : l’un pour présenter l’évaluation de l’utilisateur, l’autre pour présenter l’évaluation moyenne (sans autoriser d’action de la part de l’utilisateur).

    Affichage de l’évaluation de l’utilisateur et de l’évaluation moyenne

  • Ne modifiez pas le nombre d’étoiles par défaut (évaluation maximale) à moins d’y être obligé. Par défaut, le contrôle d’évaluation a 5 étoiles, 1 représentant la note la plus basse et 5 la note la plus haute. Si votre application suit cette convention, l’utilisateur comprendra facilement comment utiliser le système d’évaluation.

  • Ne désactivez pas la fonction « Effacer votre évaluation », à moins que vous ne souhaitiez empêcher les utilisateurs de supprimer leurs évaluations.

Rubriques associées

Pour les concepteurs
Recommandations en matière de cases à cocher
Recommandations en matière de curseurs
Pour les développeurs (HTML)
WinJS.UI.Rating object
Démarrage rapide : ajout de contrôles d’évaluation

 

 

Afficher:
© 2014 Microsoft