4 Fresh Tips for Building Better User Experiences on Your Landing Pages

new waiter
Are you serving up an important consumer expertise in your touchdown pages? Picture by Joachim S. Müller through Flickr.

As a marketer, it’s essential present prospects that you just perceive them… and that you just give a rattling.

A big a part of that’s offering them with a nice consumer expertise in your touchdown web page. In case you fail to do this – when you don’t align your self together with your prospects’ objectives and make it simple for them to get what they need – then your conversions will undergo.

In our newest episode of Page Fights, common judges Oli Gardner and Peep Laja had been joined by visitor choose Noah Kagan of AppSumo to tear aside 10 user-submitted touchdown pages.

Within the course of, the judges recognized tons of frequent errors that damage consumer expertise (and doubtless conversions, too).

You possibly can watch the total episode right here:

Or when you’re strapped for time however nonetheless wish to know the way to ship an distinctive consumer expertise, learn on for the highest 4 touchdown web page optimization ways they shared.

1. Don’t neglect about your cell customers

Noah reminded spectators that plenty of touchdown web page visitors today is cell.

Prospects are going to be interacting together with your touchdown pages on all forms of units and in all forms of environments. In case your touchdown web page expertise sucks on cell, your prospects aren’t going to stay round.

To shortly take a look at how good your cell expertise is, Noah recommended opening your touchdown web page on a desktop and shrinking the window all the way down to the dimensions of a cell display screen.

When the judges ran this take a look at for Above Average Grade Level’s touchdown web page (under), they discovered that it doesn’t scale nicely to a cell machine. Try the common desktop view (left) versus the cell model (proper):

combined-landingcombined-landing
Above Common Grade Stage’s landing page rendered tremendous on a desktop (left), however on the cell model (proper), many important components had been minimize out.

Not solely does this create a crappy consumer expertise, nevertheless it cuts off a few of the most important components on the web page: the call to action, social proof and headline.

That forces prospects to scroll backwards and forwards on the touchdown web page to get the knowledge they want, inflicting friction. In case you’ve ever struggled to learn an enormous web page in your cell machine, you already know precisely what I imply. It seems like an enormous barrier and it’s irritating. And that makes prospects bounce.

Creating an distinctive, friction-free consumer expertise calls for that your touchdown pages are mobile responsive. To that finish, the judges shared some fast ideas:

  • Noah really helpful chopping out any pointless web page components to maintain your web page brief and candy.
  • The judges agreed that you must attempt to hold your CTA above the fold on as many units as you’ll be able to.

Bonus tip:
In case you wanted one more reason to optimize all of your pages for cell, Web page Fights moderator Tommy Walker identified that Google recently introduced a mobile-friendly tag into their search rating algorithm.

What does that imply to your touchdown pages? In case you fail to make them mobile-friendly, you might get penalized by Google and have your web page seem decrease within the search rating.

Earlier than you launch your subsequent touchdown web page, verify to see in case your touchdown web page is mobile-friendly by pasting your touchdown web page URL here.

2. Speak about your prospect, not about your self

If you wish to present an superior consumer expertise, then you definitely’ve acquired to ship the suitable message on the proper time.

Your headlines and replica are the car for speaking your unique value proposition they usually set the tone and temper of your web page. As Noah and Peep defined, you’ve acquired to make certain the language you utilize is “human” and addresses your prospects straight.

What precisely do they imply by that?

Let’s take Polis’ landing page for instance:

polispolis

Click on for full-length picture.

Noah criticized the headline for failing to talk on to the prospect. He defined that you must make prospects really feel like they’re speaking to a different human, not some man spouting MBA jargon.

Noah recommended one other headline that he felt communicated the distinctive worth proposition in a means that might actually resonate with prospects:

I can get you twice as many feedback per day

The way in which this new headline is worded is extra colloquial and fewer dry. Extra importantly, relatively than merely speaking in regards to the enterprise, it addresses what prospects truly care about: what they’ve to realize by signing up.

In distinction to Polis’ touchdown web page, Oli thought that Giftip did a very good job of addressing their prospects straight. Their headline nails it by each conveying their UVP and clearly explaining that they’ll relieve their prospect’s ache.

giftipgiftip

Click on for full-length picture.

That stated, Oli thought the sub-headers had room for enchancment:

