UI/UX Design Basics for MarketersLanding-page UX and mobile-first design · Lesson 13 of 21

Speed, trust and ethical persuasion

Article · 12 min · 8 min lecture

Video lecture

Speed, trust and ethical persuasion

12 chapters · about 8 min · full transcript

Coming soon

Chapter 1 of 12

Speed, trust and ethical persuasion

  • Three silent conversion killers
  • Core Web Vitals
  • Trust signals
  • Persuasion versus dark patterns

The narrated lecture is in production

Every chapter is scripted and ready. Browse the chapters and read the full transcript now — the video will appear here when it’s published.

Chapters

Three silent conversion killers

Visitors rarely complain about slow pages, hidden fees or manipulative tricks — they just leave, or they buy once and never return. This lesson covers performance, trust and the difference between ethical persuasion and dark patterns.

Performance

Slow pages lose visitors, especially on mobile connections. Google's Core Web Vitals measure key aspects of user experience:

MetricMeasuresCommon causes of poor scores
Largest Contentful Paint (LCP)How quickly the main content appearsHuge images, slow servers, render-blocking scripts
Interaction to Next Paint (INP)How quickly the page responds to interactionsHeavy JavaScript, too many third-party scripts
Cumulative Layout Shift (CLS)Visual stabilityImages without dimensions, late-loading banners, ads

Practical fixes for marketers:

  • Compress and correctly size images; use modern formats (e.g. WebP/AVIF) where supported.
  • Avoid autoplay background videos on mobile, or use very light versions.
  • Limit tracking pixels, chat widgets and third-party scripts — each adds weight.
  • Reserve space for images and embeds to prevent layout shifts.
  • Use tools like PageSpeed Insights or Lighthouse to diagnose, and test on real devices.

Trust signals

Trust determines whether visitors are willing to act.

Trust checklist
[ ] Clear business identity (name, location/contact, registration details where relevant)
[ ] Real testimonials and reviews (with consent), not cherry-picked to mislead
[ ] Transparent pricing including taxes, fees and delivery costs
[ ] Clear refund/cancellation terms
[ ] Privacy policy and cookie information
[ ] Secure, reputable payment options (including locally trusted methods)
[ ] Consistent, professional design and error-free copy
[ ] Responsive support channel (chat, email, WhatsApp)

Persuasion versus manipulation

Persuasion helps people make decisions that are good for them by making benefits, proof and next steps clear. Dark patterns (also called deceptive design) trick or pressure people into actions they wouldn't otherwise take.

Dark patternExampleEthical alternative
Fake urgencyCountdown timer that resets on refreshReal deadlines, stated honestly
Fake scarcity"Only 2 left!" when untrueAccurate stock levels
Confirmshaming"No thanks, I don't like saving money"Neutral decline option: "No thanks"
Sneak into basketPre-added insurance or add-onsOpt-in add-ons
Hidden costsFees appear only at the last stepAll-in price shown early
Roach motelEasy sign-up, very hard cancellationCancellation as easy as sign-up
Forced continuityFree trial silently converts with no reminderReminder before charging, easy cancel
Pre-ticked consentMarketing consent pre-selectedUnticked, specific consent
Disguised adsAds that look like content or reviewsClear labeling

Regulators increasingly target these practices. For example, the US FTC has acted against deceptive design and subscription traps; the UK's consumer-protection framework has been strengthened with new enforcement powers and rules on fake reviews and drip pricing; and the EU's Digital Services Act and consumer laws address manipulative interfaces. Similar consumer-protection principles apply in the Gulf and South Asia. Beyond legal risk, dark patterns damage trust, increase refunds and chargebacks, and hurt long-term customer value.

