誰もが使っている。 緑、黄 (またはオレンジ)、そして赤です。 データの視覚化で使用したり、ボタンに使用したり、テキストやアイコンに色をつけたり、アラートに入れたりしています。 成功の発表や悪い知らせなど、重要な場面でよく使われます。 また、関連性のないところで注目を集めるために使用するなど、悪用もします。
色覚異常の人はかなり少数派で、そのほとんどが赤緑色の色覚異常を有しています。 2011 年以来、私は、患者のバイタル、患者ケアの質、クラウド サーバーの状態、または幹部の販売分析に関するアラートなど、重要な対話におけるカラー アクセシビリティを解決する必要がありました。 ここでは、その過程で得たアクセシビリティのヒントと、使用可能でアクセシブルなトラフィック カラー パレットの私的なテンプレートを紹介します。 テキストを赤または緑に変更する代わりに、テキストの横に異なる形状の赤または緑のアイコンを配置します。 そうすれば、カラー パレットを制御できない場合、またはチャートが白黒で印刷されている場合、またはユーザーがグレー色しか見えない場合でも、あなたの主張を伝えることができます。 Excel です。 Excel では、データのストーリーを伝えるために、交通信号のような色のアイコンを提供しています。 色だけでなく、形の異なるアイコンを使用するようにしましょう その理由を説明します。
重度色覚異常と強度色覚異常は、赤と緑の色覚異常の2つの一般的なタイプです。 これらに対して色をテストすると、ほとんどのユーザーに対して最適化されますが、アイコンはその取引を成立させるのに役立ちます。
Don’t trust preset color palettes
オンラインには、非常に便利なフレームワークやボイラープレートが多数存在します。 それぞれが多くのニーズを満たしていますが、すべてが色覚異常のために色を最適化する時間があったわけではありません。
赤、緑、オレンジ、および黄色を見るときに最も重要な質問は、「ユーザーがこの色単体を見たときに認識できるかどうか」です。 フレームワークを作成した人がこのことを考えたかどうかを信用しないでください。
どのようにそれを行うか、お聞きになりたいですか。 何年もの間、私が見つけたテスト用の唯一のソリューションは Adobe の Photoshop で、これは、私が作成しているものについて、プロタノピアとデュータノピアのビューを提供しました。 このオプションは、[表示] → [プルーフ設定] (下の画像を参照) にあります。
今では Corblindor Coblis (Color Blind Simulator) は私のお気に入りの道具になっています。
Plan ahead with a color template
長年にわたり、多くのデータ ビジュアライゼーションのカラー作業を行い、役に立つパターンが浮かび上がってきました。 データをより使いやすくするために、ここでそれを提供します。
ここで重要なガイドラインです：
- 明るい、中程度、および暗い色合いを使用します。
- 暖かい緑と冷たい赤、または冷たい緑と暖かい赤を使用します。
- オレンジは使用しないでください。 オレンジの代わりに黄色を使用すると、色覚異常のユーザーに対して「警告」の色が「成功」の緑と衝突したり、「重大な問題」（エラーなど）の赤と同じに見えすぎたりする可能性が低くなるからです。 お読みいただきありがとうございました。 あなたのデータで楽しいストーリーを語りましょう。