Skip to content
frugavo

Visual hierarchy in cancellation flows: how the research framed it

The HCI literature on visual hierarchy and dark patterns. Gray et al.'s taxonomy and Mathur et al.'s empirical findings.

4 min read·

Visual hierarchy in cancellation flows is documented in the HCI literature as the misdirection category of dark patterns.

Gray et al. proposed an influential taxonomy in their 2018 ACM CHI paper, identifying five strategies designers use to influence user choices against the user's interest. Interface interference — manipulating the visual interface so that legitimate actions are harder to find or perform — is one of the most prevalent.

Gray et al.: "Interface interference… is any manipulation of the user interface that privileges certain actions over others, thereby confusing the user or limiting discoverability of important action possibilities." — Gray, C. M., Kou, Y., Battles, B., Hoggatt, J., & Toombs, A. L. (2018). "The Dark (Patterns) Side of UX Design." Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems, Paper 534.

Mathur and colleagues' 2019 audit operationalized this category by quantifying its presence across 11K shopping websites, finding hundreds of instances of visual hierarchy used to obscure cancellation, opt-out, or downgrade options.

Mathur et al.: "We document many instances of interface interference, where… UI elements direct user attention to options that benefit the seller." — Mathur, A. et al. (2019). ACM CSCW, 3(CSCW), Article 81.

The practical pattern is consistent across the audit: the retention CTA is rendered in the service's primary brand color at high contrast, while the cancellation option appears as a small low-contrast text link, often below the fold or to the side. Eye-tracking research broadly confirms that users follow visual hierarchy when scanning a page, which means the cancellation option is, in functional terms, harder to find regardless of whether it is technically present.

The 2024 FTC Click-to-Cancel rule explicitly addresses this by requiring that cancellation paths be at least as accessible as signup paths. Visual prominence is part of that comparison in the Commission's reading.

References

  • Gray, C. M., Kou, Y., Battles, B., Hoggatt, J., & Toombs, A. L. (2018). ACM CHI, Paper 534.
  • Mathur, A. et al. (2019). ACM CSCW, 3(CSCW), Article 81.
  • U.S. FTC. (2024). Negative Option Rule.

Related: Dark patterns · Click-to-cancel law · What is a dark pattern

Keep reading

Back to the Library