Hot answers tagged

6

The only benefit of choosing a white background over a light grey background is that it arguably gives you a broader range of text colours that you can use, and still remain within accepted usability and accessibility guidelines. In other words, if you want to use blue text you would be able to use a slightly lighter shade of blue on a white background, ...


3

You might be good just switching arrow directions (pardon the ASCII art): Read: arrow points away from the icon []-> Write: arrow points towards the icon ->[] I'm basing the suggestion on the data flow direction (when reading, data "goes out", when writing data "goes in")


3

"Green turns to grey" is not strictly true - For Deuteranopes (the most common form of colour blindness) green turns to a sort of murky brown colour that would be distinguishable from grey. You can check this for yourself with one of the many browser plugins that re-colour pages as colourblind users would see them. This effectively solves the problem of ...


2

No, there are no standard colours used for "read from" or "write to". So other than choosing icons which are clear in the first place (those that you show are not), the important part is that you are consistent in your colours if you decide that you need to have different colours in the first place.


2

I made some simulations with ColorOracle: It looks like it works just fine for red-green colorblindness (deuteronopia and protanopia) but those with blue-green issues (tritanopia) will have a hard time seeing things. And that's something you can't quite fix with a slight palette adjustment. You'd have to move the green all the way over to yellow, or you ...


2

Text Color & Contrast Pick a text color that has enough contrast with the background color to be visible to all users. Check the contrast level with the WebAIM Color Contrast Checker site. Avoid pure black (#000) against a white background because that can make letters dance for readers with dyslexia, but #222 (which is slightly lighter than pure black) ...


1

Cubase (digital audio workstation) uses red for writing and green for reading automation values (it also uses 'W' and 'R') BUT you should never rely on colour for indication of status - especially if you're using red and green! As has been pointed out in the comments, your icons are not clearly defined. Make sure they're easily readable in monochrome before ...


1

I think it doesn't really matter for the healthy users as long as the content is easily readable. However, you should consider testing the contrast for the color blind and visually impaired users. A way to do it is to use the NoCoffee Chrome extension which can simulate a lot of vision impairments. You need to test the Low Contrast Sensitivity.


1

I'm not sure about strategies to mitigate a white background but if light grey works best and allows you more versatility with the layout color scheme, then by all means use it. If you think it's less glaring than a white background then why not create a mockup and run a quick user test to see what users prefer. Otherwise your rationale for a grey background ...


1

For me, the bubbles are only to make it look attractive and noticeable. Use any color that matches with your app theme, just make sure that its not causing readability problems to the user.


1

Found some good suggestions here: https://www.nia.nih.gov/health/publication/making-your-website-senior-friendly and here: http://www.nngroup.com/articles/usability-for-senior-citizens/ I would also add: Allow font sizes to be changed. Do not prevent them. Make help easy to find - use tooltips & cover every possible option in your FAQ or help pages. ...



Only top voted, non community-wiki answers of a minimum length are eligible