web-dev-qa-db-fra.com

Ordre d'affichage J'aime / N'aime pas

Je recherche et conçois une nouvelle plateforme communautaire en ligne où les développeurs peuvent partager leurs connaissances en écrivant des articles avec des tutoriels, des trucs et astuces, etc. Je veux avoir un système de notation afin que les utilisateurs puissent voir quels articles sont bien reçus et lesquels ne le sont pas.

Sur la base de cette question sur les mentions J'aime/Je n'aime pas et 5 étoiles, j'ai choisi d'utiliser une approche J'aime/Je n'aime pas. Cependant, je n'arrive pas à comprendre comment afficher cela correctement.

Je l'ai actuellement affiché lors de la consultation d'un article:

enter image description here

Comme vous pouvez le voir, je veux afficher l'équilibre entre les goûts et les aversions. Pour que d'autres utilisateurs votent pour cet article, j'ai créé un design affiché en bas de l'article:

enter image description here

Maintenant, ma question est de savoir s'il existe une meilleure pratique pour afficher une telle fonctionnalité de j'aime/n'aime pas. C'EST À DIRE. dois-je afficher l'icône dislike APRÈS l'icône like ou vice versa? Ou existe-t-il une manière plus courante d'afficher cela?

21
Rubenxfd

Si vous prévoyez d'afficher l'équilibre entre les goûts et les aversions - je pense que ces gars ont fait un excellent travail. Il y a des icônes distinctes comme et n'aiment pas, ainsi qu'un compteur pour montrer l'équilibre avec les vues:

enter image description here

Remarque: Ceux qui connaissent la source de cette image, veuillez la garder pour vous. Cela convient parfaitement à cette question;)

60
DPS

Faites ce que YouTube fait.

Notez qu'ils se sont débarrassés de l'axe rouge/vert. Évidemment, cela aide les personnes daltoniennes et en fait moins un indicateur de bon/mauvais absolu qui, je pense, a plus de sens car aucun système de j'aime/n'aime pas n'est parfait.

enter image description here

6
icc97

La première option devrait être l'option positive (comme). Vous devez placer le nombre de mentions J'aime/Je n'aime pas à côté des options J'aime et Je n'aime pas, en tant qu'utilisateur, je ne veux pas faire défiler vers le haut juste pour voir combien de personnes ont aimé/détesté pour comparer mon vote.

Je ne pense pas que l'affichage du compteur visuel sous forme de barre soit optimal car il utilise beaucoup de biens immobiliers, quelque chose comme ça aurait plus de sens:

Avant de voter

enter image description here

Après avoir voté

enter image description here

Étant donné que les pouces vers le haut et les coups bas sont l'un des rares cas où les icônes en disent assez, vous n'avez pas besoin d'ajouter des mots à mon avis.

Si vous recherchez des modèles à ce sujet, consultez les sites les plus populaires qui affichent des goûts et des aversions. Facebook, Youtube, etc.

Ps.: Je changerais l'icone "Recommander" car un cœur est souvent utilisé comme une icône pour ce qui peut causer de la confusion, quelque chose comme ça pourrait mieux fonctionner, surtout lorsque vous ajoutez un libellé à côté.

enter image description here

3
Pectoralis Major

Je recommanderais une icône comme Facebook. L'utilisateur clique dessus et comme le compteur augmente et en cliquant à nouveau, il diminue De cette façon, vous évitez le dilemme de le garder avant ou après.

0
Satish joshi