Let's revolt against Low Contrast UI and Webpage presentation!
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
Kiddie coders and a product of the me-myself-and-I generation.
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
The software that my company makes has contrast issues. There was a design fad a few years ago where light grey should be used, never white; and dark grey used, never black. Throw in some red-on-dark-grey error messages, and the results are unreadable. I'm in my late 40s and trying to convince people in a company where everyone is in their 20s that there is a problem is challenging. I think eventually, especially now that baby boomers are getting old, high contrast will become the norm. I remember trying to sell "accessibility features" 10 years ago was almost impossible. No one wanted to invest in something only a few people would use. Then smart phones became commonplace, and all of a sudden everyone wanted adaptable websites.
-
Doesn't address the problem, but may be of help: try the "Stylish" extension in Chrome. Allows you to define custom stylesheets, and to specify which websites those sheets should apply to. It's not perfect but it is possible to create a generic "high contrast" sheet that mostly works on most sites, (and works perfectly for some).
Thanks for that! I didn't know about that one... I'll monkey with it; perhaps it approaches the CSS doinking that I was talking about! :)
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
My father-in-law is in his mid 80s and has lost a little over 30% of his visual acuity to glaucoma. As others have said, faint outlines on text boxes, grey text, particularly on pastel backgrounds, and tiny-type are his biggest challenges - and in the age of lockdowns pages and apps with those features are the only way to stay connected to family, friends and shopping. The ADA standards need to embraced by UI developers - at least to the point of providing an button for "Make this page readable" or a "Simplified View" to unclutter an app and allow for larger text and buttons. [His skin is quite dry at his age and his fingers are calloused from decades of farming. A stylus is only a marginal help as his hands shake a bit too much to accurately pick tiny spots on the screen of his phone and laptop with either a fingertip or a stylus pen. It's maddeningly frustrating for a still-independent adult to have to put up with faddish, self-absorbed designs. Yes, I know it's a brand thing, but designers need to consider the entire audience - even the ones that aren't part of the "target" demographic. He loves the internet - that's the only way he can see his great-grandchildren and the other members of his family, who all live out of state.
-Bob
-
The software that my company makes has contrast issues. There was a design fad a few years ago where light grey should be used, never white; and dark grey used, never black. Throw in some red-on-dark-grey error messages, and the results are unreadable. I'm in my late 40s and trying to convince people in a company where everyone is in their 20s that there is a problem is challenging. I think eventually, especially now that baby boomers are getting old, high contrast will become the norm. I remember trying to sell "accessibility features" 10 years ago was almost impossible. No one wanted to invest in something only a few people would use. Then smart phones became commonplace, and all of a sudden everyone wanted adaptable websites.
Yvan Rodrigues wrote:
trying to convince people in a company where everyone is in their 20s that there is a problem is challenging. I think eventually, especially now that baby boomers are getting old,
What's needed in our industry is basic market research and beta testing: study the demographics, match with the target audience, and do live product surveys! If you had 100 people in a room testing your app, and 20% of them said "I can't read this!", that would be Hugely (Bigly, even!) unacceptable. With the boomer population trending the way it is, you'll see higher numbers than that!
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
Teeny tiny fonts and low contrast are the natural result of equipping 25-year-old developers with gigantic monitors. They should have to program on their phones. When they are 50, they will regret the choices they made, but in the meantime it's a form of age discrimination. The world is just arriving at the point where display power consumption is proportional to how white the screen is. Low-contrast screens will, I hope, become known as power-hungry, and the developers will finally be permitted to override the industrial design people. Personally, the use of low contrast text displays is so pervasive that I keep my display in inverse-video mode, because the alternative is staring into a bright white lightbulb. Pitchforks and torches ready! Storm the Corporate towers! Death to designers!
-
Teeny tiny fonts and low contrast are the natural result of equipping 25-year-old developers with gigantic monitors. They should have to program on their phones. When they are 50, they will regret the choices they made, but in the meantime it's a form of age discrimination. The world is just arriving at the point where display power consumption is proportional to how white the screen is. Low-contrast screens will, I hope, become known as power-hungry, and the developers will finally be permitted to override the industrial design people. Personally, the use of low contrast text displays is so pervasive that I keep my display in inverse-video mode, because the alternative is staring into a bright white lightbulb. Pitchforks and torches ready! Storm the Corporate towers! Death to designers!
SeattleC++ wrote:
Teeny tiny fonts and low contrast are the natural result of equipping 25-year-old developers with gigantic monitors. They should have to program on their phones.
ROFL! Couldn't agree more! But wait!--- maybe the "designers" are all in cahoots with the display mfgrs to force everyone to buy bigger monitors!! :)
SeattleC++ wrote:
Pitchforks and torches ready! Storm the Corporate towers! Death to designers!
HAHAHA! I'm sure you're on somebody's watch-list now! :laugh:
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
-
SeattleC++ wrote:
Teeny tiny fonts and low contrast are the natural result of equipping 25-year-old developers with gigantic monitors. They should have to program on their phones.
ROFL! Couldn't agree more! But wait!--- maybe the "designers" are all in cahoots with the display mfgrs to force everyone to buy bigger monitors!! :)
SeattleC++ wrote:
Pitchforks and torches ready! Storm the Corporate towers! Death to designers!
HAHAHA! I'm sure you're on somebody's watch-list now! :laugh:
B. L. Zeebub wrote:
Couldn't agree more! But wait!--- maybe the "designers" are all in cahoots with the display mfgrs to force everyone to buy bigger monitors!! :)
I don't think so, but it might explain why cell phones are getting too big to put into your pocket.
B. L. Zeebub wrote:
SeattleC++ wrote:
Pitchforks and torches ready! Storm the Corporate towers! Death to designers!
HAHAHA! I'm sure you're on somebody's watch-list now!
For pitchforks and torches? They'll never take me alive.
-
B. L. Zeebub wrote:
But, it's my belief that there's NO "one size fits all" solution
There is; but that's based on science, not opinions of designers.
B. L. Zeebub wrote:
I'm partially color-blind, and have glaucoma, and find yellow-on-maroon to be the most readable for ME. It's truly a Personal Preference issue that should be user-accessible, admittedly with reasonable defaults, but not constrained by design/dev/os/browser.
There was this kid in school who was visually impaired and used the high-contrast setting (yellow/black). It would hurt our eyes, but was readable to him. After that, came the designers that knew better and would not adhere to the default Windows colors. Software needs to be developed quickly, and the accessability options were ones of the first to be cut.
Bastard Programmer from Hell :suss: "If you just follow the bacon Eddy, wherever it leads you, then you won't have to think about politics." -- Some Bell.
-
The worst part is that (IMO) this *was* a mostly solved problem. Plenty of very usable desktop apps out there. Then it all went to sh*t, it seems, when "designers" forced themselves to "rethink" user interfaces when tablets came out. And in the process made everything worse for everyone. As a developer, I genuinely feel we've taken a few steps backwards in terms of usability. I can't wait for things to move forward again.
Well said ... :-) :thumbsup: There is some analogy with noisy office computers 10-15 years ago, when I was the one always complaining about these "vacuum cleaners", but now, noisy office computers are simply "not done" :-). So, let's hope that clumsy GUI design will fade away too ... Right mentality is necessary to achieve this I think, and courage among GUI developers to "take care", be more professional in a good sense ... :-)
-
Take a look at Tape Measures the ones most used by Carpenters Yellow and Black and now they have the little 1/8 marks in RED Perhaps UI design people need a look at how other professions do things
-
Kiddie coders and a product of the me-myself-and-I generation.
-
Take a look at Tape Measures the ones most used by Carpenters Yellow and Black and now they have the little 1/8 marks in RED Perhaps UI design people need a look at how other professions do things
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
I regularly peruse the lists of films at Apple trailers. In particular the Genres list. For some unknown mysterious reason Apple presents the names of the genres in the list of films in exactly the same font and font size and font color as the names of the films. So is "Thriller" a genre or a Science Fiction film? So how do I find a particular genre? I have written to them many times over many months suggesting they display the genre name in a different font or size or color with no effect.
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
-
So, as a disclaimer, I'll admit that my vision isn't what it was when I was 20-something. (Duh!) But, all of you UI/UX architects/designers/developers (and paying Clients of those folks!) please hear me out: I'm going to start with a simple example of what is a) very common, and b) crappy design. I went to the website of a well-known medical services provider, whose identity will remain undisclosed, using their otherwise very-well-designed IOS app. I browsed to some of my own relevant patient history information, and was presented with a page of very tiny font, expressed in a light blue on white background - TOTALLY UNREADABLE! And to add insult to injury, there was no ability to ZOOM the page content!! What CRAP! Of course, I've sent a complaint to the appropriate "customer service" people; I don't expect anything to change anytime soon, so for now, I use a desktop browser to access the info. But it occurs to me that the one basic readability issue still exists: light blue on white! "Turn on high-contrast mode" you say... uh huh, ask anyone who's putzed with that for any length of time how well that works! BLECH! What we need is some recognition that visual contrast is IMPORTANT for avoiding fatigue, and that being CUTE with fonts and color schemes is doing your customer a disservice! Knock it off! And a suggestion for BROWSER designers/devs: I want a browser-level feature to allow me to specify a HARD OVERRIDE of font and background parameters in any webpage's CSS that I access. We need to provide user-level control over visual accessibility. Ya, I know this is a challenge - I'm a developer too. But we need to pay attention to making whatever it is we're presenting, readable and useful.
-
There is an accessibility rule regarding this: WebAIM: Contrast and Color Accessibility - Understanding WCAG 2 Contrast and Color Requirements[^] In your complaints be sure to mention that guideline.
Great pointer! Thanks for that!
-
I like “dark mode”, and use it when it’s available. I wish cp had a dark mode.
".45 ACP - because shooting twice is just silly" - JSOP, 2010
-----
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-----
When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013#realJSOP wrote:
“dark mode”
In this household, "dark mode" is when I turn off the monitor for the night. :-D In all seriousness, I try to like dark mode, but the problem is, on a bright day, with the sun beaming through a window, I can't see anything on a dark monitor. Dark backgrounds only make the dust layer more visible.
-
Totally agree. The trend, esp on mobile apps, to use a light colour font on a white background and/or use 0.01pt font size is just stupid. Either a) the phone is big enough that there's space to make the fonts a little bigger. Teeny tiny words with a ton of space around is pointless b) the phone is small in which case you NEED bigger fonts Make the contrast better and that certainly helps. Apple has specific guidelines on this. Which they themselves ignore. :doh:
cheers Chris Maunder