Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Assessment: Website Performance Assessment

Start the Assessment
... Inbound Marketing Lead Generation
Close
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
Website Performance Assessment
Free Website Course
View Website Performance Assessment
website performance assessment start

Free Assessment:

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

5 Quick & Easy UX Tips to Increase Conversions on Your Landing Pages

By Christine Austin

Christine Austin also recommends this free website performance assessment.

5 Quick & Easy UX Tips to Increase Conversions on Your Landing Pages

Imagine walking by a beautiful new gym that has a sign outside promoting an opening special and you decide it’s time to sign up for a membership.5-UX-Tips-to-Create-a-Successful-Converting-Landing-Page

When you walk in, you find out the gym wasn't what you expected at all and you walk out figuring you can find what you’re looking for elsewhere. 

The same can be related to a user discovering your landing page. If the product or offer you are trying to sell is not clearly defined or your landing page’s UX is crowded with other offers that direct the user elsewhere, your conversions will suffer.

To help understand what type of interface your landing page needs to facilitate conversions, I have assembled five user experience tips with examples you can use to begin testing on your own pages.

Free Assessment: Website Performance Assessment

1. Remove The Navigation and Footer

The last thing you would want is for the user to get distracted and leave the page. Removing your navigation helps isolate the user on the page while increasing the chance they will continue down the sales funnel.

As it is, a landing page is rarely a part of your navigation. It’s purpose is to be an opportunity to guide users down the sales funnel to receive an offer or product and having any external links on the page may jeopardize its conversion rate.

Take a look at Hubspot to see this in action. They performed A/B tests on several of their own landing pages in which they removed just their navigation. They found that their “TOFU landing pages saw a 0-4% bump in conversion rate” and their  “MOFU landing pages had a 16% and 28% lift.”

Tip-1-Hubspot-remove-nav-and-footer

How Can I Get Started? Try performing A/B tests on a few of your landing pages and analyzing the results. Afterwards, if you see a increase in conversions with one of those variations, you can update the page accordingly.

2. Create an Appealing Above-the-Fold

Check out this landing page from the mobile application Human.

Tip-2-Human-_Mobile-Application

Trying to get the user’s focus on the right content is crucial into driving them down your sales  funnel. Human does an excellent job placing a large amount of white space around the value proposition and subheader.

This spacing forces your brain to direct your eyes to the first differentiating element in the white space, which would be the header content.

After addressing the value proposition, the user’s eyes are guided to the right side of the page, where a graphic of the application is shown.

Using the right type of image can help make the product more appealing while also giving a glimpse into what the product actually looks like.

If your users can’t decipher what your product is supposed to accomplish looking at the content and imagery above-the-fold, you will automatically lose their interest, including their business.

How Can I Get Started? Depending on your goal above the fold, try using different visual cues with font sizes, white space, colors, and imagery. If you choose to have a background image, make sure that it’s subtle enough to prevent distracting the user. Overall, keep the area above the fold balanced so it communicates the exact message you’re promoting.  

3. Design a Clean Layout

Justin Mifsud, owner and editor of Usability Geek, exclaims that “one of the most serious [problems for companies] is that some landing pages have no logical sequence.”

This issue can be caused due to a landing pages being overcrowded with content, improper use of typography, and/or poorly executed design principles.

Once users arrive below the fold it is necessary to streamline the layout by articulating easy-to-digest information, appropriate white space around content, a strong call-to-action, and a submit button with actionable text. Make sure to remove friction in all of these areas to get the user down the funnel smoothly or you may confuse them.

How Can I Get Started? KISSmetrics has an excellent infographic about the proper anatomy landing pages should try to model with descriptions of each element. As the article specifies, there is no exact formula to make a perfect landing page, so try creating a few versions that can be used to perform a multivariate test. Remember to keep your layouts relatively simple and avoid an over abundance of content.

Tip-3-kissmetrics-anatomy-landing-page

4. Make it Accessible for All Devices

