How do you create visual hierarchy on a screen so users know what to look at first?

What the interviewer wants to hear

• Decide the most important content and action first
• Use size, weight, colour and contrast
• Use spacing, grouping and position
• Limit competing elements; one primary action
• Check with a squint or blur test and with users

Model answer

I start with content, not styling: what is the one thing the user must understand, and what is the main action on this screen? Then I use visual tools to express that order. Size and weight make headings and key numbers stand out, while colour and contrast draw attention to the primary button, so there is only one strong call to action. Spacing and grouping show which elements belong together, and position matters too, since people scan from the top and along the reading direction. I keep secondary actions quieter, for example as text buttons. To check, I do a squint or blur test to see what stands out, and I test with users by asking what they notice first and what they would do next. If their answers match my intent, the hierarchy works.

More easy UI/UX Designer questions

• What is the difference between UI and UX design?
• Walk me through your design process.
• What is usability testing and how would you run a simple one?
• Why does accessibility matter, and what basic things do you check in your designs?
• What is a design system and why do teams use one?
• What does designing mobile first mean, and why is it useful?
• What are Nielsen's usability heuristics, and how do you use them in your work?
• How do you set up and use components in Figma so a design stays consistent and easy to change?
• What makes a good form? Walk me through the principles you follow.