Disabled buttons seem like a quick fix, but often they create invisible friction.

Why Designers Use Them
  • To block premature clicks
  • To stop duplicate submissions
  • To “guide” users toward correct input
Why They Fail in Practice
  • Deceptive affordance (users think it should work)
  • Lack of feedback (no path forward)
  • Accessibility issues (low contrast, unlabeled for screen readers)
  • Reliance on “perfect validation systems” (which rarely exist)
Alternatives That Work
  • Allow clicks, then explain what’s missing (inline messages).
  • Progressive disclosure (e.g., activate button only when clear requirement met, but show why).
  • Microcopy as guidance (“Enter email to continue”).
When Disabled Buttons Do Make Sense
  • Post-action lockouts (e.g., prevent SMS spam).
  • Indicating action unavailable (after purchase, booking closed).

https://youtu.be/uEjidraxhAw?si=LXwMLdbUbe3uJWef

My Take as a UI Educator

In 20+ years of design, I’ve seen disabled buttons stall onboarding flows, cause support tickets, and frustrate teams. The trick: reduce uncertainty. Users forgive errors, but not dead ends.

Conclusion: Disabled buttons aren’t evil. They’re just overused. Use them only when they add clarity, not confusion.

For further insights, I recommend watching Nielsen Norman Group’s excellent breakdown on this topic: https://www.nngroup.com/videos/why-disabled-buttons-hurt-ux-and-how-to-fix-them/