原因と結果–色彩心理学の探求

色と感情は、デジタルデザイナーが理解し、活用し始めたばかりの方法で複雑にリンクされています。これは、デザイン（特に新聞や雑誌）の色が実際に普及したのは過去半世紀かそこらであると考えると理にかなっています。 。

それでも、ユーザーの行動に対する色の心理的影響は重要です。 ボタンの色を変更するだけの簡単な方法で、目的の動作を2桁、さらには3桁のパーセンテージで増やすことができます。 ユーザーエクスペリエンスデザインのこの重要な要素を見落とすことは大きな間違いであり、少しの教育と研究で簡単に回避できます。

色彩心理学とは何ですか？

色の心理的影響に関する厳密な科学的研究はほとんどありませんでした。 しかし、色彩心理学は、ブランディングやその他のデザイン分野の重要な焦点です。 色の影響に関するほとんどの研究は実際的な理由で行われており、主に個々の企業や設計者からの事例証拠と事例研究で構成されています。

しかし、デザイナーに、色が人間の行動に及ぼす心理的影響を考慮しているかどうかを尋ねてください。彼らの大多数は、そうしていると断言します。 色彩心理学を見落とすことは、ユーザーエクスペリエンスを低下させ、ウェブサイトやアプリのコンバージョン率を下げるための迅速な方法です。

色が感情に影響を与える理由

色が人々の気持ちに影響を与える理由は簡単ではありません。 特定の色にさらされたときの人の感じ方に影響を与える可能性のある要素はたくさんあります。 重要な要素の1つは、色との個人的なつながりです。 たとえば、子供の頃のお気に入りのぬいぐるみが青だった場合、生涯を通じて青を好む可能性があります。 または、スペクトルの反対側で、子供として青い車にぶつかった場合、青い色に対して強い否定的な感情的反応を示す可能性があります。

しかし、普遍的な人間の経験のために、大多数の人々が与えられた色にどのように反応するかを予測することは可能です。 たとえば、ほとんどの人が植物の成長を目撃しているため、緑は自然と成長に関連していることがよくあります。 青は、空や水などに関連しているため、ほぼ普遍的に落ち着きます。

他の効果は文化的です。 たとえば、紫色は、多くの古代文化では非常に高価で希少であり、したがって王族によってのみ使用されるという事実のために、依然として贅沢と関連付けられています。 それ自体は自然な関係ではありませんが、それが人間の精神の一部になるのに十分長い間、文化的な時代精神の重要な部分でした。

パフォーマンスに対する色の影響

色が影響を与えるのは気分や感情だけではありません。 また、非常に現実的な方法でパフォーマンスに影響を与える可能性があります。

たとえば、Journal of Experimental Psychologyに掲載された研究では、研究者は、赤色がテストのパフォーマンスに悪影響を与えることを発見しました。 参加者に（緑や黒ではなく）赤の参加者番号が与えられた場合、テストのパフォーマンスは同業者よりも20％低くなりました。 これは大きな違いであり、ユーザーエクスペリエンスに影響を与えるために使用できます。

これは、赤が常にパフォーマンスを妨げるという意味ではありません。 運動能力の研究では、赤いユニフォームが有利であるように見えます。 2004年のオリンピックでは、4つの異なるスポーツ（グレコローマンレスリング、フリースタイルレスリング、ボクシング、テコンドー）で競うアスリートに、青または赤のユニフォームまたは保護具がランダムに与えられました。 赤衣のアスリートは、29の体重別階級のうち19で優勝しました。 また、サッカーの試合での同様の調査では、赤いユニフォームを着たチームと同様の利点が示されました。

これは、攻撃性と怒りを伴う赤の歴史的な意味合いによって説明することができます。 赤いユニフォームは着用者をより攻撃的に感じさせるか、あるいは、赤いユニフォームは敵に対してより威圧的であり、したがって彼らのパフォーマンスに悪影響を及ぼします。 いずれにせよ、結果は重要です。

色の意味

すべての色はさまざまな感情に関連付けられています。 デザインでの色の使用は、それらのカラーパレットを表示している人々の感情や気分に影響を与える可能性があります。 色を上手に使用すると、ユーザーエクスペリエンスが向上し、望ましい動作（コンバージョン率を含む）が大幅に向上します。

暖かい色

温かみのある色には、赤、オレンジ、黄色の色合いがあります。 一般的に、これらの色はエネルギッシュでアクティブであり、比較的ポジティブな意味合いを持っています。

赤：赤は情熱、愛、そして欲望に関連しています。 それはまた、警告や危険、あるいは怒り（したがって「赤く見える」という用語）と関連している可能性があります。 赤は、呼吸や心拍数の上昇など、人々にも生理学的な影響を与える可能性があります。

オレンジ：オレンジはエネルギッシュでポジティブです。 それは紅葉との関連であり、季節の移り変わりも人々にそれを見たときに変化を考えさせることができます。 オレンジは警告にも関連付けられていますが、赤ほど強くはありません。

黄色：黄色は、カラースペクトルで最も幸せな色相と見なされ、日光と希望に密接に関連しています。 ただし、注意と臆病と関連付けることもできます。

クールな色

クールな色には、青、緑、紫の色合いがあります。 一般的に言えば、特定の色相は異なる特性を持つことができますが、涼しい色は暖かい色よりも穏やかでリラックスしています。

青：青は落ち着きがあり、誠実さと忠誠心を表しています（したがって、多くのコーポレートブランドの配色で人気があります）。 青は、状況に応じて、悲しみや喪失に関連している可能性があります。 それはまた、平和、さらにはスピリチュアリティにも関連しています。

