好き/嫌いの表示順序
私は、開発者がチュートリアル、ヒント、トリックなどで記事を書くことによって知識を共有できる新しいオンラインコミュニティプラットフォームを調査および設計しています。ユーザーがどの記事が好評でどれがそうでないかを確認できるように評価システムを用意したいと考えています。
この質問 の高低評価と5つ星評価に基づいて、高低評価アプローチを使用することを選択しました。しかし、これを適切に表示する方法がわかりません。
私は現在、記事を表示するときにこれを表示しています。
ご覧のとおり、高評価と低評価のバランスを表示したいと思います。他のユーザーがこの記事に投票するために、記事の下部にデザインを表示しました。
今、私の質問は、そのような好き/嫌いの機能を表示することについてのベストプラクティスがあるかどうかです。 I.E. dislikeアイコンの後にlikeアイコンを表示する必要がありますか？または、これを表示するより一般的な方法はありますか？
高評価と低評価のバランスを表示することを計画している場合、これらの人は素晴らしい仕事をしたと思います。 「いいね」と「嫌い」のアイコンが別々に表示され、ビューとともにバランスを示すメーターも表示されます。
注：この画像の出典を知っている人は、自分で保管してください。それはこの質問にぴったりです;）
YouTube の機能を実行してください。
赤/緑の軸が取り除かれていることに注意してください。明らかに、これは色盲の人々を助け、絶対的な良い/悪い指標を少なくします。これは、好き/嫌いのシステムが完璧ではないので、より理にかなっていると思います。
最初のオプションは正のオプション（など）である必要があります。 「いいね」と「嫌い」のオプションの横に「いいね」/「嫌い」のカウントを配置する必要があります。投票を比較するために好き/嫌いな人数を確認するためだけにスクロールしたくないユーザーです。
ビジュアルカウンターをバーとして表示することは、多くの不動産を使用するので最適ではないと思います。
投票前
投票後
高く評価したり、低く評価したりすることは、アイコンが十分に言うまれなケースの1つであるため、私の意見では言い回しを追加する必要はありません。
これに関するパターンを探す場合は、高評価と低評価を表示する最も人気のあるサイトを確認してください。Facebook、Youtubeなど.
Ps .:ハートはよく混乱の原因となるようなアイコンとして使用されることが多いので、「推奨」アイコンを変更します。特に、隣に文言を追加すると、このようなものがうまく機能する場合があります。
Facebookのようなアイコンがいいですね。ユーザーがそれをクリックすると、カウンターが増加し、再びクリックすると減少します。そうすることで、前または後にそれを保持するというジレンマを回避できます。