web-dev-qa-db-ja.com

画面上で読むのに最適な色の組み合わせは何ですか?

私はパイロットとして航空会社で働いており、コックピットに紙がなくなることを目的とする「ペーパーレス」プロジェクトに関与しています。すべてのデータはタブレットデバイスからアクセスできる必要があります。

飛行中に読むべきことがたくさんあります(チェックリスト、規則と規制、地図など)。特別な画面(iPad程度のサイズ)を用意しますが、解像度はより高くなります(1280x1024)。

夜間/日中の状況を考慮した最良の色の組み合わせは何ですか?そして、画面で読むのに最適なフォントは何ですか?

  • 回答への出典も含めてください(研究など)

編集:

要因

  • 読みやすさ*明るい日光から完全な暗闇まで、さまざまな条件で
  • 保持*これ以上本がないため、パイロットは自宅のコンピューターで学習する必要があります(照明の不良、モニターの不良など)。
  • 美学*は実際には要因ではありませんが、ユーザーの期待に応えるために必要だと私は考えています

個人

私の個人的な歴史は、私が(開発者および消費者として)古典的な黒地に白のコントラストで主に作業していることを示しています。パイロットがほとんどの色を反転する「ナイトモード」に切り替えることができるソフトウェア製品はすでにありますが、ほとんど誰もこの機能を使用していません。 「夜間」モードに切り替えないのは、主にデバイスを完全に暗くできるため、飛行中に気を散らすようなグローがほとんどなく、クルーズ中にコックピットライトが点灯しているためです。

航空業界

Airbus Industriesは、デフォルト設定を黒地に白に設定して(切り替えオプションを使用して)電子ソフトウェアの出荷を開始しました。コックピットディスプレイ(CRT/LCD混合、黒地に白のみ)に準拠するためだけであるかどうか、私は自分に問いかけますか?

ルフトハンザシステムは、デフォルトで白地に黒の完全なシステムを備えています。ナビゲーションマップを除いて、通常はナイトモードに切り替えるオプションを知りません。

ウェブ産業

個人的には、ウェブ業界に目を向けることが重要だと思います。今日までに、ほとんどすべての人が関わっています。私たちはウェブで読み、書き、学びます-そしてそれはほとんど白地に黒です。これは、一般的な標準ではないため、ほとんどの人が白地に黒を奇妙であると考え、オプションとして提供されている場合は使用しない理由である可能性があります。では、なぜユーザーに黒地に白を強制する必要があるのでしょうか。

現在の選択

現在の選択は、Tahoma 12pt、#fffの#222で、Michael Zuschlagの回答と参考文献によると#000の#fffのオプションがあります。

80
Wolkenjaeger

読みやすさは前景と背景のコントラストの高さに依存するため、白黒が最も安全です。例を見てください:

Hall RH&Hanna H2003。 読みやすさ、保持力、美学、行動意図に対するWebページのテキストと背景色の組み合わせの影響 、情報技術評価研究所、テクニカルレポートLITE-2003-04。

屋内でのWebの使用については、適度に暗い色と明るい色の組み合わせで済むかもしれません。ただし、コックピットの視界が非常に厳しく変化しやすい可能性がある場合(たとえば、完全に暗い夜から太陽が直接ディスプレイに当たるなど)を考慮すると、おそらく白黒で進みます。

白地に黒か白地に黒のどちらが良いかはフォントデザイン次第だと思います。パソコン用のほとんどのフォントは、暗闇でのプレゼンテーション用に設計されています。 「通常の」コンピュータフォントを使用している場合は、おそらく白地に黒を使用する必要があります。ただし、淡色表示されているときのデバイスのパフォーマンスによっては、パイロットが見る必要のある他のすべてのものの可視性を最大化するために、夜間モードで白地に黒を考慮することをお勧めします。 黒い背景の白いフォント の回答を参照してください。

フォントと読みやすさの関係は複雑ですが、TahomaやTimes New Romanなどの「通常の」フォントを使用しても安全でしょう。見る:

Bernard M、Mills M、Peterson M、およびStorrer K2001。 人気のオンラインフォントの比較:どちらが最適で、いつ? SURL Usability News 3(2)。

Bernard M、Lida B、Riley S、Hackler T、Janzen K2002。 人気のオンラインフォントの比較:どのサイズとタイプが最適か? SURL Usability News 4( 1)。

開発しているデバイスの種類に関するあらゆる種類のユーザビリティ/ヒューマンファクターの質問に答えるために、私は同僚に勧めます:

Chandra D&Yeh M2006。 電子フライトバッグを評価するためのツールキット 。 US DOT Volpe CenterレポートDOT-VNTSC-FAA-06-21

43