sub-headssub-heads

As he defined, sub-headers ought to be capable to stand on their very own – each when it comes to speaking the worth proposition and making sense in isolation.

Bonus tip:
Earlier than you even contact the structure or design of your touchdown web page, Oli and Noah really helpful writing out your copy first, ensuring it addresses the who, what, why and the way.

Creating your touchdown pages copy-first will assist you make sure that you’re writing copy that speaks about (and on to) the prospect, not your online business.

3. Ensure you’re addressing all of your prospects’ questions

When prospects land in your web page, they’ve burning questions they need answered.

If you wish to create a wealthy consumer expertise, then it’s essential handle each certainly one of them.

That doesn’t essentially should take the type of a prolonged, salesy touchdown web page. Take into account Carcoin’s web page:

rsz_image07rsz_image07

Click on for full-length picture.

Since promoting a automobile is a giant determination, prospects will understandably have tons of questions on Carcoin’s service.

As a substitute of overwhelming guests with a prolonged touchdown web page with a wall of textual content, they opted for an explainer video to handle a few of these questions and hold the touchdown web page design minimal.

Peep shared an necessary stat that you will need to take into accout when placing explainer movies in your touchdown pages: solely about 10% of tourists will watch your touchdown web page video video from begin to end.

For that cause, it’s important that each your touchdown web page and your explainer video talk your distinctive worth proposition.

Bonus tip:
Keep in mind that you would be able to’t presumably anticipate every little thing that your prospects will wish to know.

For services and products that require a big dedication on the a part of the shopper, Noah really helpful organising extra ranges of assist equivalent to stay chat and a click-to-call cellphone quantity.

Giving prospects an outlet to ask questions reveals that your online business has actually invested in offering nice customer support – and it provides you an additional alternative to counter your prospects’ objections.

4. Don’t withhold any data

It doesn’t matter what the aim of your touchdown web page is, try to be serving to your prospects decide.

In case your touchdown web page doesn’t give prospects all the knowledge they want to decide, then they’ll get annoyed they usually’ll bounce.

Take a look at Score Revolution’s touchdown web page, which invitations prospects to “Uncover and license music from Danny Elfman:”

rsz_image03rsz_image03

Click on for full-length picture.

Peep took problem with this web page as a result of it asks prospects to enter their title and electronic mail handle to entry the scores. With none music samples to preview, how do prospects know in the event that they even just like the music? As Peep put it, “Let me play!”

On this planet of touchdown web page optimization, you’ll be able to’t simply gate issues for the heck of it. With a purpose to entice your guests to transform, you’ve acquired to give just a little.

This web page from Trumpia was responsible of the same transgression:

rsz_image04rsz_image04

Click on for full-length picture.

The judges identified that Trumpia withholds an important piece of knowledge on their touchdown web page: the pricing data.

That is problematic as a result of prospects usually come to your web page with a sure value vary in thoughts. The judges defined that with out giving them the knowledge they should assess whether or not you match into their price range, prospects will develop into annoyed. And that kills conversions.

 

Your touchdown web page must create an distinctive consumer expertise

Creating an distinctive consumer expertise is about eager about the prospect’s journey from begin to end and proving that you just care.

In case your prospects don’t really feel that you just’ve taken their finest curiosity to coronary heart, then they’ll go someplace else to get what they need – leaving you with a fairly sorry conversion fee.

To recap, listed here are 4 ideas for creating distinctive touchdown web page experiences:

  • Be mobile-friendly. Optimize your touchdown pages for as many units as doable.
  • Don’t speak about your self. Your prospect doesn’t wish to learn on and on about how nice you might be. Concentrate on demonstrating how your services or products will assist alleviate your prospect’s ache.
  • Ensure you’re answering all of your prospects’ questions. Anticipate any questions your prospects might need and do what you’ll be able to to reply them in your touchdown web page – whether or not in your copy, with an explainer video, or by including chat or click-to-call widget.
  • Don’t withhold any data. Your prospects rely on you to offer all of them the knowledge they should decide. Reveal your worth proper in your touchdown web page. And don’t make them hand over their electronic mail handle to see your costs!

Over to you – what different ways do you utilize to make sure that you’re creating distinctive touchdown web page experiences to your prospects?

— Derek Moryson


new waiternew waiter