Première liste des éléments les moins votés. Comment éviter la confusion des utilisateurs?
Contexte: application web.
J'ai une liste d'articles, chacun avec des flèches haut et bas (à la reddit) mais ma liste n'affiche pas les articles les plus votés, mais le plus bas - voté (techniquement c'est ordonné avec un ratio de votes haut/bas).
Je pense qu'il y a un problème fondamental ici. Si vous avez une liste ordonnée avec des flèches à côté de chaque élément, vous vous attendez à ce que l'élément aille en haut de la liste si vous votez pour. Mais ce qui se passerait, c'est exactement le contraire, ce qui ferait tomber l'article.
J'ai pensé à remplacer les flèches par des pouces (pour supprimer l'attente d'un élément suivant la direction de la flèche sur laquelle vous venez de cliquer) et à expliciter juste là dans la liste que l'ordre est basé sur des votes négatifs, mais je ne le fais pas comme ça du tout.
Comment puis-je rendre ce comportement plus compréhensible? Peut-être une autre forme de représentation des données? Je suis ouvert à toutes les idées.
Merci.
Il me semble qu'il y a un problème inhérent au concept - le phrasé que vous utilisez contredit explicitement le modèle conceptuel, puisque vous utilisez apparemment le terme réel " down -voter "pour représenter" up ". Je pense donc que la solution du pouce levé est la bonne voie à suivre. Il y a peut-être une métaphore plus appropriée si vous n'aimez pas les pouces, mais la direction est certainement de changer le phrasé/la métaphore.
Cela dit, une transition animée pourrait aider légèrement. Si les utilisateurs voient l'élément voté "percoler" vers le haut, en remplaçant l'élément au-dessus, cela réduira la confusion quant à ce qui s'est passé, mais cela ne l'aidera toujours pas à être plus conforme aux attentes initiales des utilisateurs.
Je ne suis pas d'accord avec @Divi concernant l'utilisation du rouge et du vert. Je pense que cela ne fera qu'embrouiller encore plus les gens. Le rouge et le vert peuvent parfois aider à indiquer l'état - "nos pertes ont augmenté et c'est mauvais , nous allons donc utiliser une flèche rouge vers le haut ", mais cela n'aidera pas à expliquer la signification d'une action que vous êtes sur le point de prendre, d'autant plus qu'il n'y a pas d'association idiomatique entre rouge/vert et haut/bas . Les info-bulles sont cependant une bonne suggestion.
BTW, voyez ce que font IMDB avec leur liste "Bottom 100" . Au début, il n'est peut-être pas clair que leurs 100 pires films sont toujours classés "les meilleurs", mais cela devient clair lorsque vous regardez le classement des films. Si vous fournissez ce type de "données brutes", cela pourrait aussi aider un peu.
Vous pouvez utiliser des flèches rouges et vertes pour montrer exactement ce qu'elles feront. Votre flèche vers le haut sera donc rouge et la flèche vers le bas sera verte. Et vous pouvez ajouter des info-bulles aux deux flèches pour du texte/des informations supplémentaires.
Vous pouvez utiliser [+]/[-] icônes, orientées horizontalement.
(exemple: bash.org - avertissement: contenu juvénile, mais je ne me souviens pas d'un autre exemple "en direct"). Ils utilisent le format suivant:
[-] (-287) [+]
Cela a l'avantage supplémentaire de mettre de l'espace entre les boutons, ce qui permet d'éviter les erreurs de clic.
Bien sûr, dans ce cas, le nombre de votes doit être négatif.
Pourquoi ne pas afficher la liste par ordre de "moins terrible" à "la plus terrible" afin que les éléments les plus votés soient affichés en bas.
Cela maintient le lien entre "vote négatif" et "baisse".
Sinon, essayez de vous éloigner de tout ce qui a une direction. Tomates et ballons pourris, peut-être?