Let’s get real here, we are in the year 2015, people everywhere are walking around, surfing the web on devices of varying screen sizes (--even the Apple Watch. Good thing that doesn't have a browser...yet.)

With Google’s mobile algorithm changing, “mobile friendliness” will now go hand in hand with your SEO more so than ever. According to the company, “with mobile search growing at 10x the rate of desktop, businesses that don’t have a mobile-ready site stand to lose up to 1/3rd of their traffic.”  

Optimizing a landing page so users can view it on any platform, will make for a happier conversion journey and a happier customer. With the ever growing nature of people using mobile devices, it is no longer a choice to design for mobile, it’s a must.  

How Can I Get Started? Start thinking about mobile in the design phase of your site. It’s important to understand you may not be able to keep all the content you have on your desktop version and certain pieces may have to be removed. I suggest taking a look at this article by treehouse which does an excellent job of explaining responsive web design and how it’s even beneficial to think about mobile before desktop.

Tip-4-treehouse

5. Testing is your Best Friend

Once you go through each of these steps, identify issues, and develop a couple new designs, it’s time to run some serious A/B or multivariate testing.

As Justin Mifsud mentions, you need to “test, monitor, interpret the results, redesign, test.”

Depending on how you’re organizing your content and design for your target group, each variant can drastically vary your bounce rate, but as you test and remold your design, you will begin to learn what resonates with your audience the most.

How Can I Get Started? I suggest trying two different ways to A/B test. One way is using HubSpot or one of these options and simply monitoring the numbers and adjusting accordingly. The other involves having actual users sit in front of a computer while you record their behavior as they critique the page(s). Incorporating this will allow you to learn exactly what your users are looking for so you don’t need to guess, saving some time spent testing.

Key Takeaway

While it’s easy to get caught up in the nuances of design and usability, it’s important to step back and see the bigger picture of who you’re actually designing for - the user. Make sure that you not only know who they are, but also their goals, fears, motivations, and values. They will be the ones who ultimately help cultivate the proper content, layout, and design of your landing pages.

website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
website performance assessment start
website performance assessment start

Free Assessment:

Website Performance Assessment

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

Topics:

Lead Generation
Web Design
Published on April 28, 2015

Recent Articles

20 Tips for Optimizing Your Business Blog Articles for Conversions
April 21, 2022 • 14 min read
How To Make Each Lead Capture Form a Conversion Powerhouse
April 8, 2022 • 7 min read
How To Grow Your Email List: 13 Savvy Tips To Try in 2022
April 7, 2022 • 9 min read
44 Landing Page Examples to Inspire Yours in 2022
December 31, 2021 • 13 min read
The Selling 7: 5 Best Landing Page Video Examples
December 23, 2021 • 7 min read
Rethinking Your Approach to B2B Lead Gen, ft. Chris Walker (Inbound Success, Ep. 200)
June 21, 2021 • 36 min read
ICYMI: Digital marketing news update for June 7, 2021
June 7, 2021 • 6 min read
What is the Content Marketing Funnel and How Does It Work?
June 2, 2021 • 10 min read
What is Lead Nurturing?
May 28, 2021 • 9 min read
ICYMI: Digital marketing news update for May 24, 2021
May 24, 2021 • 6 min read
ICYMI: Digital marketing news update for May 17, 2021
May 17, 2021 • 5 min read
ICYMI: Digital marketing news update for May 10, 2021
May 10, 2021 • 6 min read
88 compelling words and phrases to prompt website visitors into action [Infographic]
April 24, 2021 • 3 min read
Should You Still Gate Your Content in 2021?
April 8, 2021 • 7 min read
What is Conversion Rate Optimization? (Definition, Examples, and Tips)
March 31, 2021 • 12 min read
What is a good average landing page conversion rate?
March 12, 2021 • 10 min read
Call-To-Action Examples: 31 Designed to Earn Clicks and Generate Leads
March 11, 2021 • 10 min read
Here's Exactly Why Your Inbound Marketing Leads Suck
March 5, 2021 • 6 min read
Increase landing page conversions with these 3 simple, powerful hacks
February 25, 2021 • 8 min read
6 Reasons You're Not Generating Leads With Your Blog Content
November 9, 2020 • 7 min read
9 keys to building an effective landing page [Infographic]
October 3, 2020 • 3 min read
5 effective strategies for decreasing bounce rates on a blog article
August 25, 2020 • 8 min read
7 savvy tips to boost conversions in your retail e-commerce store
July 17, 2020 • 6 min read
6 most common lead generation website problems (and how to fix them)
January 28, 2020 • 8 min read
Facebook ads help: Why are my ads not converting?
January 20, 2020 • 5 min read