Wednesday, October 19, 2016

What is the best color combination for on screen reading?


I work at an airline as a pilot and I am involved in the "paperless" project which aims to have no more paper in the cockpit - all the data should be accessible from tablet devices.


We have a lot to read during flights (checklists, rules and regulations, maps and so on). We will have special screens (size of about an iPad) but with a higher resolution (1280x1024).


What's the best color combination considering night/day conditions? And what's the best font to read on screen?



  • Please also include sources to your answers (studies or similar)


EDIT:


Factors




  • Legibility * in various conditions from bright sunlight to complete darkness

  • Retention * as there will be no more books, pilots are forced to learn at their home computers (ev. bad lighting, bad monitors)

  • Aesthetics * is not really a factor, but in my opinion needed to meet the users expectations


Personal


My personal history shows that I work mostly with classic black on white contrasts (as a developer and as a consumer). We already have a software product which allows the pilots to switch to "night-mode" which inverts the most colors, however almost nobody uses the feature. The reason why I don't switch to the "night" mode is mainly because we can dim our device perfectly so there is almost no glow which distracts us during flight and we have the cockpit lights on during cruise.


Airline Industry


Airbus Industries started to ship their electronic software with the default setting set to white on black (with the option to switch). I ask myself if they did it only to be conform with the cockpit displays (CRT/LCD mixed, only white on black)?


Lufthansa Systems has a complete system which is by default black on white. I am not aware of an option to switch it into night mode in general, except the navigation maps.


Web Industry



Personally I think it's important to have an eye on the web industry, as by today almost everyone is involved. We read, write and learn in the web - and it's mostly black on white. This could be the reason why most people think white on black is odd and won't use it if made available as an option, because it's not a common standard. So why should we force the user to white on black?


Current Choice


The current choice would be Tahoma 12pt, #222 on #fff with the option for #fff on #000 according to Michael Zuschlag's answer and references.



Answer



Legibility depends on high contrast between foreground and background, so black-and-white is the safest bet. See for example:



Hall RH & Hanna H 2003. The Impact of Web Page Text-Background Color Combinations on Readability, Retention, Aesthetics, and Behavioral Intention, Laboratory for Information Technology Evaluation, Technical Report LITE-2003-04.



For indoor web use you might get away with any reasonably dark-and-light color combination. However, considering the possibly harsh and highly variable viewing environment of the cockpit, (e.g., totally dark night to low sun shining directly on the display), you probably want go with black and white.


I believe whether black-on-white or white-on-black is better depends on the font design. Most fonts for personal computers are designed for dark-on-light presentation. If you’re using “regular” computer fonts, you probably should go with black-on-white. However, depending on the performance of your device when dimmed, you might want to consider white-on-black for night mode to maximize visibility of everything else the pilot needs to see. See answers for White font on black background.



The relation between font and readability is complicated, but you’re probably safe going with a “normal” font like Tahoma or Times New Roman. See:



Bernard M, Mills M, Peterson M, & Storrer K 2001. A Comparison of Popular Online Fonts: Which is Best and When? SURL Usability News 3(2).


Bernard M, Lida B, Riley S, Hackler T, & Janzen K 2002. A Comparison of Popular Online Fonts: Which Size and Type is Best? SURL Usability News 4(1).



For answering all kinds of usability/human factors questions regarding the sort of device you’re developing, I recommend my colleagues’:



Chandra D & Yeh M 2006. A Tool Kit for Evaluating Electronic Flight Bags. US DOT Volpe Center Report DOT-VNTSC-FAA-06-21



No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...