賛成/反対およびカウンターに使用する必要のある設計原則および/またはガイドラインは何ですか？
投票をしたり、動画を高く評価したりしているときに、YouTubeのカウンターの合計（投票数の増加/投票数の減少）の横にあるアイコンをクリックしました。
ユーザーエクスペリエンスに影響を与えずにオプションとそのカウンターを配置するための設計ガイドラインや原則は何ですか？
スクリーンショットの例： 
混乱を避けるために、カウンターにもインタラクションを追加するか、アイコンを削除する必要がありますか？
最初に、それはあなたが何をするにせよ、あなたがユーザーでそれをテストするする必要があることが与えられているということです。私たちが提案するものは何でも、最初の良いスタートになると考えられています。
とはいえ、YouTubeのデザインはあまり良くないと思います。あなたが正しく指摘するように、人々は通常、カウンターの近くにある賛成または反対投票アイコンをクリックします-これは予想されることです。カウンターは現在の投票を示します。そのため、通常、投票について考えているときに人々の注意が向けられます。
一般的に、投票ボタンを投票カウンターに非常に近づけた方が良いです。このサイトは、優れたUXを備えたカウンターの例です。
YouTubeのケースでそれが分離されている理由はlegacyの検討に関連していると思います。私は1つとして、不明確で不必要に重複している賛成票と反対票のアイコンであるため、新しいサイトがその例に従うことを提案しません。
いくつかの提案がありますが、まずユーザーデータを分析して、それが「実際の」問題であることを確認することをお勧めします。 YouTubeは右側にカウンター（ビュー+インタラクション）を編成しているようですが、アクションは左側にあります。彼らはいくつかのテストを行ったと思います。
とにかく、ここに私が従おうとするいくつかのガイドラインがあります：
- あなたが提案したようにアイコンのないカウンターを持っています。 Facebookの「いいね！」ボタンのサンプルと「3人がこれを気に入っています」を参照してください。
- アクションとカウンターを「統一」します。この例では、高評価ボタン自体に隣接する高評価の数を指定できます。
- （YouTubeの場合のように）カウンターでやり取りの余裕がないことを確認します。