Maximizing UX in Grayscale
In UI design, many people are relying on colors or are drawn to colors to differentiate things, like illustrating the meaning of two different buttons or distinguishing a link from a regular text. However, if a user is colorblind, they may not perceive the difference. This online UX design education blog will help you build an interface that’s accessible for everyone.
Wireframe First
As a designer who has red and green colorblindness, one thing I like to do is work in as much detail as possible for the final version of wireframes for my app design or web design. I’ve found that’s really, really helpful in my work itself. You can look at a detailed wireframe as if you’re looking at a black-and-white version of your design. Working in as much detail as you can to create a UI with just black, white, and gray allows you to create a visual hierarchy for someone to successfully navigate and use your interface.
Adding Color
Black, white, and gray have a definite contrast of tonality in UX design. Use that tonality to define your color usage as well. When you’re adding colors to your UI, you can base the contrast of the colors in terms of the black and white and gray tonal contrast.
Back to Basics
I think sometimes when we give ourselves a limited amount of tools, we actually create a more accessible UX design. This is another reason why I say start in black, white, and gray. Try to reduce your tool kit first, and then design a successful UI. Then on top of that, you can add colors to make your UI design a little bit more exciting.
