web-dev-qa-db-ja.com

使用する色の数と脳の処理の相関関係は?

教授はかつてクラスに、一度に処理できるビットの量は決まっていると言っていました。私は常にそれを私たちの頭脳のプロセッサ速度と考えてきました。これはHCIクラスにありました。

また、キッズメディア(本/テレビ)は、視覚処理への負担が少ないため、カラーバリエーションをほとんど使用しない傾向があるとも説明しました。

脳がどのように色を処理するか、より具体的には、画像/シーンの色のバリエーションの多くがどのように脳により負担をかけているかについてもっと知りたいです。

これについてもっと学ぶために彼らのいくつかの原則または私が研究できる何かですか?心理学/認知科学の分野、あるいは私が読んだり、より多くの研究を行うことができる論文を探しています。

ユーザーに必要なより多くの視覚的情報(多くの色)を処理させたくないので、これはUIに関連していると思います。また、これは私が興味を持っているゲームデザインにも当てはまると思います。たとえば、より現実的なグラフィックは、脳の処理を取り除いて楽しんでいるので、よりリアルなグラフィックスは時間の無駄であると私の理論は考えています。ゲームプレイの処理。

1
Joey Green

Sake of Colorの色

人々がよりカラフルなシーンを見るとき、より多くの脳の処理を示すfMRI研究があることは驚くことではありませんが、それは悪いことではありません。画面上の色の数と認知ストレスの間には単純な直接的な関係はないと思います。画面に必要な色のしきい値の数は言うまでもありません。たとえば、写真や写実的な画像は、視覚スペクトル全体に渡って膨大な数の異なるRGB値を持つ場合がありますが、Webページの処理が「難しく」なるとは思いません。実際、細部を簡単に認識できるようにするために、24ビットのフルカラー写真が必要になる場合があります。

ユーザーが周囲とのコントラストをはっきりと確認する必要があるもの(例:言葉と背景)は、画面の色がユーザーのパフォーマンスに大きな影響を与えるとは思いません。カラーモニターが新しくなったとき、カラーモニターとモノクロモニターを比較したいくつかの調査(引用を失ってしまったと思います)があったことを思い出しました。一般に、タスクの生産性などに違いは見られませんでした(これらの初期のモニターでは、一度に色が変わるので、多分それはあなたが求めていることの実際のテストではなかったでしょう)。

ほとんどのコンテキストでは、色のUXは主に審美的です。見た目が良ければ、ユーザーは心地よく感じるでしょう。原則として、Webページの色が多すぎると、素人っぽくて忙しいように見え、ページに統一感を与えることはできませんが、科学というより芸術です。

カラーコーディング

色分けについて話し始めると、物事が変わります。つまり、色を使用してデータ値やグラフィックディスプレイでの意味を表します。それに関する何十年もの研究があり、マニュアル全体が書かれています。この研究は、ユーザーが数百から数千の色を視覚的に区別できることを示しています。ただし、色が画面上で互いに隣接し、周辺光が比較的抑えられている場合に限られます。

対照的に、ユーザーがモニターに単独で表示される色で表される意味を特定する必要がある場合、ユーザーが正確に処理できる色の数は劇的に少なくなります-最大で約6色、そして、それは完全なスペクトルを使用していることを前提としています(たとえば、赤、アンバー、緑、青、マゼンタ、白のようなものを使用しています)。また、一部の文化的慣習(例:危険を表す赤、暑い、および西洋諸国での停車)を除いて、カラーコードは恣意的である傾向があり、ユーザーに6つ以上の恣意的なことを記憶するように要求するのは面倒です。

コードの色の数は、使用する正確な色の値の選択に関する制約によっても制限されます。

  • 色の見かけの色は、コンテキストの色によって変化します-隣にあるものの色も含まれるため、混乱を避けるために、色を互いに明確に区別する必要があります。

  • 色は、互いに異なるだけでなく、その上にある背景からも異なる必要があります。マルチカラーの背景がある場合、それは難しい場合があります。

  • ディスプレイが明るい周辺光(たとえば、太陽光の下で使用されるスマートフォン)で使用される場合、色を区別するには最大の彩度が必要になる可能性があります。

  • 色は文化的な期待と一致している必要があります(たとえば、アラーム状態を表すために緑を使用しないでください)。

  • 赤緑色の失明は比較的一般的であるため、色を赤みと緑だけで区別するべきではありません(完全なアクセシビリティでは、完全に色覚障害のある少数のユーザーに、色以外の冗長な表示を提供する必要があります)。

  • 明るい高彩度の青は、特に高齢のユーザーの場合、オブジェクトを少しぼやけて見えるようにするため、ユーザーが詳細も確認する必要がある場合(たとえば、小さなテキストの場合)は明るい青を避けます。

  • ドキュメントおよび電話/テキストのテクニカルサポートでは、色は一般的な色の名前に対応している必要があります。 「アンバーアイコンを探して」と言う必要はありません。

これらが頻繁に矛盾するガイドラインであると考えている場合、あなたは正しいです。最終的な結果として、6つ未満のコードが必要になる場合があります。ユーザー、タスク、環境、テクノロジーの特定の組み合わせに対するこれらすべてのガイドラインのバランスを取るには、調査と設計の判断が必要です。

カラーコーディングの詳細については、 カラーコードの解除 を参照してください。色分けに関する一連の調査ベースのガイドラインについては、同僚の論文で 航空管制管ディスプレイの色 を参照してください。

4