Visual learning directory · 78 comparisons
Choose one of seven groups, then open the relevant pattern page to see its two original HTML comparisons side by side. This directory stays compact while every detail page retains the complete mechanism, neutral alternative, review questions and legal context.
Every scenario is fictional and depicts no real company. A visual similarity is a review prompt, not a legal finding or a safe harbour.
Seven pattern groups
Each row shows the example titles before you open a full pattern guide. Keep every group closed for a quick overview, or expand only the area relevant to your journey.
Conditions access to a desired function on an additional action, disclosure or commitment that is not inherently required for the user's goal.
Content continues automatically or lacks meaningful stopping cues, reducing deliberate control over time and attention. 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 service extracts contact information, sends or prepares unwanted invitations, or ties functionality to recruiting other people. 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.
Access or progression is conditioned on disclosing personal information that appears unnecessary, excessive or used for an insufficiently explained secondary purpose. 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.
Access is conditioned on accepting optional or separable data uses, communications or permissions as one bundled choice. 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 user must create an account, or is led to believe one is required, to complete a goal that could plausibly be provided without it. 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.
Desired functionality is practically conditioned on repetitive engagement or an additional payment not sufficiently clear at acquisition. 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.
Privileges business-favoured actions through visual, linguistic or structural presentation of choices and information.
Distinct products, services, permissions or purposes are grouped under one choice so the user cannot readily understand or select them separately. 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 volume or organisation of options or information makes meaningful comparison impractical and channels users toward a default or business-favoured path. 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.
Material guidance is presented in a language or level of complexity that makes informed choice materially harder for the target user. 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.
Option labels use shame, guilt, fear or asymmetric emotional framing to move the user away from the outcome they would otherwise choose. 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.
A promotional or biased action is presented as ordinary content or as a different control, causing interaction under a mistaken understanding. 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.
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.
A control does not let the user reasonably predict its material outcome before activation. 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.
Information relevant to the decision is absent or presented so ineffectively that it is unlikely to inform the user at the decision point. 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.
A comparison or prior price creates an inaccurate or insufficiently explained impression of savings. 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.
A business-favoured option with a plausible adverse consequence is active before a deliberate user choice. 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.
A more expensive or profitable option is made the practical focal choice through preselection, visual prominence or obscured lower-cost alternatives. 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.
A question or control uses confusing, reversed or leading semantics so the user's likely interpretation may not match the resulting choice. 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.
Repeatedly interrupts or asks the user to take a business-favoured action after the user has declined, deferred or ignored it.
A business-favoured request repeatedly interrupts the user after decline, dismissal or non-response without a durable way to stop it. 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.
Adds unnecessary friction, barriers or dead ends to dissuade the user from a choice, right or task.
Deleting an account is unavailable, disguised as another outcome or burdened by unnecessary barriers. 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.
Ending an existing subscription, recurring service or permission is made difficult to find or complete through unnecessary steps or channel asymmetry. 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.
Information needed to compare products, plans or consequences is presented in inconsistent, fragmented or unusable form. 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.
Access to support needed to resolve a purchase, account, charge or right is hidden or burdened by unnecessary loops and dead ends. 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.
A consumer-favourable route cannot reach its represented outcome and instead loops, stalls or loses progress. 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.
A proprietary currency makes the real monetary cost or remaining value unnecessarily hard to understand. 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.
A relevant alternative within the current decision is hidden, blocked or made materially harder than the business-favoured action. 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.
Privacy controls are fragmented, inconsistently labelled or layered so that limiting collection or use is unnecessarily difficult. 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.
Hides, disguises or delays material consequences so that the user takes an action they may otherwise reject.
The user selects a represented action or offer but receives a materially different outcome that favours the business. 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.
A mandatory or foreseeable charge is omitted, obscured or revealed only after the user has invested effort in the transaction. 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.
A transaction creates or continues recurring liability without effective, timely disclosure of the subscription, renewal and exit consequences. 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.
Silence, inactivity or an ineffective prior interaction is treated as authorisation for a paid or consequential transaction. 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.
A paid or consequential item is added to a basket or transaction without a clear, deliberate and specific user choice. 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.
Applies temporal or quantitative pressure through real, exaggerated or fabricated scarcity claims.
A visible countdown applies time pressure, particularly where it resets, is personalised without disclosure or has no corresponding consequence at zero. 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.
A claim of unusually high current demand is used to accelerate a decision without a clear or supportable basis. 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.
A textual deadline or temporary-reservation claim pressures action, particularly where the deadline renews or its stated consequence does not occur. 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.
A claim that few units remain applies purchase pressure, especially where inventory basis or persistence is unsupported. 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.
Evidence base
Social proof3 patterns · 6 examples
Social proof examples
Uses claimed behaviour, approval or popularity among other people to accelerate or steer a decision.
Activity messages
Claims about recent or current actions by other users are used to steer the decision, particularly where authenticity, timing or relevance is unsupported. 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.
Included comparisons
- Randomised recent-purchase notification
- Fabricated named signup notification
Open the complete pattern guide →Popularity claims
Aggregate popularity or approval is presented to steer a choice where the metric, population, period or basis is unclear or unsupported. 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.
Included comparisons
- “Most popular” has no defined metric
- Bestseller badge follows margin rather than sales
Open the complete pattern guide →Testimonials or endorsements
A named or attributed person's approval is used persuasively without sufficient authenticity, representativeness or relationship disclosure. 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.
Included comparisons
- Paid creator recommendation lacks disclosure
- Employee review presented as independent expertise
Open the complete pattern guide →