Describe the primary action
Rate the primary CTA's visual weight, competing elements, whitespace, and color distinctiveness.
VISUAL HIERARCHY CHECK
Determines whether the intended primary content and actions actually receive sufficient visual attention.
Planning guidance only. Validate important decisions with customer evidence and your delivery team.
YOUR INPUTS
Complete every field. The result updates only when you choose Calculate.
Rate the primary CTA's visual weight, competing elements, whitespace, and color distinctiveness.
Hierarchy Lens weighs how much the primary action stands out relative to everything competing with it.
Increase contrast, add whitespace, and demote competing elements, then re-run the score.
Continue learning: Who should approve MVP requirements?
Any button, link, or visual element with similar size, color intensity, or prominence to your intended primary action — it forces the user to choose between equals instead of following one clear path.
Both matter, but hierarchy is often what a user perceives in the first half-second before they read anything — a weak hierarchy can bury even great copy.
Screens can have multiple actions, but only one should carry primary visual weight at a time — secondary actions should visibly read as secondary.
| Feature | MVPHub | Five-second usability test | Manual design critique |
|---|---|---|---|
| Instant structured hierarchy scoring | Included | Limited | Not included |
| No participant recruiting needed | Included | Not included | Included |
| Real first-impression data from users | Not included | Included | Limited |
| Free | Included | Not included | Included |
A five-second usability test shows real first impressions from real users but requires recruiting participants. Hierarchy Lens gives a fast structural estimate before or alongside that testing.
Add this tool to your site with the canonical iframe below. It remains hosted and maintained by MVPHub.