背景からの明るい輝きが生徒を収縮させるので、白い背景に黒いテキストが最も読みやすくなります。小さい瞳孔で目を合わせるのが簡単で(小さいカメラレンズで被写界深度が増えるのと同じように)、目の屈折誤差の影響を減らします。

ナイトビジョンを壊したくない状況では、暗い背景と赤またはこはく色のテキストが最も快適です。

個人的には、暗い背景で明るいテキストとの高いコントラストが嫌いなので、「ダークスレートグレー」に「小麦」のような色を使用します。明るい背景の暗いテキストの場合、暖かい色の方がリラックスできると思います。多くの電子書籍リーダーやテキストエディターは、オフホワイトの黄色がかった色合いを使用して効果を上げています。

14
ccxvii

私はeAdept(www.eadept.se)と呼ばれるプロジェクトで、視覚障害のあるユーザー向けの携帯電話の画面用アプリケーションを使用しています。これらの人に最適なものを見つけるために、屋内と屋外の両方でさまざまな組み合わせを試してきました。たとえば、スペシャリストやスーパーバイザーと話し合って、さまざまな色の間の相互作用を適切に説明するために視覚的に影響を受けています。これらすべてのテストと情報の結果は、黄色と黒の組み合わせです。私たちは黄色のバージョンといくつかの暗いバージョンと明るいバージョンに#F8EF20を使用しています。たぶん、そのような組み合わせはコックピットで機能します。

8
Anna

まあ、私は熱心な本の読者ではありませんが、私はプログラマーであり、一日中テキストを見ています。

私にとってテキストはツールです。黒と白のメモ帳でプログラミングを始めましたが、それほど素晴らしいものではありませんでした。

今日のワークショップはこんな感じです。 enter image description here

これは私の好みに合わせて高度に調整されています。低光環境では、私は強く暗闇よりも光を好むし、他のほとんどの人もそうだと思う。 iphoneのマップとトムトムは、UXでこれを採用しているようで、夜間に自動的に別のカラーテーマに切り替わります。私は科学者ではありません、それがどのように機能するのかわかりません。彼らがそうするのが好きなのは知っている。

モニターとeInkスクリーンのように、発光スクリーンと光反射面では異なる場合があります。私はeInkが大好きで、明るい環境でeInkまたはペーパーバックを読むことを常に好みます。ただし、特に暗い場所でモニターを1日中見つめる場合は、暗い場所で完全に点灯してください。

本当に目が覚める前の朝、特に発光スクリーンからの光が暗いのを目にしています。

私のコード例に戻ると、コードは高度に構造化されており、読んでいる内容を解釈する正しい方法があります。それでも、色は理解に大きく役立ちます。本を読んでいるときに、何回書いて、何が書かれたか、何から書かれたかという文脈の記憶をリフレッシュする必要がありましたか?これらは、色が大いに役立つと私が思ういくつかの領域です。考えるだけの何か。

4
Andrew Hoffman

色はさておき、新しい 'Tern'書体の評価に関してInternational Institute of Information Designが実施した書体テストレポートにも興味があるかもしれません。 www.iiid.net/SOMS/InSafety_IVT_Report_Final.pdf (道路標識の要件は、使用状況の要件とほぼ同じでなければなりません。)

4

作業を読みやすくするために、デバイスのサンセリフフォントを検討してください。ユーザーが長時間読むことが期待されるため、印刷デザインで作業する場合はセリフフォントが推奨されます。時間が問題になる場合は、Baskervilleなどのセリフフォントを使用してください。それ以外の場合は、小さなテキストや記事にはサンセリフを使います。

また、タイポグラフィーは完璧な場合もありますが、WHITESPACEは不十分です。デザインには空白が必要です。目を休める必要があります。そうしないと、ユーザーが疲れてページを離れたり、重要な情報を見逃したりします。

また、アクセシビリティにも留意してください。人口の約20%に何らかの障害があり、その中に視覚障害者がいます。一般的な 複雑な疾患が多数あり、コントラスト/値を表示する機能に影響します。 設計するときは、このことを念頭に置いてください。別の人口統計との混乱...

2
Ana Zdravic

もう1つの興味深い研究ポイントは、特にあなたの質問がスクリーンリーディングに関するものであるため、AmazonのBlue Shadeです。これにより、名前が示すように、Amazonは画面の色を「暖かく」し、画面の青の量を減らして、暗い場所での健康的な表示を実現します。

Amazon Blue Shadeに関するCNetストーリー

Kindleで有効にする方法

Amazonは、米国国立衛生研究所で、錠剤がメラトニンの人間による生成を減らし、睡眠能力を低下させると述べている 研究が発表された のためにテクノロジーを作成しました。

2
Baronz