The reason the dismiss button is smaller than the continue button

A modal asks “Continue watching?” The “Yes” button is large, blue, and centred. The “No thanks” link is small, grey, and tucked into the bottom-right corner. In usability tests, twelve percent of users who intended to stop clicked “Yes” because the dismiss option required extra visual search. The design made stopping harder than continuing.

What everyone sees

Button sizes are attributed to visual hierarchy: the primary action should be prominent, and the secondary action should be subdued. This is standard UX practice, taught in every design course. The assumption is that the hierarchy reflects the user’s likely preference, not the company’s.

What is actually happening

Brignull’s taxonomy of dark patterns identifies this as a “misdirection” pattern: the interface steers attention toward the desired action and away from the alternative. Gray et al.’s research on dark patterns in mobile apps found that asymmetric button design is one of the most prevalent deceptive patterns, precisely because it hides behind legitimate UX conventions. Fitts’s law predicts that smaller, more distant targets take longer to acquire, and the design exploits this by making the dismiss action physically harder to reach.

Why it stays hidden

The manipulation hides behind design convention. A prominent primary button and a subtle secondary button look exactly like good design, and the user cannot tell whether the hierarchy reflects their preference or the company’s revenue goal. The two are visually identical.