Skip to content

Top 3 UX/UI Redesigns That Make You Design Like a Pro — Transcript

Explore 3 UX/UI A/B tests that reveal how subtle design changes in paywalls, ride-hailing, and bookings boost conversions and user trust.

Key Takeaways

  • Small wording and layout changes can significantly boost user conversions by reducing cognitive load and uncertainty.
  • Transparency and clear communication build user trust, which is crucial for paywall and subscription success.
  • Specificity in pricing and timeline visuals help users make easier decisions and feel safer committing.
  • Designing for user psychology, not just aesthetics, leads to better product adoption and retention.
  • Effective UX/UI education focuses on practical skills that improve real-world design outcomes and career growth.

Summary

  • The video analyzes three A/B tests focusing on maps, paywalls, ride-hailing, and bookings to improve interface design.
  • It compares two similar screens (A and B) for each test, showing how small design tweaks can dramatically improve performance.
  • A key example is a paywall redesign where Screen B avoids a hard sell and instead uses transparency and a timeline to build trust.
  • Screen B’s paywall shifts the user’s mindset from 'Is this worth $19?' to 'Can I try this for free?' increasing conversions.
  • The video highlights psychological principles like transparency bias and the impact of wording on user commitment.
  • Button text changes from 'Subscribe' to 'Start' reduce perceived commitment and increase trial signups.
  • In ride-hailing, presenting a specific price rather than a price range increases booking rates by reducing uncertainty.
  • Visual elements that clearly show what users get (e.g., game characters vs. decorative art) improve user confidence.
  • The video promotes UX Peak Plus, a platform teaching advanced UX/UI skills focused on real-world conversion strategies.
  • Viewers are encouraged to try UX Peak’s free course and use a discount code for a deeper learning experience.

Full Transcript — Download SRT & Markdown

