One Screen = One main Action

:brain: Why This Matters

As a UX/UI Designer, one of our key responsibilities is to guide the user, not confuse them. A screen with too many choices or actions can overwhelm users, increase cognitive load, and slow down decision-making.

The golden rule is:

Each screen should clearly communicate and support one primary goal or action.

When a user opens a restaurant page, what’s the core action they want to take?

:backhand_index_pointing_right: Order food.

Zomato understands this and designs the screen accordingly. Here’s what happens:

:white_check_mark: What You See (Primary Content):

  • Restaurant name & rating
  • Popular dishes or categories (e.g., Starters, Main Course, Desserts)
  • Prominent “Add to Cart” and “Order Now” buttons

:prohibited: What’s Not Shown Immediately:

  • Long reviews
  • Detailed about section
  • Restaurant photos
  • Maps or directions

:hammer_and_wrench: How You Can Apply This

Next time you’re designing a screen, ask yourself:

“What is the one thing the user needs to do on this screen?”

Then:

  • Design your layout, colors, and CTA to highlight that one task
  • Push secondary actions into tabs, modals, or next steps
  • Avoid giving equal visual weight to everything
1 Like