web-dev-qa-db-fra.com

Système de vote - Quels symboles utiliser

De nombreux sites permettent à leurs utilisateurs de voter ou de voter pour déterminer leur qualité et leur pertinence (comme celui-ci!). Ma question est de savoir quel ensemble de symboles serait plus efficace pour compléter un système de vote qui a 2 options sélectionnables (par opposition à un système de notation à 5 étoiles, échelle 1-10, etc.)?

  1. +/-
  2. upwards triangle/downwards triangle(ou une flèche vers le haut et une flèche vers le bas, respectivement)
  3. thumbs up/thumbs down

Après avoir choisi, veuillez expliquer pourquoi. Ensuite, expliquez peut-être quel type de cas d'utilisation serait approprié pour chaque option?

Le projet en question permet aux utilisateurs d'écrire un commentaire après avoir voté sur un élément de contenu. Leur vote est comptabilisé et leur commentaire est publié. Leur vote (et commentaire) n'affecte pas l'ordre de tri du contenu ni la notoriété autre que ce que le total du total affiche.

4
Vin Burgh

La clé pour moi est dans votre dernière ligne. Le contexte est un simple vote binaire. Le vote n'entraîne pas le déplacement de l'élément vers le haut d'une liste. Difficile de décider exactement ce qui convient à votre solution sans en savoir un peu plus sur le produit. Mais puisque vous avez dit qu'il n'utilisait pas de réorganisation, je ne pense pas que vous devriez utiliser des flèches.

Il existe d'autres options binaires, par exemple tique et croix, feu vert/feu rouge, visage heureux/triste. Intéressé de savoir pourquoi vous n'avez pas opté pour un système de notation, car je dirais que c'est généralement ce qui est utilisé pour évaluer le contenu - peut-être en partie parce qu'il ne semble pas aussi sévère.

C'est pourquoi le contexte est important. Dans une application informelle, je pourrais utiliser un symbole de visage ... dans certaines applications. Dans une forme plus formelle, une tique et une croix.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups


Cas d'utilisation individuels

+/-

C'est vraiment trop utilisé comme symbole. Pensez aux commandes d'arbres, aux mathématiques, etc. Même Google l'a modifié dans l'icône à +1 plutôt qu'à simplement +. Ceci est mon moins préféré.

Bravo

Facebook utilise les pouces vers le haut, car cela signifie "j'aime", ce qui a une sémantique complètement différente. N'oubliez pas qu'ils n'ont pas de votes négatifs. Cependant, je suppose que cela a une sensation plus binaire.

Flèche de vote

Monter et descendre s'intégrerait bien sur un site comme l'échange de pile ou quora qui ont une sorte. En d'autres termes, c'est un "envoyer le vote sur la liste"

3
Lisa Tweedie

Je suis un grand fan de la flèche vers le haut/vers le bas pour voter parce que c'est tellement explicite que de nos jours avec de nombreux les sites utilisant un système de vote tout le monde et son chat savent ce que signifient une flèche vers le haut et une flèche vers le bas. Le codage couleur des flèches, en vol stationnaire ou en tout temps, permet d'expliquer davantage (vert = bon, rouge = mauvais). Je n'utiliserais vraiment que les flèches sur un système de vote.

Exemples de flèches de vote - StackExchange, Imgur, Reddit

L'utilisation de thumbs up/thumbs down est généralement observée sur les sites d'articles et les sites de réseaux sociaux où quelqu'un peut communiquer "C'est une idée stupide" ou "Wow! J'aime vraiment ça". Quand je pense aux pouces vers le haut ou vers le bas, je pense généralement à l'opinion personnelle de quelqu'un dans une affaire et non bonne vs mauvaise info .

Exemples de pouces vers le haut/bas - Facebook, Smashing Magazine, Pandora

Je ne vois pas vraiment trop de sites utilisant le +/- juste parce qu'il faudrait vraiment bien expliquer ce qu'il fait. Je n'utiliserais pas quelque chose comme ça parce que + et - pourraient signifier beaucoup de choses différentes (Ex. "Ajouter à mes favoris" ou "cacher des choses comme ça").

Exemples de +/- - Google+?

Ensuite, il y a les cas où les sites utilisent un type de vote unique comme "Retweet" et "Favoris" de Twitter, et "Digg" de Digg

Pour votre projet, je donnerais certainement enter image description here pour les flèches de vote.

2
PL3X