web-dev-qa-db-fra.com

Icône préférée la plus intuitive

Similaire à la question de Stefan icône de suppression la plus intuitive .

Je suis en train de concevoir une application Web qui permet aux pages préférées des utilisateurs. Beaucoup de grands sites utilisent soit un symbole de coeur, soit un symbole d'étoile. Lequel est le plus intuitif?

enter image description here

25
ditto

Oh, vous l'avez vraiment cloué avec cette question. Donc, je pourrais dire que la star est meilleure parce que Google l'utilise pour "jouer" dans tous ses produits (pensez à Gmail, Google Bookmarks, résultats de recherche, etc.). Mais en même temps, Amazon l'utilise pour les évaluations, tout comme des dizaines d'autres propriétés Web. Alors, quand vous voyez une seule étoile, qu'est-ce que cela vous suggère?

Ensuite, il y a le cœur, qui peut être interprété comme un bouton "J'aime ça". Mais aimer n'est pas la même chose que de favoriser quelque chose. Et puis dans les jeux, les cœurs sont utilisés pour la vie (comme dans les jeux Zelda). Il peut donc y avoir une certaine confusion si votre application se trouve dans cet espace.

Fondamentalement, il y a des arguments pour et contre les deux. Si vous les implémentez, n'oubliez pas d'implémenter ceux "transparents" qui ne sont pas colorés jusqu'à ce que vous les cliquiez. De cette façon, les utilisateurs qui interagissent avec ces boutons peuvent facilement savoir s'ils ont ou n'ont pas déjà interagi avec un certain élément. Découvrez comment Gmail fonctionne pour le modèle de conception le plus courant et le plus intuitif pour les étoiles. Slideshare fait la même chose avec Favorite.

Ma préférence? Ajoutez toujours une étiquette à une icône lorsque cela est possible. De cette façon, il n'y a aucune possibilité de confusion. Si vous ne pouvez pas mettre d'étiquette ici, essayez un attribut title pour donner des informations supplémentaires lorsque cela est possible. Donc "{Star} Favorite". Et rappelez-vous: Facebook utilise le mot "J'aime" au lieu d'une icône pour une raison. ;-)

22
Rahul

Le cœur peut être confondu avec "J'aime" et l'étoile peut être confondue avec l'évaluation. Habituellement, il est préférable d'avoir un mot à côté des icônes (au moins sur la vue/page principale).

soundcloud.com le fait comme ça: sur leur page, il est dit "enregistrer dans les favoris" à côté du cœur (ou "supprimer des favoris" lorsqu'il est déjà ajouté). Sur leurs applications (Mac OS et iOS), ils n'utilisent que l'icône du cœur.

Jetez un œil à ces deux articles pour une lecture supplémentaire:

J'espère que ça aide, Phil

9
Phil

J'ai remarqué que l'icône "cœur" a tendance à être plus sociale (c.-à-d. "Daniel Hellier a aimé ça"). Je suppose que l'idée est que si vous aimez quelque chose, vous voudrez le dire à tout le monde. Grooveshark l'utilise pour les chansons que vous aimez sur votre profil et BitBucket l'utilise pour montrer aux utilisateurs et référentiels que vous suivez.

La "star" a tendance à être plus privée (c.-à-d. Les signets, les conversations Gmail étoilées, etc.).

4
Phil Cohen

Je choisirais l'étoile.

Firefox, Chrome et IE utilisent tous le symbole étoile pour les signets/favoris et lorsque vous reproduisez cette fonctionnalité dans une certaine mesure (quoique dans une application plutôt que dans un navigateur) niveau), puis s'en tenir à la norme devrait être la voie à suivre.

3
JonW

Je choisirais une étoile. Combien d'utilisateurs confondraient n étoile pour une note? Quelqu'un a-t-il déjà vu un système de notation avec une seule étoile?

3
sbichenko

Les deux fonctionnent bien, mais un cœur peut rendre l'application plus adaptée aux femmes. Google semble également aimer les stars pour les choses préférées. Un cœur peut être une belle touche s'il complimente un plus petit groupe. Je suggère également d'utiliser une épingle.

2
jonshariat

Certainement pas un coup de pouce. Le facebook "like" thumbs up l'a établi comme une icône que vous cliquez et oubliez.

Une étoile vaut mieux parce qu'elle évoque "spéciale" et "précieuse". Une icône de cœur ne porte pas la propriété "précieuse".

2
KemanoThief