Individual HTML example · Interface interference

Annual upgrade dominates monthly continuation

A fictional software trial uses a large highlighted annual-upgrade card and places the existing monthly option as low-contrast text beneath testimonials.

False hierarchySoftware trialSubscription

This is an original fictional comparison. It depicts no real company and is not a legal finding or safe harbour.

Software trialSubscription

Annual upgrade dominates monthly continuation

A fictional software trial uses a large highlighted annual-upgrade card and places the existing monthly option as low-contrast text beneath testimonials.

Potentially problematicRecommended annual plan

Recommended annual plan. The existing monthly path is separated and de-emphasised.. Displayed amount: €240: €240 billed now. Choose monthly or annual

Neutral alternativeCompare billing options

Compare billing options. Annual and monthly prices, commitments and controls receive comparable treatment.. Choose monthly or annual. €240 billed now. Price, period and commitment, expanded: The price and material terms associated with “Choose monthly or annual” remain beside this choice.

Why the first version can mislead: The presentation changes what the user can notice or predict at the subscription decision. The problematic state shows: “The existing monthly path is separated and de-emphasised.” Its influence should be tested by comparing the consequence and usability of “€240 billed now” with “Choose monthly or annual”. A subscriber may enter a longer commitment without noticing the viable monthly alternative.

What a fairer design does: Show annual and monthly options together with total price, billing period and equivalent controls.

Show annotated differences (2)
Potentially problematic version
  • Choose monthly or annualIn “Annual upgrade dominates monthly continuation”, this element shows how false hierarchy can shape the decision.
Neutral alternative
  • Price, period and commitment, expanded: The price and material terms associated with “Choose monthly or annual” remain beside this choice.In “Annual upgrade dominates monthly continuation”, this element keeps the clearer alternative visible at the same decision point.
Review questions (3)
  • Do “€240 billed now” and “Choose monthly or annual” receive comparable prominence and explain their consequences before activation?
  • Place the compared prices, billing periods and material terms on one evidence sheet; where does it support “The business-favoured option is identified with evidence”?
  • What neutral rendering or comprehension result would falsify the classification, particularly in light of “visual difference with no identifiable business-favoured consequence”?
Side-by-side software trial interface showing “Recommended annual plan” and the clearer alternative “Compare billing options”.Provenance: Original hypothetical software trial example created for this library; no real business, product or interface is depicted.

Complete pattern context

How this example relates to False hierarchy

Parallel options are presented as if one were hierarchically primary, giving a business-favoured option materially greater visual or interactive prominence. The label describes a recurring design mechanism; whether a particular implementation is harmful or unlawful depends on the complete journey, audience, evidence and rules within scope.

The full guide explains inclusion and exclusion criteria, harms, fair design principles, evidence questions and the relevant EU legal information layers. The example page isolates one scenario so it can be shared and discussed without reproducing the complete library on one page.

Continue comparing

False hierarchy

Consent choices with unequal prominence

Privacy choiceSignup

A fictional service displays a full-width coloured “Accept all” button while “Use necessary data only” is a faint text link after several paragraphs.

Open this example

Bundled options

Ticket and travel pass presented as one package

Event bookingCheckout

A fictional ticket seller offers a concert ticket only through a control that also adds a city travel pass, although the travel component is separately deliverable and not required for entry.

Open this example

Bundled options

Support and migration locked into one plan

Business software pricingPricing

A fictional service offers a core plan only as a bundle with premium support and data migration, while implying those extras can be removed later although no controls exist.

Open this example
Sources and provenance for this example

Evidence base

Sources

  1. Dark commercial patternsOrganisation for Economic Co-operation and Development · Secondary · checked 2026-09-14 · OECD Digital Economy Papers No. 336
  2. Unfair Commercial Practices DirectiveEuropean Parliament and Council of the European Union · Primary · checked 2026-08-09 · Directive 2005/29/EC; CELEX 02005L0029-20220528
  3. Digital Services ActEuropean Parliament and Council of the European Union · Primary · checked 2026-08-09 · Regulation (EU) 2022/2065; CELEX 32022R2065
  4. Digital Fairness Act: call for evidence for an impact assessmentEuropean Commission · Primary · checked 2026-08-09 · Initiative 14622; Ares(2025)6275573