Clear
Affordance
Style action buttons with equal visual weight so users choose based on understanding their intent, not designer-implied hierarchy.
Design Guidelines
Give equal visual prominence to "Accept" and "Customize" options by using identical button sizing, color treatment, and positioning.
Let button labels communicate function through clear, descriptive text rather than relying on visual emphasis to signal preference.
Reserve visual distinction only for truly destructive or irreversible actions such as account deletion, not for standard consent choices.
Test interfaces to ensure no option appears as the "default" or "expected" choice based purely on visual hierarchy, eliminating subtle design patterns that bias users toward data-permissive decisions.
Do's and Don'ts
Don’t
Use primary vs. secondary button styling to guide users toward acceptance
Apply visual hierarchy that signals one choice is preferred or expected
Design buttons to look like "Next" or "Continue" when they actually accept terms
Do
Let labels clarify function: "Accept All Terms" vs. "Review and Customize"
Ensure both options appear equally valid through neutral visual treatment
Make action consequences clear through explicit labels, not visual metaphors
Research Foundation
Visual hierarchy misled users into reflexive clicking without reading labels. One participant admitted:
"I assumed the 'Accept All' was the 'Next' button...one button was more prominent than the other...that was the button I was expected to tap" (P10).
The more-prominent "Accept All" button created false primacy through visual dominance rather than informed choice. This represents a subtle dark pattern where design decisions pre-determine outcomes (Mathur et al., 2019). Nielsen's (1994) usability heuristics emphasize that interfaces should match the real world and user expectations, and as such, visual hierarchy that contradicts user intent violates this principle.