Day04 of #100DaysOfCode

Photo by Arnold Francisca on Unsplash

Today, I learned about Interface Components and what part color plays in the UI design of a web application

Interface Elements

As per usability.gov, these can be classified into four groups:

1. Input Controls — elements that allow the user to enter or input some information.
2. Navigational Components — elements that show precisely where you are in the application’s structure or allow you to move in different directions.
3. Informational Components — elements that show the status or information, such as when the user needs to make a decision.
4. Containers — elements that group information by various attributes.

Intuitive Elements

• Checkboxes
• Radio-Buttons

Colors

Almost all interfaces use “neutral colors”. Interface colors are usually a combination of white, grey, and a dark tone, with an accent color to highlight the application’s interactive elements

It is nice to have contrasting colors as that makes the app more enjoyable and also helps people with visual impairments.

Useful links

1. https://coolors.co/ — for generating color palettes
2. https://www.color-hex.com/ — Hex codes for colors
3. https://abc.useallfive.com/ — for accessibility test
4. https://www.werkbot.com/blog/ada-compliance-a-vs-aa-vs-aaa — ADA Compliance check