Interface Interference
UI elements deliberately designed to manipulate attention, obscure critical actions, and guide users toward choices they wouldn't otherwise make.
What Is Interface Interference?
Interface Interference is the umbrella category for visual and interaction design tricks that manipulate user behavior. It encompasses visual hierarchy manipulation, deceptive button styling, confusing layouts, and attention misdirection — any UI element designed to make the user's preferred action harder to find or execute while making the company's preferred action prominent.
Key Techniques
- Visual hierarchy manipulation — Making the "Accept All" cookies button large, colorful, and prominent while making "Reject" or "Manage Preferences" a tiny, low-contrast text link. Studies show this approach results in 95%+ acceptance rates vs. 50% when buttons are styled equally.
- Asymmetric button styling — "Subscribe" appears as a vibrant filled button while "No thanks" is a barely visible text link with no border. The asymmetry creates a visual "path of least resistance" toward the company's preferred action.
- Moving targets — Elements that shift position just before the user clicks, or "Accept" buttons that load faster than "Decline" alternatives, causing accidental clicks.
- Toggly confusion — Settings pages where some toggles mean "ON = sharing your data" and others mean "ON = protecting your privacy," creating cognitive overload that leads users to accept harmful defaults.
- Information density attacks — Burying critical information (price, commitments, auto-renewal) in dense blocks of text that users are trained to skip, while highlighting positive messaging in clear, scannable formats.
Severity Assessment
High — Interface interference enables most other dark patterns. Cookie banners with asymmetric buttons affect billions of users daily. The EDPB's cookie banner guidelines and the CNIL's enforcement actions (€150M Google fine, €60M Facebook fine) specifically target visual hierarchy manipulation in consent interfaces.
Legal Status
🇪🇺 EDPB Cookie Banner Guidelines
"Reject all" must be equally prominent as "Accept all." Asymmetric button styling in consent interfaces is a GDPR violation. CNIL fined Google €150M for this practice.
🇺🇸 FTC Dark Patterns Report
The FTC identifies "asymmetric design" as a core dark pattern technique. While no standalone rule targets visual hierarchy, it's a factor in broader enforcement actions.
🇪🇺 Digital Services Act
The DSA prohibits interface designs that "distort or impair" the ability of users to make autonomous decisions. Manipulation through visual hierarchy is explicitly covered.
Remediation
- Equal prominence — All choices in a decision point should have equal visual weight.
- Consistent toggles — All toggles should work the same way (ON = enabled) with clear, unambiguous labels.
- Scannable critical info — Price, commitments, and data practices should be in scannable format, not dense paragraphs.
- A/B test ethics — A/B test for UI clarity, not for maximizing accidental clicks.
UI ethics and compliance audit? Book a UX audit →