web-dev-qa-db-fra.com

Quels principes de conception et / ou lignes directrices devrions-nous utiliser pour voter-up / vote-down et les compteurs?

Plusieurs fois, j'ai cliqué sur les icônes à côté des totaux des compteurs (vote-up/vote-down) sur YouTube en essayant de voter pour ou comme une vidéo.

Quels sont les principes directeurs et/ou principes de conception pour placer les options et leurs compteurs sans affecter l'expérience utilisateur?

Exemple de capture d'écran: enter image description here

Devez-vous également ajouter l'interaction dans les compteurs ou supprimer les icônes pour éviter la confusion?

9

Tout d'abord, il est évident que quoi que vous fassiez, vous devez tester avec vos utilisateurs. Tout ce que nous suggérons est considéré comme un bon premier départ.

Cela dit, je pense que le design de YouTube n'est pas très bon. Comme vous le faites remarquer à juste titre, les gens cliquent généralement sur les icônes de vote vers le haut ou vers le bas près du compteur - ce qui est normal. Le compteur indique le vote en cours, et c'est donc généralement là que l'attention des gens se portera lorsqu'ils penseront à voter.

Il est généralement préférable d'avoir les boutons de vote très près du comptoir pour le vote. Ce site est un exemple de compteur avec une bonne UX.

enter image description here

Je soupçonne que la raison pour laquelle il est séparé dans le cas de YouTube est liée à une considération héritée. Pour ma part, je ne suggérerais pas qu'un nouveau site suive leur exemple car il n'est pas clair et reproduit inutilement les icônes de vote haut et bas.

7
JohnGB

J'ai plusieurs suggestions, mais je conseillerais d'abord de m'assurer qu'il s'agit d'un "vrai" problème en analysant les données des utilisateurs. Il semble que YouTube ait organisé les compteurs (vues + interactions) à droite, tandis que les actions sont à gauche. Je suppose qu'ils ont fait des tests.

Quoi qu'il en soit, voici quelques lignes directrices que j'essaierais de suivre:

  • Ayez les compteurs sans icônes comme vous l'avez suggéré. Voir l'exemple de Facebook du bouton J'aime et "3 personnes ont aimé".
  • "Unifier" les actions et les compteurs. Dans cet exemple, vous pouvez avoir un nombre de j'aime adjacent au bouton J'aime lui-même.
  • Assurez-vous que les compteurs n'ont aucune possibilité d'interaction (comme cela semble être le cas avec YouTube).
0
Dan Barak