Lorsqu'un classement par étoiles est aligné à droite, dois-je également remplir les étoiles à droite?
Lors de la création de graphiques pour une application, j'ai aligné à droite une note de 1 à trois étoiles. Étant principalement designer, mon instinct m'a dit de remplir les étoiles de droite à gauche. Donc, c'est-à-dire emptyemptyfilled pour 1 sur 3, et emptyfilledfilled pour 2 sur 3.
La note est donnée par l'application, et en aucun cas les utilisateurs n'auront à cliquer sur les étoiles pour évaluer les choses eux-mêmes.
Quelle est la meilleure pratique du point de vue UX: remplir de droite à gauche ou de gauche à droite?
Si vous recherchez l'utilisation la plus facilement reconnaissable d'un système 5 étoiles, ils devraient fonctionner de gauche à droite.
Le système de classement par étoiles est très courant maintenant, et à quand remonte la dernière fois que vous l'avez vu fonctionner de droite à gauche? Les utilisateurs trouveront probablement cela déroutant et auront du mal à comprendre pourquoi ils n'ont donné que 2 étoiles, alors qu'ils étaient censés lui donner 4 étoiles. En raison de leur familiarité, ils " permettent " une note de 1 à 5 étoiles menant de la gauche vers la droite.
Un exemple simple est un texte justifié:
La justification du texte à droite ne modifie pas mon interaction/lecture de ce texte. Je le lis toujours comme je le ferais pour un bloc aligné à gauche.
De plus, pensez à une combo-box. Tout simplement parce que nous alignons à droite la zone de liste déroulante, nous ne modifions pas son fonctionnement:
... ou tout autre contrôle. En plaçant un contrôle à gauche, au centre, à droite, ne nécessite pas la nécessité (ou rarement l'envie) de modifier son comportement.
Netflix utilise des étoiles pleines à gauche même si les notes sont alignées à droite.
Cela suit la possibilité de parcourir rapidement la liste des classements et d'évaluer rapidement en un coup d'œil quel film est le mieux noté.
Il en va de même pour l'alignement des paragraphes, selon la réponse de Evil Closet Monkey.
Même sens que votre texte.
Le classement par étoiles est plus facile à lire lorsque la partie significative (étoiles pleines) précède le remplissage (étoiles non remplies). "Avant" peut signifier gauche ou droite, selon la direction dans laquelle votre utilisateur lit les lignes de texte.
À moins que votre site ne soit en hébreu, en arabe ou dans une autre langue RTL, les étoiles doivent être LTR.
Je serais d'accord avec la plupart des réponses, que le fait de remplir les étoiles de gauche à droite est le plus logique en raison du comportement des utilisateurs appris de la majorité des sites Web, et l'anglais étant LTR. Un utilisateur qui clique sur une étoile pour obtenir une note pourrait certainement être dérouté par un comportement inattendu.
Cependant, il a été déclaré que ce ne sera pas une pièce interactive pour l'utilisateur. Pensez à ajouter uniquement des étoiles complètes qui représentent la note réelle: si elle a 3 étoiles, affichez 3 étoiles. S'il a une étoile, n'en montrer qu'une. Si vous affichez des étoiles vides, cela peut inviter l'utilisateur à interagir.
Vous pouvez également avoir une image d'une seule étoile avec un nombre (comme IMDB) et une info-bulle qui affiche le potentiel de score complet: 1/3.
Supposons que vous faites du texte aligné à droite, comme le montre le graphique de @ EvilClosetMonkey. Est-ce une raison pour changer le texte pour l'afficher de droite à gauche? Cela rendrait probablement vos mots illisibles pour la plupart des gens qui les regardent.
La raison en est que l'alignement a à voir avec conception, mise en page et négatif l'espace alors que la direction a à voir avec lisibilité . Le texte peut être orienté , réfléchi et brouillé autour à des fins esthétiques, mais si vous allez trop loin, il devient difficile à lire rapidement .
Cela dit, les étoiles sont plus faciles à analyser que les mots et moins sujettes à une interprétation erronée, comme le montre cette liste (très fiable) des évaluations Land Before Time ( source ).
À mon avis, tous, sauf les plus étranges, sont toujours facilement analysés pour dire si la note est élevée ou basse, ce que les étoiles essaient de transmettre.
Pour résumer, si vous aimez vraiment le style du remplissage RTL, allez-y. Cela n'aura pas d'impact significatif sur votre UX. À mon avis, de toute façon; Je verrais cela et je ne ferais qu'une pause pour penser "c'est bizarre" sans être dérangé par ça.
Je n'ai jamais vu d'étoiles se remplir de droite à gauche. Je pense que le groupe d'étoiles est plus ou moins considéré comme un élément. Je ne m'éloignerais pas du remplissage standard de gauche à droite des étoiles.
Je dirais (peu ou pas d'expérience réelle ici, rappelez-vous) que les cultures occidentales qui lisent de gauche à droite s'attendent toujours à ce que des quantités croissantes suivent le même chemin (comme un compteur de vitesse à cadran).
J'ai toujours fait augmenter les contrôles du curseur vers la droite sans y penser ...
Je serais curieux de voir comment l'hébreu ou d'autres cultures qui lisent de droite à gauche s'attendent à une quantité croissante.
Je ne pense pas qu'en les lisant, cela aurait autant d'importance pour une langue LTR, mais quand quelqu'un clique sur une étoile pour la note, je pense qu'il supposerait à tort qu'il commence à gauche.
D'après mon expérience, je n'ai jamais vu un système de classement par étoiles démarrer à droite et si je devais cliquer sur la bonne étoile, je m'attendrais à lui donner la meilleure note.
Si vous commencez à droite, quelqu'un qui donne une mauvaise critique finira par être recodé comme une meilleure critique s'il clique sur l'étoile la plus à gauche et je parie que cela le rendrait vraiment fou.
Cependant, comme d'autres l'ont dit, je me demande à quoi cela ressemble dans les pays qui utilisent RTL. J'ai vérifié Amazon, mais ils n'avaient pas de pays répertoriés qui lisent RTL.