The Golden Rule: Don't Make Me Think

Learn the core principles of effortless UI design. Master conventions, visual hierarchy, and simplicity with interactive before/after comparisons.

The Core Principle: Zero Cognitive Load

Steve Krug's famous rule 'Don't Make Me Think' isn't about dumbing things down. It's about removing unnecessary mental effort. Every time a user has to pause and figure something out — 'Is this clickable?', 'Where do I go next?', 'What does this icon mean?' — you've added friction.

The best interfaces feel obvious. Not because they're simple, but because they use patterns people already know. The sign of great UX isn't that it's minimal — it's that it's effortless.

Stick to Conventions (Seriously)

Logos go top-left and link home. Navigation sits at the top or left side. Blue underlined text is a link. Shopping carts have a cart icon in the top-right. Search bars have a magnifying glass.

Every time you deviate from a convention, you're spending the user's mental energy. Innovation in UI patterns rarely pays off — users don't want to learn your clever new navigation paradigm. They want to find what they came for.

The only time to break conventions is when you have strong data showing your alternative is measurably better for your specific users.

*

When a client says 'we want to be different,' remind them: be different in your product value, not in how your dropdown menus work.

Visual Hierarchy: Guide the Eye

Users don't read pages — they scan them. In about 3 seconds, they decide if this page has what they need. Visual hierarchy determines what they see in those 3 seconds.

The hierarchy tools: size (bigger = more important), weight (bolder = more important), color (higher contrast = more important), position (top-left gets seen first in LTR layouts), and whitespace (more space around something = more important).

One primary action per screen. One headline that explains the page. Everything else supports those two things.

Interactive Demo
MyAppNEW!
Home|Products|Features|Pricing|Blog|About|Contact|FAQ
LIMITED OFFER!!!

The BEST ALL-IN-ONE Platform For EVERYTHING

We do CRM, analytics, email marketing, project management, invoicing, support tickets, and more! 50% off today only!

CRM
Analytics
Email
Projects
Invoicing
Support
Chat
Files
Subscribe to our newsletter for weekly tips! Enter email...
Issues in this UI
  • 5 competing CTAs — which one should I click?
  • Vague value prop — 'everything for everyone' means nothing
  • 8 nav items — cognitive overload
  • Rainbow colors — no visual hierarchy
  • Newsletter popup — interrupts before giving value
  • 8 features shown equally — nothing stands out

“Don’t make me think” — Steve Krug. Users scan, they don’t read. Remove anything that doesn’t directly help the user achieve their goal.

Remove Until It Breaks

The best way to improve most UIs: remove things. Every element on screen competes for attention. That decorative illustration? The 'featured' badge? The third CTA? The subtitle under the subtitle?

Ask of every element: 'If I remove this, does the user fail to complete their task?' If not, it's a candidate for removal. Simple doesn't mean minimal — it means nothing unnecessary. A dashboard can be complex and still feel simple if everything serves a clear purpose.

Key Takeaways

Zero cognitive load is the goal — users should never have to think about how to use your UI
Follow conventions: logos top-left, nav at top, blue links, standard icons
Users scan in 3 seconds — visual hierarchy decides what they see
One primary CTA per screen, one clear headline
Remove elements until removing more would break the experience
Simple ≠ minimal — complex UIs can feel simple if well-organized

Related Guides & Tools

Want the full picture?

This free tool checks one slice of UX. Picopi audits your entire page — issues, screenshots, and fixes — web or mobile.