Where consent is required (for example under GDPR and the UK's rules for non-essential cookies), consent banners must offer genuine choice. Good practice: "Accept" and "Reject" options with equal prominence, clear categories, no pre-ticked boxes, and an easy way to change preferences later. Design banners so they don't block key content excessively on mobile.

Ethical persuasion toolkit

  • Clarity: specific benefits and honest outcomes.
  • Social proof: real reviews, representative results.
  • Authority: genuine credentials, real media coverage.
  • Reciprocity: useful free content before asking.
  • Risk reversal: real guarantees, easy cancellation.
  • Commitment: small first steps (a free call, a trial) with transparent terms.

Worked example: subscription sign-up

Before: price shown as "from $9" with a $29 setup fee revealed at checkout; annual plan pre-selected; cancellation by email only; timer "Offer ends in 10:00" resetting.

After: full price and setup fee shown upfront; monthly/annual choice with clear totals; cancellation in account settings; reminder email before renewal; honest launch discount with a real end date. Complaints and refund requests are then monitored alongside conversion rate.

Common mistakes

  • Adding scripts and widgets without checking performance.
  • Hiding fees to make prices look lower.
  • Using manipulative copy and fake timers.
  • Cookie banners designed to push "Accept all".

Core Web Vitals thresholds

Google's documentation describes "good" experiences at the 75th percentile of page loads, measured separately for mobile and desktop:

MetricGoodNeeds improvementPoor
LCP (loading)≤ 2.5 s2.5–4.0 s> 4.0 s
INP (responsiveness)≤ 200 ms200–500 ms> 500 ms
CLS (visual stability)≤ 0.10.1–0.25> 0.25

INP replaced First Input Delay (FID) as a Core Web Vital in March 2024. Use field data (from real users, shown in PageSpeed Insights and Search Console's Core Web Vitals report) to judge, and lab tools such as Lighthouse to diagnose.

Hands-on: fix the three most common marketing-page performance problems

1. The hero image (LCP). Serve a compressed, correctly sized modern format, give it dimensions, and don't lazy-load the image that is your largest content:

<img src="/img/hero-800.avif"
     srcset="/img/hero-480.avif 480w, /img/hero-800.avif 800w, /img/hero-1200.avif 1200w"
     sizes="(max-width: 600px) 100vw, 50vw"
     width="1200" height="800" alt="Instructor editing a short video on a laptop"
     fetchpriority="high">

2. Layout shift from late-loading banners and embeds (CLS). Reserve space before content arrives:

.promo-banner { min-height: 56px; }          /* space kept even before the banner loads */
.video-embed  { aspect-ratio: 16 / 9; width: 100%; }

3. Third-party scripts (INP and LCP). List every tag on the page (analytics, pixels, chat, heatmaps, A/B testing) and ask for each: who owns it, what decision it informs, and whether it can load later. Load non-essential scripts with defer or after consent, and remove tags nobody uses.

SCRIPT BUDGET
Tag | Owner | Purpose / decision it informs | Consent category | Load (early/deferred/after consent) | Keep?

Hands-on: a dark-pattern audit

Walk your page, pop-ups, checkout and cancellation flow and score each row: 0 = not present, 1 = borderline, 2 = present. Anything scoring 1 or 2 gets fixed or escalated.

[ ] Countdown timers that are real and stated honestly
[ ] Stock/scarcity messages accurate at the time shown
[ ] Decline options neutral ("No thanks"), no confirmshaming
[ ] Nothing pre-added to basket; add-ons are opt-in
[ ] Total price (including mandatory fees) shown early
[ ] Cancellation is as easy as sign-up; renewal reminders sent
[ ] Consent unticked and specific; "Reject" as prominent as "Accept"
[ ] Ads, sponsored content and affiliate links clearly labeled
  • United States: the FTC's "click-to-cancel" amendments to the Negative Option Rule were vacated by a federal appeals court in July 2025, and the FTC reopened rulemaking in 2026. The FTC continues to act against subscription traps and deceptive design under existing law, such as the Restore Online Shoppers' Confidence Act, and several states have their own automatic-renewal laws.
  • United Kingdom: the Digital Markets, Competition and Consumers Act 2024 gave the CMA direct enforcement powers from April 2025, including fines, and bans practices such as fake reviews and drip pricing (hiding mandatory fees until later in the purchase).
  • European Union: the Digital Services Act prohibits online platforms from designing interfaces that deceive or manipulate users, alongside existing consumer law.

How to measure success

Track Core Web Vitals field data for your key templates, conversion rate, and quality guardrails: refunds, chargebacks, cancellations within 30 days and complaints. Ethical persuasion shows up as stable or improving conversion with falling complaints and refunds.

Summary

Optimize performance using Core Web Vitals as a guide, build trust with transparency, and persuade ethically — avoiding dark patterns that increasingly attract regulatory action and erode long-term customer value.

Key takeaways

  • Core Web Vitals (LCP, INP, CLS) measure loading, responsiveness and visual stability.
  • Limit heavy media and third-party scripts; reserve space to avoid layout shifts.
  • Trust comes from transparency: identity, real proof, full pricing and clear terms.
  • Avoid dark patterns — they harm trust and increasingly attract regulatory enforcement.

Check your understanding

Quick questions to lock in the lesson. They don’t count towards your certificate.

  1. Which Core Web Vital measures visual stability?
  2. A countdown timer resets every time the page is refreshed. What is this?
  3. What is good practice for cookie consent banners where consent is required?

Put it into practice

Run PageSpeed Insights (or a similar tool) on one landing page and fix one issue. Then audit the page and checkout for the dark patterns in the table and replace any you find with ethical alternatives.

Enrol for free to save your progress

Reading is always free. Enrol to keep your place, take the final assessment and earn a verifiable certificate.