Broken Windows UX happens when small, visible flaws in an interface, like typos, misaligned elements, or inconsistent colors, create a perception that the entire product is neglected or unreliable. Even if the core functionality works, those little cracks erode user trust and make the product feel less cared for.
ORIGIN
The term borrows from the “broken windows theory” in criminology and urban planning, popularized by James Q. Wilson and George Kelling in 1982. The theory suggested that visible signs of neglect (like broken windows or graffiti) lead to a sense of disorder and more serious problems over time. Mayor Rudy Giuliani and Police Commissioner William Bratton from New York City famously adopted this approach in the 1990s, leading to the “cleaning up” of the subway system.
In UX, the metaphor applies to design details: if users see small signs of sloppiness, they assume bigger problems might lurk beneath the surface.
WHEN
You’re dealing with Broken Windows UX when:
- Buttons or links don’t align consistently across pages.
- Error messages look unpolished, generic, or full of jargon.
- Spelling mistakes or placeholder text make it into production.
- A brand refresh leaves behind old, mismatched components.
- Interactions feel inconsistent, like one modal closing with “X” and another with “Cancel.”
It often shows up in legacy products, fast-paced releases, or teams that prioritize speed over detail.
WHY
Broken Windows UX matters because:
- Perception of quality. Users judge reliability by the surface. If the small stuff looks broken, they may distrust the big stuff.
- Erosion of trust. Tiny flaws can make users doubt whether their data, security, or transactions are safe.
- Signal of neglect. Just like a cracked sidewalk, sloppy design communicates that no one is maintaining the product.
HOW
Here’s how to keep windows intact:
- Audit regularly. Run design QA to catch small inconsistencies before they stack up.
- Use a design system. Centralized, reusable components reduce drift.
- Fix small things fast. Don’t let easy-to-fix issues linger because it signals indifference.
- Bake in polish time. Add time in sprints for design quality checks, not just features.
- Empower everyone. Encourage engineers, PMs, and QA to flag design details too.
PRO TIP
Don’t dismiss “small” issues as trivial. Fixing them can yield outsized improvements in user trust and perceived product quality.
EXAMPLES
- A banking app with inconsistent date formats that makes users question the accuracy of their balances.
- An e-commerce site with product photos of wildly different sizes, undermining brand professionalism.
- A SaaS dashboard where half the icons are flat and the other half are 3D leftovers from years ago.
CONCLUSION
Broken Windows UX reminds us that little details aren’t little at all, they’re signals of care. A polished product shows users it’s safe to trust.
Also Known As: UX cracks • Quality erosion • Design neglect