web-dev-qa-db-ja.com

新しいメッセージのカウンターの青または赤の色?

ユーザー用の受信トレイを実装しようとしていますが、サイトには新しいメッセージの数を示すインジケータがあります。

通知に青を使用すると、サイトにうまく収まり、赤でも大丈夫です。

UXの観点から、新しいメッセージを青で表示することは良い習慣ですか、それとも赤のままにすべきですか? (グーグルや他の多くのサイトのように)

2
ALH

この質問に答えることは非常に困難です。要素の色を選択するとき、考慮に入れる必要がある他の多くの未知の要素があります。

たとえば、次の質問を検討する必要がある場合があります。

  • あなたの包括的な目標は何ですか?

    • 要素を周囲の要素と対比させますか?

    • 要素間の一貫性を高めたいですか?

  • ユーザーの注意を引くために他に何が競合していますか?

  • ユーザーに要素にいつ気づかせたいですか?

  • ユーザーが理想的にどのような反応をする必要がありますか?

  • このタイプの要素はどのくらいの頻度で表示されますか?

  • 選択した対照的な色がうまく組み合わさっていますか?

    • 美学/魅力の面で

    • 一般的な色覚異常の点で

  • など...

これらのタイプの質問に対処すると、あなたはあなた自身の特定のケースの質問に答えることができます。

2
codeinthehole

それは、周囲の色と、ユーザーの注意を妨げる程度によって異なります。赤は一般に、高度な警戒または「クリティカル」警告に関連付けられています。ただし、周囲の要素の色とのコントラストが高いため、多くのサイトでニュートラルな通知に使用されています(SEでは多くの色、Facebookでは青、Googleでは灰色、Forrstでは濃い緑など)。これにより、通知への高いエンゲージメントが保証されますが、同時に、はっきりとしたコントラストが多くの注意を引くため、ユーザーとアプリとの対話フローが中断する可能性があります。

したがって、ユーザーができるだけ早く通知に基づいて行動するようにしたい場合は、通知を赤にします(周囲の要素が赤みがかっている場合を除く)。そうでなければ、青も機能します。

6
dnbrv

私の意見では、それは間違いなくアプリケーション全体の配色に依存すると思います。私が常に「赤い色」を使用してきた最後のいくつかのアプリケーションのいくつか。単に理由-赤は「アラート」または「重要な何か」を示し、注意を引きます。

1
Aristo Bhupal