緑：緑は、自然だけでなく、新しい始まりと成長を表すことができます。 それはまた、青の落ち着いた効果のいくつかを引き継いでいる間、黄色のいくつかの活力を与える特性を持っています。 緑は、特に暗い色合いで、豊かさ、お金、安定性に関連付けられています。

パープル：パープルは長い間、贅沢と王族だけでなく、ミステリーとオカルトとも関連付けられてきました。 ラベンダーなどの明るい紫は、よりロマンチックで、春に関連しています。

ニュートラル

ニュートラルカラーは、パレット内の他のカラーの特性を引き継ぐことが多く、それらの影響を強化するために使用できます。 基本的なニュートラルには、黒、白、灰色、茶色、ベージュが含まれます。

黒：黒はエレガントで洗練されていますが、悲しく、死と喪を代表することもあります。

白：白は純粋で無垢であり、しばしば清潔さに関連しています。 いくつかの文化では、それはまた死と関連している可能性がありますが。

灰色：灰色は洗練された強力なものと見なすことができますが、間違った方法で使用すると退屈なものとなることもあります。 暖かくても涼しくても、伝統的でも現代的でも見られるので、最も柔軟なニュートラルの1つです。

ブラウン：ブラウンはしっかりしていて信頼性が高く、使用される状況に応じて自然と関連付けることができます。

ベージュ：ベージュは、周囲の色に応じて暖かくすることも涼しくすることもできます。 それは一般的に保守的であり、茶色の暖かさまたは白の涼しさを帯びることができます。 それは周囲の色の意味を帯びており、しばしば背景にフェードインし、それ自体で心理的な影響をほとんど加えません。

文化の違い

デザイナーが仕事で特に注意する必要がある1つの領域は、色の意味の文化的な違いを考慮することです。 たとえば、ほとんどの西洋文化では、白は無実に関連付けられ、黒は死と喪に関連付けられています。 しかし、他の文化、特に中国、日本、韓国、および他のアジア諸国では、白は死と喪、さらには不運と関連しています。

製品のユーザーがどこから来ているかを考慮することが重要です。 たとえば、特定のサイトのユーザーの大多数がインドネシアから来ている場合、グリーンを使用することは悪い考えです。 しかし、それらが中東から来ている場合、緑は幸運、富、そして出産に関連しています。これはまさに望ましい種類のメッセージかもしれません。

カラーパレットに取り組む前に、時間をかけて色の正確な文化的意味を調査することは、UXデザインプロセスの重要なステップであり、見逃すことはできません。 文化の違いだけでなく、色がユーザーの行動に与える重大な影響もあります。

微妙な変化は大きな影響を及ぼします

正確な色相に微妙な変更を加えるだけでも、ユーザーがその色を認識する方法に大きな影響を与える可能性があります。 たとえば、ネイビーブルーは忠実で伝統的なものと見なされますが、明るいブルーはモダンでエネルギッシュで、ライトブルーは落ち着いて平和なものになります。 それらはすべて「青」ですが、特定の色を変更するために黒または白を追加する効果は非常に重要です。

色の組み合わせ方も同様です。 赤と緑はカラーホイールの補色であり、それらを隣り合わせに使用すると、目に非常に不快な振動効果を生み出す可能性があります。 しかし、赤をピンクに明るくし、緑をより宝石のようなトーンにすると、印象的で予想外のカラーパレットになり、すぐに印象的で視覚的に魅力的です。

色が消費者行動にどのように影響するか

すでに述べたように、色はパフォーマンスに影響を与える可能性がありますが、ユーザー間の全体的な動作にも影響を与える可能性があります。 召喚状などのさまざまな色の選択の有効性を比較する、数え切れないほどのケーススタディが行われています。

HubSpotは、PerformableのWebサイトでボタンの色を緑から赤に切り替えることの効果に関するケーススタディを実行し、いくつかの非常に決定的な結果を得ました。 デザイナーの直感的な反応は、緑は「実行」に関連付けられ、赤は「停止」に関連付けられ、クリックする前に一時停止する可能性があるため、パフォーマンスが向上する可能性があります。 しかし、結果は反対のことを示しています。赤いボタンは緑を21％上回っています。 ただし、他のケーススタディでは、緑が黄色やオレンジを大幅に上回っています。

ロゴのデザインは、色の選択が非常に重要なもう1つの分野です。 ブランドはスペシャリストに数千ドル（場合によっては数百万ドル）を支払い、ブランドにぴったりの色合いを見つけます。これは、顧客から正しい感情や行動を呼び起こし、業界の競合他社からも適切な金額を際立たせます。 」の金額は、多くの場合、特定の業界によって異なります）。

ここで重要なポイントは、デザインで使用される色がユーザーの行動に大きな影響を与えることですが、色が使用されるコンテキストがこれの主な要因です。 たとえば、ボタンは、周囲のデザイン要素と衝突することなく目立つようにする必要があります（デザインの多くに緑が含まれている場合に赤いボタンを使用するなど、補色を使用することが優れている領域の1つ）。

結論

これらすべてからの主なポイントは、色はポジティブなユーザーエクスペリエンスを作成するための重要な部分であり、特定のアプリケーションに適した単一のカラーパレットがないことです。 これが、実際のユーザーでデザインをテストすることが、それが耐えられる特定のユースケースに最適化されたカラーパレットを作成する上で非常に重要な部分である理由です。 緑のボタンは、あるコンテキストでは黄色のボタンと比較して優れた変換を行う可能性がありますが、別のコンテキストでは赤のボタンの方が両方よりも優れている可能性があります。

Toptal Designブログでさらに読む：

• 可能性のスペクトル：Go-ToUIカラーガイド
• UXにおける色の役割
• 暗いUI。 良い点と悪い点。 規則ルール。
• デザインの原則とその重要性
• トップデザイナーが使用する10のUX成果物