web-dev-qa-db-ja.com

最も直感的なお気に入りのアイコン

ステファンの 最も直感的な削除アイコン の質問に似ています。

ユーザーがお気に入りのページを表示できるWebアプリを設計しています。多くの大規模なサイトでは、ハートまたはスターのシンボルが使用されています。最も直感的なサイトはどれですか。

enter image description here

25
ditto

ああ、あなたは本当にこの質問でそれを釘付けにしました。したがって、Googleはすべての製品(Gmail、Googleブックマーク、検索結果など)で「スター」を付けるためにスターを使用しているので、スターのほうが優れていると言えます。しかし同時に、Amazonはそれを評価に使用しているため、他の何十ものWebプロパティにも使用されています。それで、あなたが単一の星を見たとき、それはあなたに何を示唆しますか?

次に、ハートがあります。これは「これが好き」ボタンと解釈できます。しかし、好みは何かを好むことと同じではありません。そしてゲームでは、ハートは一生使われる(ゼルダのゲームのように)。そのため、アプリがその領域にある場合、混乱が生じる可能性があります。

基本的に、両方の賛否両論があります。それらを実装する場合は、クリックするまで色付けされない「透明な」ものを実装することを忘れないでください。これにより、これらのボタンを操作するユーザーは、特定のアイテムを操作したかどうかを簡単に確認できます。スターの最も一般的で直感的なデザインパターンでGmailがどのように機能するかを見てください。 SlideshareはFavoriteでも同じことを行います。

私の好み?可能な場合は常にアイコンにラベルを追加してください。そうすれば混乱の可能性はありません。ここにラベルを配置できない場合は、title属性を試して、可能であれば追加の情報を提供してください。だから「{スター}お気に入り」。そして、覚えておいてください:Facebookは、理由のためにアイコンの代わりに「いいね」という単語を使用しています。 ;-)

22
Rahul

ハートは「いいね」と間違えられ、星は評価と間違えられます。通常は、アイコンの横にWordを配置することをお勧めします(少なくともメインビュー/ページ上)。

soundcloud.com は、そのようにしています:彼らのページでは、ハートの横に「お気に入りに保存」と表示されています(すでに追加されている場合は「お気に入りから削除」)。アプリ(Mac OSおよびiOS)では、ハートのアイコンのみを使用します。

詳細については、この2つの記事をご覧ください。

Philがお役に立てば幸い

9
Phil

私は「ハート」アイコンがより社交的である傾向があることに気づきました(つまり、「ダニエルヘリエがこれを気に入った」)。何かが好きなら、みんなに伝えたいと思います。 Groovesharkはあなたのプロフィールで気に入った曲にそれを使用し、BitBucketはあなたがフォローしているユーザーとリポジトリを示します。

「スター」はよりプライベートになる傾向があります(ブックマーク、スター付きのGmailの会話など)。

4
Phil Cohen

星を選びます。

Firefox、ChromeおよびIEはすべてブックマーク/お気に入りにスター記号を使用し、その機能をある程度まで複製しているため(ブラウザではなくアプリで)レベル)それから、規範にこだわるのが良いでしょう。

3
JonW

星を選びます。何人のユーザーが評価のためにone starを混乱させるでしょうか?星が1つだけの評価システムを見たことがありますか?

3
sbichenko

どちらも上手く機能しますが、心があればアプリを女性向けにすることができます。グーグルは、好きなもののためにも星を愛するようです。それがより小さなグループをほめたたえるなら、心は素晴らしいタッチでありえます。ピンの使用もお勧めします。

2
jonshariat

間違いなく高評価ではありません。 facebookの「いいね」と言って、あなたがクリックして忘れるアイコンとしてそれを確立しました。

星は「特別」と「貴重」を暗示するのでより良いです。ハートのアイコンには「価値のある」プロパティはありません。

2
KemanoThief