Interview frequency: …
Short answer
Use size, color contrast, weight, whitespace, and alignment to direct the user's eyes naturally to the most important information first.
Explanation
Without clear hierarchy, all elements compete for attention and visually overwhelm the user. Effective hierarchy makes the most important heading larger and heavier, gives it generous whitespace from surrounding content, and renders supporting text in smaller, neutral colors. Users can scan the page in a fraction of a second and understand the message before reading in depth.
Common mistakes
- Making every element prominent with the same size and loud color, removing the page's visual center of gravity.
- Ignoring text/background contrast, making secondary content tiring to read.