INBOUND 2015 HTT: Oli Gardner "The Four Corners of Conversion"

Oli Gardner breaks down conversion design into four parts: copy, design, interaction, and psychology. He covers specific tactics like five-second clarity tests, why too many links tank conversions, form field counts, video placement, and button copy, backed by A/B test results and pixel-level details.
Chapters
Shitty marketing pisses me off. I get visibly angry when I see bad marketing experiences. And I see a lot because I click everything. But when I go to a new city to speak, I kind of reset and I'm like, okay, clean slate. And then I play tourist, I go to Google and I search for something relevant to that city. So Boston. I search for a harbor cruise. This is what I want to do. I get this ad, looks promising. I'm going to click on that. And I get this. Come on. Now I'm angry again. This is so shitty. Bullshit. There is so much bullshit marketing out there, man. That's not nice. It's not fair. It's not fair to me because I see all of it. But it's not fair to our customers and to our visitors. They shouldn't be seeing experiences like that. They should be seeing more like this. I can watch that GIF all day long. I don't know, some LSD they gave the kid or something. And that's what I want to talk about. How to make delightful marketing. Marketing that makes people feel happy. Now, this is my favorite campaign of all time. Shreddies. They took Shreddies, they rotated them by 45 degrees, made a new product that actually sold better. That's really cool. And coincidentally, there are four corners on Shreddies. So that's a nice segue into this. Talk whatever you're doing, any part of marketing. I could talk about landing pages specifically, but you can apply it to anyone on your website. Email, doesn't matter. There are only four ways to look at it. There's copy, design, interaction, psychology, if you understand all of them, you can design an experience which is good, which is effective, which is delightful. Now, it's big, it's massive. Like, there's a London Underground map here of all the things in it. So I can't talk about all of it, but I'm going to break it down. I'll do each one. I'll go around in order, and then at the end, I'll come back to two important elements of your page, video and forms, and show you how you can apply them specifically to something like that so you'll see how it all comes together. Warning. If you follow this advice, your marketing might actually get a little bit better. So starting with copy, there's a lot going on here. The elements on your page, all the text there. Then there's context, clarity, congruence. There's voice of you. What's your tone, your language, maybe based on your core values of your company. Then there's voice of customer. And how do you bring those two things together in your writing? So these are all the elements most people focus on. The headline, call to action. But there are smaller things like the. What's it called, the field labels on your forms or how you write your privacy statement. They can have a profound impact on the performance of your pages. And then there's information hierarchy. This is getting your story in the correct order so someone's not having to hunt around your page to read it correctly. Copy comes before design. You write your campaign copy, then create an experience to present it visually. In this example here, quote from man stabbed. What are you going to do, stab me? That makes sense. The context is established and then there's the quote. If it was the other way around, it wouldn't make sense. Looking at all these landing pages, I've seen maybe 50,000. I tried to spot trends and I started seeing one when I saw this Qualaroo page. This is the headline subhead. I'm like, all of the clarity here is in the subhead. The headline's kind of throwaway. Doesn't really. It's not helpful. It doesn't really tell you anything. It's all in the subhead, out of order. Who the hell do you think you're talking to? It's in the wrong order. Then I saw again. Are there any HubSpot employees in the room here? One. Okay, you want to close your ears for a little bit? I saw it again here. Headline, useless. But then all the clarity in the subhead. Now, instead of just complaining about it, I wanted to run an experiment to see if something's going on here. When someone arrives at your page, they only have a few seconds to figure out what it's about. So I ran a five second test. Now, if you don't know what it is, you get a screenshot, you flash it for five seconds and then you ask a question. So with this HubSpot page, I removed the logo and their name from the subhead, so there was no brand recognition. And I asked the question, what does the product do? This is the answer. Nobody had a fucking clue what HubSpot does. Not a single person. So what I did was I flipped it, put it in the other order, put the subhead with the clarity, put that first, ran again. What does the product do? That's what HubSpot does, right? Massive change. That's a lift of infinity because it went from zero to 60. That's a massive change just by flipping it. So look at your landing pages. If you Have a subhead and a headline, flip it and see what clarity it adds. Run an experiment like that, it's cheap, easy, you know, it's very quick. And if you get something like that, a result like that, you know, you should be running an A B test, a bit more scientific to see if you can make your page easier to understand. Here's a chat on someone's phone, so I'm just going to read it out. So how was the date last night? First date, we went to dinner, then walked her home. Then I killed her in the woods outside her house and left. That seems a bit harsh that she ordered lobster at dinner. We've all had this. The, you know, the autocorrect problem. My point is that what we say and what other people hear are often two entirely different things. Here are a few examples. Or maybe a bit more applicable to Elton, probably my favorite. Now that actually would be ironic. Unlike every other line in that song. Good luck getting that out of your head for the rest of the day. If you run experiments like that. If you notice you have a clarity problem, a good exercise to do is to ask your customer to write your headline for you because they're going to have all of the built in insight as to why they were successful, why they decided to become a customer, and their language is going to be very different to yours. Does anyone know what the most persuasive word is in the English language? Ollie? No. Because. Because, Because, Because, Because. Because. We're primed as children our whole lives. When you're a kid and you say ami, why is the sky blue? Your parent replies with because. La la la. So we're constantly trained that anything that follows the word because is correct and is important. So I'm going to share some data with you that hasn't been seen before from the unbounce back end. We looked at thousands and thousands of landing pages to see if we could find some trends in the data. And I looked up use of the word because on a landing page. This is kind of how it goes. So that's not good. Don't believe you. Gets worse and worse, but if you say 11 times, all of a sudden it kind of works. This is a little bit of a joke. It's a low sample size. I'll keep digging, but I don't know, say it a lot. Okay, moving on to design. Now again, you have all the elements. I'm not going to talk about those like anything that's visual. What I am going to talk about is attention driven design. So these are principles that you can apply to help people, to focus people's attention on what you want them to see and to do. 23 principles. I'm not going to go through all of them. Clicker. Because that's a lot. I'll just do a few of them. So distraction. This is the first one. The problem with homepages for campaign traffic is that there's so much traffic, everybody wants a piece. Every department, every stakeholder. I mean, the only redeeming factor on this page is that little bit of white space there. That's the only nice bit. And then a stakeholder gets their hands on this and what happens? They put a fucking banner in there and it just gets worse. This is what's going on on this page. This could take a while. The attention ratio is 82 to 1. This is the ratio of the number of things you can do on a page to the number of things you should be doing. When you're running a marketing campaign. There's only one goal, so there should be one thing on the page. There are 81 things on this page in opposition to what someone should be doing. I was in Edinburgh last week speaking and my sister lives there and she had a problem with the pipes in our kitchen. So I searched for the best 24 hour plumber I get. This again, looks pretty good. Wrong, wrong slide. And it takes me to a homepage. Now I'm going to walk through the three kind of things that most marketers do. They'll choose a homepage to send it to or an internal site page or they'll use a dedicated landing page. Now again, I went back and I did a five second test on this. What service does this company offer? 30% got it right. There are other things there and they offer those. But not many people knew that this was actually a plumber and that's a problem. So, okay, next step, let's focus a bit more. Let's go to the plumbing page. Now we have plumbing highlighted. There's a little bit of change here, but not a lot. 40%. It's getting better. So now I'm going to fix this and make it more of a dedicated experience. So first of all, I. I'll take away the social share buttons. Nobody's going to go on LinkedIn and talk about the amazing plumbing experience they had with you. This is not going to happen. Don't do that. You're going to take away the navigation. So it's just plumbing. Take away the building image and rework some of the coffee to say plumbing. 80%. It's that easy removing those distractions. You will get a lift in conversions almost every time. Here's some evidence of that. This is the conversion rate. Average conversion rate according to the number of links on a page. Number of distractions. It's a fairly predictable downward trend when you add more links. The interesting thing is the average number of links is 4.39. So that means there are thousands of marketers who can increase their conversion rates just by removing three links. It's a massive opportunity for thousands of businesses. Try and get to an attention ratio of 1 to 1. As close as you can. Sometimes it's hard to remove everything. Oh, and that chart as well. That was for lead gen pages. And I ignored things like privacy policy and terms and conditions because they're fine. They're not really distractions that anyone's gonna click on. So that's okay. And sometimes that's good. If you're doing ppc, having that link to your primary domain is a good thing for Google. Anomaly. Ok, I did a podcast a couple of weeks ago and someone sent me this screenshot. Now which one stands out? That one. That's all I needed to do to become the best thing on this list. And for a long time it's going to be the only one that stands out. It's anomalous. Who do you look at in this photo? Nobody. You look at the group as a whole. How about now? Now you're looking at me because I'm the only one being an asshole and wearing sunglasses in a bar at night. You get the point, right? Look at it graphically. Which square do you look at? None of them. It's just like ugh squares. If you rotate it, all of a sudden this is the one that stands out. Imagine you're putting on an event and these are all speakers. Let's say you're running social campaigns like every day. Like featured speaker. When they come to this, if you've done that, they'll be like, oh, that's who they were talking about. It stands out. You don't have to do anything else. And also just the perfect place to put a diamond shredding. Convenient proximity. When something is in close proximity to something else, they're perceived to have relationship. So if you took four of the Jacksons and put them over here, nobody would care. You put them with Michael, all of a sudden they're talented and they're important. Right? Because the proximity to the guy actually is awesome until later in life. So let's have a look at a few examples of proximity because it's very dangerous. This is a course I wrote. All you need to do is click the button to continue. It's just a click through page. Based on a case study I read called the Hobson's one choice effect, where people like to make a choice, they feel happy when they make a successful choice. I put a link here to starting a free trial of unbounce. It's quite aggressive. It's a lot more than just clicking through. 14% less people click the button just because that was there. Now I'm thinking, well, if everybody clicked that and became a customer, that's amazing. I'll forego the course if I do that. 2000 people went through this A B test. Only one person clicked that link and became a customer. So just by increasing the attention ratio in close proximity to the call to action kill conversions. I tried another one. I was doing qualitative research. Why aren't people taking the course? A lot of people said, how much is it? Well, it's free, it says on the button. But I wanted to reinforce this. So I said, I hope you enjoy this free course. Again, close proximity when they're just about to click. Talk about vanity metrics. That's an actual vanity metric. I even tested young like 10 years ago. A photo of that didn't work either. So it's clearly it's just because it's in close proximity. When someone's about to act and you put something else in their way, they go, huh, why are you saying that? Gives them a reason to. Oh, just wrote an ebook about those 23 principles. You can grab it there. It's pretty cool and it'll help you understand how to design an experience kind of on purpose. It's instead of just going pretty design, you're like, oh, we need to do something here. Which principle can we use to make it more impactful? Interaction? Every element on your page. Well, not every element, but many of them have interactive components and people kind of ignore that. If you think of a carousel, There are about 15 interactive modes in a carousel. Same with a slideshow. Video has about 12. There's a lot more than you'd think. So there's a lot of room for messing it up if you don't do it correctly. So lots of things that are interactive and each one like these interactive things, these modes can be a point of friction which can hurt your conversion rates. Now every year there are new trends that come out and they drive me crazy because, you know, they get put into themes From ThemeForest. Every WordPress theme has all these new kind of things, right? It was Parallax and Ghost buttons and they all have carousels. There's a thing called. I don't know what it's called. I'm calling it Scroll Assist or scroll Control. Some people say smooth scroll, but smooth scroll to me is when you have anchor nav and you click it and it moves gently down the page so you can see what's going on. There's a video of me interacting with this page. I'm gonna try and scroll down the page. When I do, it accelerates for me, which means it doesn't stop when I stop, it just keeps going. So this part is in the middle of it. I'm gonna try and get to the middle of the page. No, no, I have to. I have to nudge it and wait to see if it. See if it will stop in the middle. See how hard that was. It's like when you scroll a bit and then take your hand off and it'll go. It'll keep going. It's terrible. These things are just infecting all of these pages. And some people don't know any better, right? They don't have any dev or design skills, so they grab a. A theme and has these horrible experiences in it, like carousels as well. I mean, what design principle they're using here, it's like invisibility, I think. Got these two ghost buttons and you have a nav here. It's impossible to find them. We've all experienced it. You get there like, ooh, this is interesting. And it leaves and you're like, fuck. Then you gotta find the little dot and you're like, you know, it's just a crappy experience. This is one a test done. And this was on a non autoplay carousel. So lots of attention on the first one. These are all wasted, wasted creative. Nobody's gonna see them. But then on autoplay, it's that, you know, just that problem of you can never actually stop them when you want. Another test was done. The subject here was saying, does Siemens have any special deals on washing machines? It's right there. Special on washing machines. But it was just glossed over because it looks like a banner. Carousels are just a really, really bad thing. And you have to be careful. If you use a theme, make sure you don't get one. With all these flashy, flashy games and such interactions, every interaction we make needs to be delightful. It shouldn't be frustrating. Okay, we've all seen these, right? You're forced into Choosing something you don't want to choose if you want to get out of this situation. So this is the psychology portion. Now, influence is good. These are the things we possess. We can be influential. Persuasion. These are tactics we can use to help people do what we want. And then there's manipulation. This is like SEO white, gray and black hat. You need to stay away from here. But people don't. I was on my phone playing a game. This is a kid's game. I ran out of moves and this comes up. Let's go back. So it says, try again or keep going. You have to pay to keep going, but try again, again. This is priming. Since we're kids, we're like, if at first you don't succeed, try, try again. Try again is positive. Next week I came and it says, give up again. We're told that giving up is a bad thing. So this is good cop, bad cop. So what's going on? What are the cycles? Psychological things going on here? Urgency. So this is counting down. You're like, oh, I gotta make a decision quickly. Negativity bias. That's where negative statements are more powerful than positive ones. And then there's this good cop, bad cop thing. So I did an experiment on this as well. Again, usability hub. It's a click test. And I said, where would you click for another game? I'm not leading them, I'm just saying for another game, where would you click? On the try again one. Most people click that. Then when I say give up, everybody starts shifting to the purchase side of things. That's a massive increase on people clicking that because they don't want to give up. It's negative, it's bad. That's manipulation. Can they be done? Well, well, Joanna Web did this one. This is great. She was bugged by Bounce Exchange. Who? That previous example, she was saying, don't do these. They're bad. And they said, well, can you just try it? Give it a shot. So she did. She did a more evil one. Got a massive lift in people downloading. But then she made it nice here. If you click here, you're rejecting the guide. You're not saying something bad about yourself. So you can make these things good. Okay, so now we're going to apply all of these things to video. Now, I have some data here from Wistia that they let me use. It's really, really fascinating stuff. Would you watch this video? Maybe. But how about now? Okay, so what's going on here? The poster frame, the default image in there. I look like I'm drunk or something. There's a big shiny button. So you know it's a video and you can play it. It's only eight seconds. That's the psychological part. Oh, that's easy. It's low commitment. And then there's a caption. Captions are really, really important. A couple of things about video. Not many people will actually watch it. So you have to be able to actually go back to captions. They're really important. 300% more people will read a caption on a page. The reason is when you see a big image or a video, you're drawn to it. And then if there's a caption, you read it. So make that a really persuasive or interesting line. So people go, ooh, actually I will watch the video. Or if I can't, I'll continue and read the rest of the page. But you should be able to communicate what's going on without the video. Assume that nobody's going to watch it. We had one, an explainer video on our homepage. We spent a lot of money on it. We were really excited. We put it on there. We ran a test and it did nothing. 11% of people watched it and it had zero impact. So we didn't put it on there. Design what can you do with video? Okay, so this is the data from Wistia. Where should you put your video? These are 250 pixel blocks. As soon as you get past about the 600 pixel mark, the engagement, the play rate goes way, way down. So the fold such that it is is important for engagement with your, with your videos. Now here, this is based on the size of the video player. So if you hit around the 540x400 mark of your video player, more people will click the play button. I think this is from 80,000 pages. They looked at this for data. Then there's the interaction. Okay, well, autoplay is kind of horrible, but there is a time when you should do it. If someone clicks a thumbnail like, like in an email that has a play button on it, taking you to a page where there's a video, have autoplay turned on because they requested to play the video. That's when you should be using it. Just like that, right? They expect it. So that's a really good use of autoplay. This is, they call it a turnstile. So when you're watching a video and you put the form in, say if you want to continue, you have to fill in the form. Putting it 14% of the way through was the Ideal spot. You, you put it at the start, everyone's like, ugh, this is nasty. And they leave same at the end. They just give up at this point. So put it about that far into your video. And then the psychology of this, if you have an actor, a person in your video, it really depends on who they are. The performance of the video for trust, government, not very trustworthy. So CEOs and it goes up to experts. So if you're your boss, your CEO wants to be in a video, you may want to tell them no. So here's an example I saw. And we'll look at the four corners. What are they doing here? So there's a caption that's good in close proximity to the video player. So you know it has a relationship. A little directional cue. It's not very strong, but it's there. It's encapsulated by the laptop. So it's got a container context of use. So the image, the poster frame is showing what the software does. So there's a little bit of context there and you can understand something. Contrast failed here. You can hardly see the button, but there was a rollover state which brought out the color and then the length of the video saying two minutes. Low commitment. Okay, so forms. Now I have a lot of data here and it's super interesting. Everybody says, how many form fields should we use? One form field is going to convert better. Okay, well let's have a look. It does. Predictably, this is probably high commitment, high value items where people have a lot of motivation and they're going to go through. But the interesting part right here, if you're gonna have four fields, you may as well have seven, right? So ask some extra questions because you're not missing out. You're gonna get the same kind of conversion rate. These are averages, so you have to test this kind of thing. But that's really good insight for when someone is asking. You'd always have another department, sales or something say, can we just ask this? Don't be afraid to do it. And again, opportunity cost. So four and a half is the average. So looking at from the other direction, thousands and thousands of businesses can increase the conversion rate if they just remove three fields. So it depends on what you want, quality and quantity. So putting more fields in someone's way can be a good thing. We have a really unique hiring process at Unbounce. If you send us your resume, we'll just delete it or rip it up. We won't look at it said we want you to Open a free account, build a landing page and tell us why we should hire you and why you want to work for us. That's Joel. He came by our Montreal office where I work. Nice guy. We had a chat and he gave me his resume. When he left, I just turned to the team, ripped it up, put it in the recycling. This is another guy. He was actually retargeting us, putting Facebook ads there. So this is Corey, our marketing director. He saw this on Facebook, clicked on it. Not only did they take out paid ads, they built a landing page and wrote an e book as to why we should hire him. That's the benefit of putting something in their way. Everybody. It gets rid of all the people who are just spraying their resume around town to every tech company. People that are really, really serious. And that's why we have an amazing culture, because we only get amazing people going through the process. Now Joel, we didn't hire that guy. A for effort. Joel did actually figure out how to do it. He actually wrote a blog post, a marketing blog post. And he's getting a customer success position. This is about our latest feature release at the time. So that's really, really cool. And other companies are copying us now with the exact same process. It's kind of fun. The point here is that you shouldn't design for customers, you should design for your ideal customer. Now how do we do that with marketing? This is the copy on your form. Now I wanted to test, like I said earlier, the field labels are surprisingly powerful. What I was looking. Oh, actually first Disney, they put a new film out. It's for like 8 to 10 year old kids. And they started noticing that there was a massive number of people clicking the forgot password link. Why is this happening? So they look in the database and the passwords were up to 40 letters and numbers long. Like why is this happening? So let's go to the source. So they went back to the form. What were people asked to do when they chose their password? These are kids, right? So they're getting these passwords. Nobody's going to remember that. All because of the field label. So I wanted to run a test. Just put your email address in here to get access to this course. Now what I was looking for, I wanted to see if changing that text could influence the quality of people who were getting in. Now what I was looking for professional email addresses. So blah blahourcompany.com I didn't want Gmail or Hotmail or AOL or whatever with email address. This is all screwed up. Nevermind 41% of them were professional. And the reason I want pro accounts is or email addresses. Now I know my email marketing is going to people while they're at work instead of when they're on the toilet later on or on the sofa. I want to speak to them, market to them when they're at work. Your best email address 47% A 15% lift. It's pretty good work. Email 22% lift business email address 59% lift in professional emails coming in. That's a massive difference. That's designing for ideal what should you write in your button? Everybody talks about button copy. So again we looked at data get your free ebook versus get my we looked at some of what happens when you change this copy so you're on average 8.4% my big lift just by changing your to my looked at action words so get something click way more impactful than get now. Surprisingly, there weren't many people putting click on their button because you think it's too obvious. But it has a really big impact. People just like to be told what to do and then the word free doesn't do well. Now I have a missing piece here. When you take the word free out, on average it's about a 30% lift. So be careful when you use free because a lot of the time people don't believe you. I've got to put my email address in. That's currency so it's not actually free and it can look like you're trying too hard like with the free course earlier. So the design of your form. Okay, so let's look at kind of like the Wistia one. How far down the page should your form be? Everybody's scared to move it. They think let's just put it above the fold. Well, about 40% of the way down the page was the ideal place. That's probably because you get a chance to tell your story information hierarchy before you ask for the commitment for the purchase decision for the exchange of an email. Okay, what's wrong with this form? Well, it has inline labels and it has a captcha. Two things that can be negative and this is a trend as well. Inline labels. It makes your form short, but it's dangerous from an interaction perspective. So let's look at the interaction on a form captchas. First of all, they're ugly. I was buying tickets for a Scorpions concert. It's on Friday. And again, proximity. I'm just about to click and it says you are forbidden to access this site using an automated program that's not a nice way to talk to me. You're forbidden. Then I do click on it and I get this. I have to look at these images and go, which ones have steak in it? And then count them. Like, this is shaved roast beef. Is that steak? Is that a quiche? Is this one? Is that a quiche? Or is it like really rare steak? I have no idea. I had to go through this about five times before I got the right number. It's so hit and miss. I hate Ticketmaster. I would have gone straight to StubHub if I had an option. They're bad because they remove the control of your brand experience. You're putting it in someone else's hand because it's usually random. You don't know what it's going to say. You get things like this. It's not so bad, really. But what about this one? Or if you live in Texas and if you have grandchildren, how can you type that? That's not nice. And this one, apart from that, it looks offensive from a distance. What you have to do here is look behind the letters and figure out which ones have a cat. The first one, I think that's a dog doing this. The second one, I think that's a cat doing that. You go across this. When I did, it took me a minute and a half. Nobody's going to go through that. And this one, probably my favorite. You have to look down here, find the first letter, figure out what color it is. I hope it's not Morning Glory Sunrise or something. And then spell it in the form there. So you're going to, you know, you have to interpret the color. You have to be a good speller. Most interestingly, you're going to lose a lot of people immediately because some people aren't going to be able to read it. Captchas are bad, but can they be good? Like anything, there's a delightful option. Where does the Queen of England live? That's kind of fun. You're like, no, no, no, no. England. That kind of stuff's a bit more interesting. I wish one of these things would have an API so you could plug your own questions in. That'd be kind of cool. Inline labels, lots of talk about these people say, ah, they're terrible. You shouldn't use them. Well, they're getting better. They're not always that bad. But some of the reasons you shouldn't. Here's another example. But short term memory, you can click on it and the label goes away and you're like, ah, what was it? And you have to click back out again. And some of them are better. Now when you click into it, it, it'll stay there until you start typing. That's better. But if you're a tabber, like someone on a desktop, you tab between labels, you're like, da, da, da, name, name, name, tab. Oh, what's going on there? I don't know. Then I have to click outside of it. And now you're turning me into a clicker and I'm a tabber. You're changing my behavior. This isn't fair. But like I said, some of them are getting better. But then multitasking, you know, like, oh, someone shouts like, what was that field? But then this is the problem. Like, even if you have the ones that don't disappear until you start typing, if you do something really long, an important form, like say, for, I don't know, becoming a resident of another country, whatever it is something important, you can't double check it. You have all of this form filled out and you're like, did I do it right? And you have no way. It's impossible for you to figure out before you click, click, submit your information whether you did it right. This is the guy we just hired. I'll just cover him up. He was doing the Ice Bucket challenge last summer and he called me out. So I did it. And I went to donate $100 as well. I'll do that. And I got there. I'm just about to fill in the form and click. And I see this. They've already reached their goal. You don't need my money. I'm not going to donate anymore. I'm going to go to the bar that had no place being there. If it was 80%, it'd be like, oh, that's encouragement. It's in close proximity again. I'm like, oh, I'm going to help them out. That should be on the confirmation page to say, thanks to people like you, we exceeded our goal. Then you feel better. So you have to be careful again. Proximity. So form psychology. So open ended questions add to the cognitive strain. We're like, oh, now I've got to write a story. Or like it's a bit more work. This is from a landing page for a home building company. And they say, I'm thinking of building a. I'm thinking of building a fucking house. What do you think I'm doing? You're just wasting my time with questions like that. This is cognitive strain. Every little bit of confusion you can give people, this builds up and up and people will make worse decisions, like, no applicable options. You're like, ah, none of these apply to me. So I just make it up. I'm lying. I'm falsifying your data because you didn't give me a way out. So all of these things, like that bar, that's a visual representation of a stop word. These are things that just before you're about to click, they say a word that makes you go, why are you saying that? I wasn't thinking about that. Spam's a classic example. In this one, we promise we won't spam. Smiley face. You're being sarcastic about my privacy. That's not. Again, it's not nice, it's not delightful. Get out of people's way. Don't put anything in close proximity to your call to action. Because it's every test I do, I think I'm gonna. I'm doing something well. Meaning I think I'm gonna help. Every test I do fails when I try to put something there to tip people in favor of what I want them to do. Trust on your landing pages again, here's another example. One of our customers did this. So beside the call to action, put a security seal that's going to help your information is secure. People do this all the time. Sometimes they'll put loads of these trust seals all around the bottom of the form. Fail by 12% again. Stop putting things around your buttons. Give them space to breathe. People don't believe that. You're trying too hard. So how do we make a really good form? Form first, design. This is the idea that you design your form as if it's the only thing on the page. Because if it can stand alone and communicate what the page is about, it's a really strong foundation for your page. So here it is. It's all messed up, but that's fine. You have the headline, you have some benefits. The subhead, this is telling you why the headline is, what am I going to get? This is why I should care. Label copy for the ideal customer. A descriptive call to action, not the word submit everyone talks about. Don't use the word submit. Now, everybody knows that when you click a button, you're going to submit the form. So the word submit isn't inherently bad. It's just wasting an opportunity to be persuasive. In the data we looked at, I looked at it yesterday, anything other than the word submit converted about 16% better than the word submit. So if you just write anything on your call to action, it'll perform better. Encapsulation Design. So we're wrapping this up. It makes it important. Contrast on the call to action. Proximity again, you gotta test these things. But some urgency here can't help a scarcity. Only three consultations remaining. That kind of thing can tip people in their favor. And then expectations. Oh no. Captcha. Top aligned, so not in line. Scarcity. And it's really important. If it's a any kind of consultation, you should set the expectation. I will get back to you in five minutes. 24 hours. It can put people at ease and they're more likely to fill in your form. Okay, so what if we put all of these things together to create the ultimate landing page? Well, first I get a headline, then a subhead. Then I'll flip the order of them. I'll put a video on there, 540 by 400. I'll put a caption, I'll put a CTA 14% of the way through. Have it above the fold. I'll add a form. I'll make it seven fields. I'll change it to anything else. We could just right click to get some bullshit. I don't know. We'll say click. We'll put my in there. We won't say free. And then we'll put it below. I'll put it 40% of the way down the page and then we'll say. Because 11 times just that will convert like a motherfucker. If anyone tries this, send me the page. I want to see what it looks like. You can get that crazy map if you want to download it and just have a look at all the other things on there because it will show you some of these elements that you maybe didn't even think of and some of the points of friction. This is a work in progress because very big final note. It's all fucked up Sizzle barbecue again. There's that ebook. It's pretty cool. So download that. It'll help you with your design. Thank you.
More from Patrick

A NEW BREED OF PARTNER: The Partnership Ecosystem Model Journey of Patrick Biddiscombe, Part 1

Customer Success Workspace: Never Lose Sight Of What Matters Most | HubSpot Spotlight








