In UI design, the principle of hierarchy guides attention based on importance. Which option correctly lists practical methods to establish hierarchy?

• A. Hierarchy is a stylistic preference with no impact on usability; best method is random color choices.
• B. Hierarchy is determined solely by the order of HTML elements without visual cues.
• C. Hierarchy guides attention based on importance; methods include size/scale, color/contrast, typography weight, spacing and proximity, and placement.
• D. Hierarchy is only about font size; other aspects are unnecessary.

Answer: (C)

The concept being tested is how visual prominence is used to signal what matters most in a UI. Practical ways to establish hierarchy include using size or scale to make primary elements larger so they stand out, and applying color or contrast to draw the eye to important items like calls to action or headings. Typography weight (bolder or heavier type) helps distinguish headings and emphasis points from body text, while spacing and proximity group related items together and create intentional separation between sections. Placement on the page also guides attention—placing the most important element where users naturally look first or along a logical reading path reinforces its priority.

Using these cues in combination tells users where to focus and how to navigate content quickly, improving clarity and usability. Other ideas fall short because they ignore how users perceive emphasis: choosing colors at random can confuse priority, relying only on the HTML element order without visual cues misses how people actually scan on a screen, and thinking hierarchy rests only on font size ignores the other powerful cues that convey importance and structure.