What Makes a UI "Bad"?
User Interface (UI) design is the process of making digital products intuitive, accessible, and visually pleasing. When designers ignore human psychology and usability principles, the result is a Bad UI.
A bad UI isn't just "ugly"; it actively prevents the user from achieving their goal. It causes frustration, rage-clicks, and ultimately forces the user to abandon the application entirely.
Classic Bad UI Examples
1. The Impossible Phone Number Input
Instead of a simple text field, imagine a dropdown menu containing every single possible phone number in the world, sorted randomly. Or a slider where you have to perfectly land on a 10-digit number. This is a classic joke among developers, highlighting the importance of using the right input element.
2. Microscopic Hitboxes
Have you ever tried to close a popup ad on your mobile phone, but the "X" button is so tiny that you accidentally click the ad instead? This is a violation of Fitts's Law, which states that the time required to move to a target depends on the distance to it and its size.
3. Deceptive Patterns (Dark Patterns)
These are UIs designed to trick users into doing things they didn't intend, such as hiding the "Unsubscribe" button in invisible text, or pre-checking a box that signs you up for a paid subscription. This is considered unethical design.
Why We Built a Bad UI Simulator
Our interactive Bad UI Simulator is designed to be an educational tool (and a frustrating game). By experiencing terrible design choices firsthand—like buttons that run away from your mouse, unreadable contrast ratios, and forms that reset themselves—you develop a deeper appreciation for clean, accessible, and user-centric design (UX).