あなたのウェブサイトの転換そして販売の改善を気遣えば、色を気遣う必要がある。
人間は、最古の洞窟絵画から今日の道路標識まで、何千年もの間、色を使ってコミュニケーションをとってきました。 色は言葉や画像ができない方法で通信し、効果的に色を使用することは、任意のサイトのための強力なツールになることができます。
今日、あなたはあなたのサイトを使いやすくし、より多くのコンバージョンと顧客を生成するためにカラー心理学を使用する方法を学びます。
途中で、さまざまな色の背後にある意味と、デザインに色を含める際に注意する必要があるいくつかの落とし穴を少し探ります。
飛び込もう！
使いやすさを向上させるために色を使用する方法
あなたのサイトで色を使用する最も簡単な方法から始めましょう：使いやすさを向上させます。
現在のサイトが混乱したり、ナビゲートが困難な場合は、いくつかの色を追加して、目にしやすくし、ユーザーエクスペリエンスを向上させることができます。
特にウェブサイトのトラフィックの大部分がモバイルデバイスから来ている今、私たちはメッセージを伝える余地が少なく、可能な限り明確にす
それが色が遊びに来ることができる場所です。
適切なタイプの色を適切な方法で使用することにより、より豊かで効率的なユーザーエクスペリエンスを提供することができます。
コントラストを使用してユーザーの行動をガイド
最初のステップは、コントラストを使用してサイトで重要なことをユーザーに表示することです。 たとえば、ユーザーが終了する可能性のあるページがあるとします。 色を使用して読者を引き込み、従事させておくことができます。
例えば、Crazy Eggのこのブログページでは、リンクに太字の色（緑と青）のみを使用しています。
これは、ユーザーがニュースレターを購読したり、記事を読んだりするような行動を取ることに惹かれることを意味します。 このような色を対比することで、エンゲージメントメトリクスが向上します。
対照的な色を使用して、ナビゲーションを強調表示したり、サイトの領域を分離したりすることもできます。
ユーザーを導く鈍い色
色彩心理学の世界でもう一つの便利なツールは、未参照または無効なアクションを示すために灰色または鈍い色を使用しています。
灰色のボタンとオプションで毎日これを見ることができます。 それは当然のことながら、オプションが望ましくないことを示しています。
あなたのサイトを簡素化するためにそれを使用することもできます。 あまり重要でないナビゲーション要素を灰色にし、明白な視力でそれらを非表示にします。
色と組み合わせて記号を使用する
記号は色の完璧なパートナーです。 彼らは汎用性があり、シンプルで、明確で理解できるはずです。
ほとんどの状況での色は、典型的なシンボルよりも目立つものを含んでいますが、それらを一緒に使用すると、物事がさらに明確になります。
ユーザーの行動を導くために色を使用する方法
チャンスは、あなたの唯一のウェブサイトの目標は、ナビゲートしやすいものだけではありません。 また、電子メールリストへのサインアップ、製品の購入、見積もりの依頼など、ユーザーに実行してもらいたい特定のアクションもあります。
そのような場合は、色を使用して購入の決定に影響を与えることができます。 ここではどのようにです。
正と負の色を使用する
これを行うための素晴らしい方法は、正と負の色を使用して”正しい”と”間違った”オプションを示すことです。
社会と自然は、赤と緑を私たちの潜在意識に深く結びつけているので、他の二つの色はそのような反対の意味を共有していません。
この接続の最も明白な例の一つは、標準信号機の国際カラーコードです。
私たちは緑を肯定的で進歩的な色と見なしているので、go、yes、good、accept、up allのような言葉は緑の色に関連している可能性があります。
赤は緑の反対を示し、stop、no、bad、reject、downなどの言葉があります。 赤は負または危険な意味を持ち、心拍数を増加させ、緊急性を示します。
赤と緑を使用する素晴らしい方法は、追加や削除などの基本的なアクションを使用したり、設定に注意を引くことです。
ほぼ青のカラーパレットを持つLinkedInでも、有効にする設定を示すために緑を使用し、通知を表示するために赤を使用します。
あなたはすぐにウェブの周りの他の例に気づくでしょう。
Start、create、post、newは多くの場合緑色で、end、delete、disconnect、cancelなどのアクションが赤で囲まれています。
注意とアラートのために明るく暖かい色を使用してください
お使いの携帯電話、Facebook上で、そしてちょうど約すべてのプラットフォーム上の通知が赤
赤、オレンジ、黄色のような明るく暖かい色は、注意と警告に最適です。 オレンジは興奮を示すか、または行為への呼出し特定の好みである。
明るい色と強力なシンボルを組み合わせると、メッセージをさらに効果的にすることができます。
たとえば、私は私のSEOのウェビナーに注意を引くために私のサイト上でオレンジ色の警告記号を使用しています。
そのシンボルが青または緑だった場合、それは同じ効果を持たないでしょう。 読者の注意をどこかに引く必要がある場合は、このような明るい色を使用してください。
あまり望ましくないオプションにはグレーを使用します
正と負の関係に追加の色があります。 それは灰色です-中立、中間地の色です。 それはあなたが二次選択から注意を引くのにそれを使用できる大きいアクセント色である。
たとえば、Ambastha Athleticsのこのオプトインページでは、サインアップボタンに注意を払うために灰色を使用しています。
さらに、彼はオレンジ色を使って訪問者の目を捉え、”ヘックええ！”ニュースレター購読フォーム。
結論
あなたのサイトを改善することを真剣に考えているなら、あなたが使っている色が何を表しているかを深く掘り下げなければなりません。
使用している色を調べないと、重要なものに対する顧客の行動を落胆させたり、偶然に何かに焦点を当てたりする可能性があります。 色の背後にある意味を使用して理解することで、ユーザーの流れを改善し、コンバージョンを増やすことができます。
開始するには、ユーザーがあなたのサイトに抱えているように見える問題を見てください。 どのように色を使用して、一般的なアクションを目立たせたり、ページに従事している人々を維持したり、ナビゲーションを改善したりできますか？
次に、ユーザーフローを調べます。 赤や緑などの正の色と負の色を使用して、優先するアクションを示すことができます。 グレーのようなミュートされた色は、無効なオプションを表示できます。 そして、赤、黄色、オレンジのような明るい色は、訪問者の注目を集めることができます。
これらの色を組み合わせることで、ユーザーの行動を導き、コンバージョンを向上させることができます。
あなたのサイトを改善するためにどのような色を使用しますか？