00:01
Speaker A
Today we're breaking down three A/B tests for maps, paywalls, ride hailing, and bookings that will completely change how you think about interface design. You're going to love it. For each one, we're going to show you two screens, A and B.
00:19
Speaker A
They look really similar. Both look fine, but one of them performs dramatically better. Pause the video on each one and see if you can spot which one won before we explain it. If you want, keep track of how many you guess
00:32
Speaker A
They look really similar. Both look fine, but one of them performs dramatically better. Pause the video on each one and see if you can spot which one won before we explain it. If you want, keep track of how many you guess
00:48
Speaker A
me which one you think is better. Okay, let's go. It's B. And here's the crazy part. B doesn't even try to sell you. That's exactly why it wins. Let me show you what's happening. Screen A is a classic payw wall. Big hero image with
01:03
Speaker A
right and let us know in the comments at the end. Look at these two screens. Same app, same price, same $19 a month, same free trial. One of them converts much better than the other. Pause the video and tell
01:11
Speaker A
Then three feature bullets with icons. Instant unlimited access, new games added weekly, membersonly rewards, and at the bottom, a big purple button that says subscribe and start 7 days for free. It's a perfectly reasonable screen. You've seen this layout a
01:29
Speaker A
me which one you think is better. Okay, let's go. It's B. And here's the crazy part. B doesn't even try to sell you. That's exactly why it wins. Let me show you what's happening. Screen A is a classic paywall. Big hero image with
01:45
Speaker A
haven't played a single game. They haven't felt any value. And now you're asking them to evaluate three bullet points and decide if that's worth $19 every month for the foreseeable future.
01:56
Speaker A
some space art. A bold headline. Get access to 1,000 plus futuristic and fun games. Then the price, $19 per month.
02:10
Speaker A
free trial works. Not here's what you get, not here's why you should pay, just here's how the free thing works. And the user's brain immediately shifts from is this worth $19 to can I try this for free? And the answer to that question is
02:24
Speaker A
Then three feature bullets with icons. Instant unlimited access, new games added weekly, members-only rewards, and at the bottom, a big purple button that says subscribe and start 7 days for free. It's a perfectly reasonable screen. You've seen this layout a
02:39
Speaker A
exactly what happens. Today, you unlock the full library. Day five, we send you a reminder that your trial is ending soon. Day seven, your first charge begins. Cancel any time before. Now, that day five line, that single line is
02:54
Speaker A
hundred times. And that's the problem. Because the moment a user sees this screen, the brain asks one question. Is this worth $19 a month? And that is a brutal question to land on someone who opened your app 30 seconds ago. They
03:08
Speaker A
informed decision." This triggers something called transparency bias. When a company proactively reveals a potential downside, users trust them more, not less. It feels like the company is on your side. And a user who trusts you is a user who converts. Now
03:23
Speaker A
haven't played a single game. They haven't felt any value. And now you're asking them to evaluate three bullet points and decide if that's worth $19 every month for the foreseeable future.
03:39
Speaker A
7 days for free, but it's too late. Screen B uses start. Start is light.
03:44
Speaker A
That's not a decision. That's homework. And the easiest answer to homework is, "I'll think about it later," which means never. Now look at screen B. Same price, same trial, but a completely different question. The headline says how your
04:00
Speaker A
brilliant because your brain hates uncertainty. Will there be a form? Do I need my credit card? How many steps?
04:06
Speaker A
free trial works. Not here's what you get, not here's why you should pay, just here's how the free thing works. And the user's brain immediately shifts from is this worth $19 to can I try this for free? And the answer to that question is
04:23
Speaker A
Screen A has this beautiful space illustration with planets and meteors. It's gorgeous, but it's decorative. It does not answer the question, "What am I actually getting?" Screen B shows actual game characters, different games, different styles, all visible. The user
04:40
Speaker A
obviously yes. You've gone from a hard question to an easy one. That's the entire game. But the way B delivers this is where it gets really smart. There's a timeline. Three steps. Today, day five, day seven, and each one tells you
04:56
Speaker A
subscribe. Screen B says start. Screen A hopes you'll trust them. Screen B proves they're trustworthy by promising to remind you before they charge you. Same app, same price, same offer, but one feels like a sales pitch and the other
05:12
Speaker A
exactly what happens. Today, you unlock the full library. Day five, we send you a reminder that your trial is ending soon. Day seven, your first charge begins. Cancel any time before. Now, that day five line, that single line is
05:26
Speaker A
a new design learning platform that teaches the advanced UX and UI skills designers actually need today. Most design education still teaches the same basics. how to pick a type face, how to space your buttons, and how to use
05:39
Speaker A
doing more psychological work than all three feature bullets on screen A combined because it says, "We will warn you before we charge you." Think about what that communicates. It says, "We're not trying to trap you. We're actually going to remind you so you can make an
05:52
Speaker A
How the best apps onboard new users so they stick around past day one. The pricing psychology top SAS companies use to drive conversion.
06:02
Speaker A
informed decision." This triggers something called transparency bias. When a company proactively reveals a potential downside, users trust them more, not less. It feels like the company is on your side. And a user who trusts you is a user who converts. Now
06:17
Speaker A
companies like Spotify, Notion, Airbnb, and Dolingo actually design their products. It's the kind of learning that makes you genuinely better. The kind that gets you promoted, makes your designs convert, and gets people to actually use what you build. We're also
06:31
Speaker A
look at the buttons. This seems like a tiny difference, but it's massive. The word subscribe carries commitment's weight. Your brain hears subscribe and thinks recurring payment. Hard to cancel. I'm locked in. And then the button tries to soften it with and start
06:37
Speaker A
But you don't have to decide blindly. You can start for free at uxpeak.com with free course and no credit card required. And if you decide to join, use code ux peak 20 to get 20% off with our launch offer. You'll also have a 7-day
06:50
Speaker A
7 days for free, but it's too late. Screen B uses start. Start is light.
07:03
Speaker A
happens when the problem isn't the words, it's the number, not how much you charge, how you show it. Look at these two ride hailing screens. Same ride, same route. Same Tuesday afternoon. One of them gets significantly more bookings. The other one was actually
07:20
Speaker A
Start implies a beginning, not a commitment. And notice it says my free trial, not your free trial. My. That one word creates a sense of ownership before you've even tapped the button. And then underneath, start in two taps. This is
07:31
Speaker A
It's B. And no, it's not because it's cheaper. The average fair is almost identical. The difference is entirely in how the price is presented. Version A shows price ranges. Go X 13 to $17.
07:45
Speaker A
brilliant because your brain hates uncertainty. Will there be a form? Do I need my credit card? How many steps?
08:03
Speaker A
Go X feels like a $17 ride you might get lucky and pay 13 for. And you're doing that mental negotiation on three options simultaneously. Go X could be 17.
08:14
Speaker A
Start in two taps kills every single one of those questions with a number. Not quick setup, not easy setup. The number does the convincing. It's the same reason delivery in 23 minutes converts better than fast delivery. Specificity is trust. Look at the hero images.
08:24
Speaker A
Version A asks, "How much are you willing to risk?" Version B asks, "Which one do you want?" Easy questions get fast answers. One number per ride. No range, no negotiation. Your brain compares three clear prices in about 2
08:37
Speaker A
Screen A has this beautiful space illustration with planets and meteors. It's gorgeous, but it's decorative. It does not answer the question, "What am I actually getting?" Screen B shows actual game characters, different games, different styles, all visible. The user
08:46
Speaker A
Under go x, it says 12:53 p.m., 2 minutes away. This reframes a cost decision into a convenience decision.
08:54
Speaker A
can immediately see what they're subscribing to, and you can't commit to something you can't visualize. So, here's the full picture. Screen A asks a hard question. Screen B asks an easy one. Screen A lists features. Screen B shows a timeline. Screen A says
09:06
Speaker A
categorizes this as the smart choice. A single green word did the thinking for you. And one more. There's a destination card on the map before you even see the right options. The Weston St. Francis San Francisco. That's commitment
09:20
Speaker A
subscribe. Screen B says start. Screen A hopes you'll trust them. Screen B proves they're trustworthy by promising to remind you before they charge you. Same app, same price, same offer, but one feels like a sales pitch and the other
09:33
Speaker A
you're not being transparent. You're creating doubt. And doubt is the most expensive thing in your interface. You probably know this feeling. You need to design something, maybe a payw wall, checkout flow, onboarding screen, booking flow. So, you go looking for
09:47
Speaker A
feels like a safety net. And users don't buy from sales pitches, they buy from safety nets. The best paywall is the one that makes the user feel safe, not sold. Today, we have something exciting to share. We are launching UX Peak Plus,
10:00
Speaker A
really works. That's why we used Mobin for creating this video. We've looked at hundreds of different payw wall screens and booking screens to give you the best tips. Mobin gives you a huge library of real mobile and web app screens. You can
10:13
Speaker A
a new design learning platform that teaches the advanced UX and UI skills designers actually need today. Most design education still teaches the same basics: how to pick a typeface, how to space your buttons, and how to use
10:27
Speaker A
why we partnered with Mobin to give you an exclusive 20% discount on your first year. You can get 20% off simply by clicking the link in the description.
10:38
Speaker A
Figma. And those things matter, but they're not what's actually holding designers back. You don't need another lesson on typography. You need to understand how top e-commerce sites design product pages that actually convert.
10:51
Speaker A
doesn't convert? That's when the problem isn't what you're showing. It's how it makes them feel. Look at these two booking screens. Same villa, same price, €89 a night. Same dates, same beds, same bathroom. One of these gets dramatically
11:07
Speaker A
How the best apps onboard new users so they stick around past day one.
11:23
Speaker A
button works. If you showed this to a designer, they'd say, "Yeah, that's fine." And that's exactly the problem.
11:29
Speaker A
The pricing psychology top SaaS companies use to drive conversion,
11:44
Speaker A
night. Check in March 28. Check out April 2. Two guests reserve. That's a form. You're filling out a form. And nobody has ever felt excited about filling out a form. Now look at screen B. Same exact photo, but the photo isn't
11:57
Speaker A
and how to use AI the way top designers use it to move faster, design better, and stay ahead. The real advanced stuff designers need to know in 2026 that nobody else is teaching. That's what UX Peak Plus is. We break down how top
12:03
Speaker A
You're looking at a place you might actually go. There are navigation badges, superhost, guest favorite, one of 24 photos. You haven't read a single word and you already feel something.
12:16
Speaker A
companies like Spotify, Notion, Airbnb, and Duolingo actually design their products. It's the kind of learning that makes you genuinely better. The kind that gets you promoted, makes your designs convert, and gets people to actually use what you build. We're also
12:35
Speaker A
you a specific spatial detail. You don't have to walk for 10 minutes to reach the beach. This is sensory language. It makes you feel like you're already on holiday before you've even checked the price. Now, the price. Screen A just
12:48
Speaker A
releasing a new course every week. So, for every month you're a member, you get four new courses added to your library.
13:04
Speaker A
what we talked about in the last tip. The dates. Screen A shows two input fields, March 28 and April 2. Screen B shows Friday, March 28 to Wednesday, April 2, with the purple badge that says five nights. Day names make the trip
13:20
Speaker A
But you don't have to decide blindly. You can start for free at uxpeak.com with a free course and no credit card required. And if you decide to join, use code UXPEAK20 to get 20% off with our launch offer. You'll also have a 7-day
13:33
Speaker A
total? Screen B says reserve $445 total. The total is right there. No anxiety about hidden fees on the next screen. And underneath a green shield that says free cancellation before March 26. The number one booking objection is what if my plans change? That single
13:51
Speaker A
money-back guarantee. So, if it's not for you, there's no risk. Now, let's get back into the second example. Okay, so in the last tip, we talked about how the words on your paywall change whether someone subscribes or bounces. But what
14:05
Speaker A
And the question you're asking determines whether they act or hesitate. That's the whole thing. Once you start seeing it, you can't unsee it, and your designs get better immediately. If one of these tips surprised you, we'd love to hear which one. Also, let us know in
14:19
Speaker A
happens when the problem isn't the words, it's the number, not how much you charge, but how you show it. Look at these two ride-hailing screens. Same ride, same route. Same Tuesday afternoon. One of them gets significantly more bookings. The other one was actually
Topics:UX redesignUI redesignA/B testingpaywall designride hailing UXconversion optimizationpricing psychologyuser trustinterface designUX Peak

Answers

Frequently Asked Questions

What is the main difference between Screen A and Screen B in the paywall redesign?

Screen A uses a traditional sales pitch with feature bullets and a 'Subscribe' button, while Screen B focuses on transparency, a timeline, and uses 'Start' to reduce perceived commitment, leading to higher conversions.

How does transparency bias affect user trust in paywall design?

Transparency bias occurs when a company proactively reveals potential downsides, such as reminding users before charging, which increases trust and makes users more likely to convert.

Why does showing a specific price improve ride-hailing bookings compared to a price range?

Specific prices reduce uncertainty and mental negotiation for users, making the decision easier and increasing trust, which results in more bookings.

Get More with the Söz AI App

Transcribe recordings, audio files, and YouTube videos — with AI summaries, speaker detection, and unlimited transcriptions.

Or transcribe another YouTube video here →