web-dev-qa-db-ja.com

通知に使用する最も効果的な色は何ですか?

通知で使用する色を選択する必要があります。赤い丸の上に感嘆符を付けていましたが、UIでこれまで見たことがない場合は、エラーのように見えると言われました。だから今、私は少し迷っています...

注:フレンドボタンの「追加」では、すでに緑を使用しています。

6
Lorcan O'Shanah

黄色(たぶん)。サイトデザインの色とひどく衝突したり、サイトデザインの色に溶け込んだりする可能性があるためです。

ここから私の答えを参照してください: トップ通知バーのデザインパターンまたはベストプラクティス?

カラーまたはアニメーションを使用する必要がありますか?

通知がウィンドウの上部に固定されている場合は、ユーザーの周辺視野に向かっている可能性があります。そのため、動きに気づきやすくなり、色の変化が少なくなります。イライラしないでください。

どの色がより効果的ですか?

関連するかもしれないいくつかの研究: http://www.alma.edu/departments/psychology/SP98/ZaMa/pcv.html

黄色は、平均して、最も迅速に特定された色(図1を参照)で、右目が73度、左目が73.5度で、赤が2番目(72、70.5)でした。最も認識されない色は、緑(60.5、64.25)と紫(64、63)でした。青は、右目の中心から68.75度、左から68度に認められた。さらに、被験者は、実際の色の知覚への突然のシフトを報告する前に、多くの場合、緑色を紫色または赤色であり、ある場合にはピンクであると識別しました。

6
Erics

色を考慮するだけでなく、少なくとも何かを目立たせることができるかどうかを検討する必要がありますabsence =色-つまり、黒の背景。読みやすさを確保するために白。

StackExchangeの通知バーはうまく機能していると思います。必要に応じて、背景の色を非常に暗いバージョンにすることで、ブランディングとカラーテーマを少し組み込むことができます。

当然、通知のカラースキームは、他のカラースキームとのコントラストによって異なります。たとえば、残りのスキームが同じ色の場合、黄色の通知はあまり適切ではありませんが、残りのスキームがすでに黒の場合、この概念はあまり適切ではなく、おそらく黄色が優先されます。

配色がページやその他のコンテンツによって異なるかどうかを検討します。非常に多様なコンテンツがあり、特に多くの画像がある場合、すべての状況で目立つ一般的な通知スキームを選択するのは難しく、この黒い背景は他の色よりも多くのシナリオを補完する場合があります。

一貫性を確保しますこれにより、親しみやすさが向上し、認識が速くなり、通知をより迅速に登録できるようになりますが、ユーザーは頻繁に無視し、読書せずに通知を閉じるので、本当に重要な通知には、ユーザーの注意を引くような何かが必要になる場合があります。却下機能を提供する1つの代替策は、特定の期間の通知を表示することです。

状況がどうであれ、通知は控えめに使用します通知は強力な注意散漫になるため、十分な 通知のベストプラクティスに関するux.seに関する質問があります

enter image description here

enter image description here

3
Roger Attrill

通知の場合、配色はサイトの他の部分の配色と一致している必要があります。だから、サイトの配色を見て、目立つだけでなくフィットするものを見つけてください-光よりも暗い方がおそらく良いでしょう。

エラーインジケータによく使用される赤を含めて、対照的な色を使用している場合は、通知ではなく警告として表示されます。つまり、有用な情報ではなく、すぐに注意が必要なものです。

1

この質問に対する正しい答えは実際にはありません。これは、アプリまたはWebサイトに既存の設計スキームと非常に関連しています。

通常の生活での色の使用は、通知や警告にも拡張する必要があると思います。例「赤」は緊急、危険、警告を意味するので、おそらくそれに応じてそれを使用してください。

アプリやウェブサイトの開発中に使用する通常のガイドラインは次のとおりです。

0
Aristo Bhupal

私は常に一貫性を基準に据えています。

508準拠 であることを念頭に置いて、太字またはその他の重みの変更を使用することも試みます。

0
Mike Hill

Redが効果的であるのは、Facebook、Gmail、その他の一般的なシステムを使用することに慣れているからです。また、エラーが注意を必要とするのと同じように、注意が必要なことを示します。良い質問ですが。今日はそのことを考えていました。

0
TOMNM