web-dev-qa-db-ja.com

主なアクションを赤で表示するのは間違っていますか?

プライマリアクションの色としてredを使用しています。これはボタンの形にすることができます。

使いやすさの面で、欠点は何ですか。何か良い点はありますか?

赤い色のボタンの使用例は、おそらくgmailです。

更新:文化的要因についての回答をありがとう。それを思い出すのは良いことですが、@ rkが言うように、その重要性は低下し始めているので、別の方向に議論を進めたいと思います。

9
nimrod

単一の色を検討しても意味がありません。コンテキストで色を検討する必要があります。ロゴの赤のため、誰もコカコーラを飲むのを止められませんでした。

コンテキストと環境が不明である限り、色の選択について十分な情報を得た上で意見を述べることは不可能です。

5
Igor Asselbergs

What colors mean in different cultures

UX /ユニバーサルデザインでは、これはかなり古くからある質問です。しかし、時間が経つにつれ、重要性が減っていくのを感じます。いくつかの理由は、おそらく製品/ブランド/英語などの真のグローバル化です。企業はまだ、発売先の国に基づいて製品のブランドを変更する必要があることを知っていますが、それらのケースは少なくなっています。もう一度、ただ個人的な観察です。

編集1:関連するメモとして、色覚異常をテストすることをお勧めします。 http://colorfilter.wickline.org/ のようなものを使用して、Webサイトをテストできます。さまざまなタイプの色覚異常のリストを以下に示します http://www.colour-blindness.com/colour-blindness-tests/

ユーザーベースが巨大になる場合は、サイトを少なくともテストして問題のある領域を見つけて、デザインで使用していないことを確認することをお勧めします。この情報を使用して、特定の領域にコンテキストキューを追加する必要があるかどうかを確認できます。

12
rk.

西洋文化では、赤は否定的な意味合いを持っています(ただし、日本ではこれは逆です)。これは警告またはエラーとして使用されるため、主要なオプションとして使用すると、一貫性の原則に違反します(少なくともほとんどのユーザーにとって)。

文化的な意味は以前ほど重要ではないかもしれませんが、一貫したユーザーインターフェイスを持つことは重要です。ほとんどのアプリケーションは警告とエラーに赤を使用しているため、プライマリアクションに赤を使用しても、実際にはユーザーエクスペリエンスが損なわれる可能性があります。

Microsoftの色の意味も参照してください。

msdn color meaning

6
TomDoes

デザイナーとして、赤はユーザーの間で最も反応を引き起こすと考えられています。ただし、色の使用方法に応じて、プラスまたはマイナスの効果が得られます。

私の職場では、プライマリアクションボタンとしてネイビーブルーの色を使用し、セカンダリボタンとしてライトグレーの色を使用しています。これらの色は、当社のWebサイト全体にあるフォームのバランスをとります。

enter image description here

これは、ウェブサイト内のアラートが赤で表示されているためです。赤をプライマリアクションとして使用すると、赤をエラーまたはネガティブを意味すると解釈したユーザーを混乱させる可能性があります。また、微妙な色を使用して明るい赤のボタンを使用した場合、ページのバランスが崩れる可能性があります。

使いやすさのためのビジュアルバランスとウェイトの割り当て 」について説明しているUX Magazineの優れた記事は、この主題についてより深い洞察を提供することができます。

3
Courtney Jordan

プライマリボタンとセカンダリボタンに適切な色はありません。重要なのは、2つの間にどの程度のコントラストがあるかです。

ユーザーに表示しようとしているものには色が非常に重要であると思いますが、UIがWebサイト全体で一貫している限り、正確な色相や色調が非常に重要であるとは思いません。 @TomDoesが言っていることをバックアップするには、Webサイトのコンテキストが何であるかに応じて、コンテキストが重要です。

Pinterestは、すべての主ボタンに赤を使用している会社の良い例です。

Pinterest login screen

pin screen

2
Jason Frade

Nielsenヒューリスティックの1つである「システムと現実世界の一致」を表示する。赤い色は、現実世界で進行中の何かを終了するためのものであると認識されています。たとえば、テープレコーダーでは、記録を停止するために、識別のために赤い点または円が付いた停止ボタンが使用されます。同様に、赤い色がテレビの電源を切るために使用されるボタンを識別するテレビの場合も同様です。

1
MohsinUX

コンテキストに依存することに同意します

同様のプロジェクトで、プライマリアクションに赤い色を使用し、セカンダリアクションに赤いテキストが付いた白いボタンを使用しています。リンクも赤とグレーです...

enter image description here

データのテーブルでは、コンテキストが変更され、赤い色は負の値のみを示し、緑は正の値を示し、青はリンク用です。

0
Ahsan Idrisi