Consistency and standards

Consistency and standards across your interface help ensure that users will never question or wonder whether different words, situations, or actions mean the same thing. Create standards for how you use each element within your design, from colors to icons, and keep them consistent throughout the site.

There are 4 types of consistency designers should consider when working on their projects:

• Visual: visually consistent elements like buttons, menus, labels, fonts, etc., help users learn the ropes of the product faster.
• Functional: the same controls and components should function similarly. It makes a system more predictable and helps users feel safer and relaxed.
• Internal: this type includes both visual and functional consistency within a specific product.
• External: this type includes both visual and functional consistency across multiple systems/products. For example, all Google products use the same fonts, icons, or colors, and similar components, e.g., a search bar, function similarly.