Which Attributes Describe a Good Landing Page Experience – Tips for Good User Experience –

Summary: Which attributes describe a good landing page experience? User experience encompasses all aspects of the visitor’s interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the visitor on your website, without complications.  User experience aims to provide positive experiences that keep a user loyal to the product or brand. For this reason, the end user experience is the aggregate of many factors ranging from website design, navigation, transaction ease, and of course, page download and rendering times.


As the most powerful focal point of your marketing efforts, the experience of your website visitors can surely make or break your business. So in today’s fast-paced digital trends, how do you satisfy your visitors’ expectations? The answer is – invest in excellent user experience. 

User experience is a person’s overall experience on your website and how convenient or pleasing it is to use. The goal here is to make it as simple as possible for your visitor to accomplish what they want.  

Remember: Your desired conversion can only happen if your customers’ needs are being met.


Deliver What You Promised

You want to align with the visitor’s intent.  Your upfront messaging needs to match the user’s expectations.  You don’t want to make your visitor think.  For example a visitor is searching for “Solitaire Diamond Rings”, the two following ads show in the search engine.

The first search result is from Diamond Exchange.

Ads shown in the search engine

The second search result is from Bevilles.

Solitaire Diamond Rings From Bevilles 1

Both are really good ads and you would expect to be delivered to a page with Solitaire Diamond Rings.  Well Diamond Exchange takes you to the following landing page:

Solitaire Diamond Rings From Diamond Exchange Landing Page

At no point does it show that the visitor has landed on Diamond Solitaire Rings.  It is just showing a bunch of rings with diamonds, not exactly what the visitor was looking for.  On the other hand Bevilles takes the visitor to the following landing page:

Solitaire Diamond Rings From Bevilles Landing Page 1

With this landing page, the visitor knows they have landed in the right place because the title bar in the landing page says “Solitaire Diamond Rings.”  You want to make sure your landing page is delivering what the user wants.


Find out how Bevilles eCommerce increased conversions by 16% and sales by 30%!

Bevilles case study

Use Appropriate Color Schemes

Your visitors will react according to what they’re visually pleased with. No matter what you think, it’s always a bad idea to incorporate too many colors on your website. Instead, use subtle colors. Ideally, 2-3 primary shades from your brand color are great starters. You want to use one primary color for your main call to action (CTA) throughout your entire website.  Any secondary CTA’s should be a subtle version of your primary CTA and all other CTA’s should be a non-competing color with your primary CTA.

A bad example of color schemes on their landing page is Oxford Seminars.  Below is what their landing page looked like when they first approached SiteTuners to improve their landing page.

Color Schemes Oxford Seminars

Their landing page was a kaleidoscope of colors, where the visitor had no idea where to start or find what they were looking for.  After making improvements, you will notice a vast change in the landing page:

Color Schemes Oxford Seminars After Sitetuners E1631169012523

Notice how they now have one primary color for their main call to action button.  This trains the visitor to know that color is what the visitor should press.  The visitor immediately knows what they need to do next.  Use your color scheme wisely to highlight specific areas on your page.


Remove Distractions 

When visitors land on your page It is important to focus on which attributes describe a good landing page experience however, it is equally important to avoid distractions that would confuse the visitor. Stay clear from:

  • Overuse of Colors
  • Incorrect Visual Emphasis
  • Rotating Banners
  • Flash Animation
  • Entry Pops
  • Sudden Pop-ups, etc.

Remember that less is more. You want the visitor to focus on the most important elements of your landing page, specifically the CTA.

Below is a very distracting landing page with multiple CTA’s and an overuse of colors.  The left sidebar is distracting from the overall page and confusing the visitor.

Heller Consultants Landing Page With Multiple CTAs 1

After coming to SiteTuners, the following changes were made where there was only 1 main CTA and the left sidebar was removed from the page.  It was a much cleaner look and converted very well, much better than the previous landing page.

Heller Consultants Landing Page After Fixing CTAs 1

Use Videos Appropriately

In 2021, the average person will spend 100 minutes each day watching online videos. If you are using videos on your website as demonstrations, or to show testimonials from existing customers, make sure you follow standard guidelines for all your videos.

Never start a video automatically.  They are distracting and can annoy a visitor. You want to give the visitor control of when and if they want to start the video.  You should label the video with a short description and the duration of the video.  Allow visitors to decide whether they want to watch the video.

For example, Heller Tax Grievance shows a video on their landing page with a title explaining what the video is about and how long the video is.   This allows the visitor to decide if they want to watch the video or not.

Heller Tax Grievcance Shows A Video 1

Lightning-fast Page Loading Time 

Believe us when we say that no matter how good your landing page is, a slow loading page will make your visitors leave and turn to your competitors. People value their time and are influenced by instant gratification. Make sure to fully optimize your website to attract more potential customers.


Your Guide to Core Web Vitals

Page Experience And Core Web Vitals A Quick Guide For CRO And SEO 1

Capture Data Fields Easily for the Visitor

More than just making the visitor glance over your well-designed website, your goal is to make your visitors actually sign up, subscribe for emails, or click the purchase button. If you want them to take these actions, make sure that the process is as easy as possible for them. Here are a few things that you should put on your checklist:

  • Mark all mandatory fields with an asterisk (*). Clearly indicate all fields marked with an asterisk are mandatory. It would also be useful to tell them why you need this information.
  • When you require a date to be entered, clearly mention the format you need it in (example: mm/dd/yy). To make it even easier, you can provide individual boxes with dropdowns to enter the day, month, and year.
  • When you require the address, have separate fields for country, city, state/providence, etc. Use dropdowns wherever possible. This way, there is less of a chance of typing errors. It also saves the visitor from typing too much.

If you have sent out an email or a text message with a discount code along with the link to your website, it is a good idea to have the coupon code auto-fill when they click on the link from the email or text. This is more convenient than making them manually re-enter the coupon code when they get to the website.


Did you Miss our webinar?

Google Page Experience Update Is Your Site Ready Webinar On Demand

Avoid Impersonal Error Messages 

Imagine how you’d treat a friend once you welcome them to your home. It’s similar to the way you should treat your website visitors. Treat your visitors like guests and guide them step-by-step. Even when you make it very easy for visitors to enter information, there are some who will make mistakes when filling out a form.

The last thing you want to do is to blame them for it. Avoid impersonal messages that just show an error has occurred, and aren’t very helpful in explaining what was wrong and how to fix it.

Here is a good example of using humor in your error messages.  The visitor knows they did something wrong and Mailchimp has let them know what it is with humor.

Username Already Exist

Here is another example of making light of the situation and letting the visitor know they missed some fields.

This Field Is Required

One common thing about these well-established sites are their friendly, helpful tones even after the visitor commits an error.  The only item recommended in these examples is to use a different color for the error messages.  Red is a negative and you don’t want the visitor to feel stupid.  A better color would be Yellow for caution, you have made a mistake.

The first step towards making your visitors feel at ease is to talk to them like a human, not a computer when they make mistakes. The simplest way to do this is to not rely on the programmer to write the error messages for you.
Ask yourself the question which attributes describe a good landing page experience and try viewing your site as a visitor landing on your page.

Give Reasons for Requiring Personal Information  

It’s understandable for your visitors to be skeptical about sharing their personal information online. It’s your job to make them feel secure to trust you with these confidential details. To do this, be upfront on how you will use their personal information.

Here are some good examples of explaining why you are requesting their personal information.

Let them know that their email will be used to send their receipt and tracking information after they have purchased.

Reason To Collect Personal Info Tracking By Email 1

Let them know that you need their phone number in case there is a billing issue.  This way they know you have no intention of spam calling them or selling their phone number to other companies.

Reason To Collect Personal Info Billing 1

Here is an example on a lead generation form.  It’s just a friendly notification letting the visitor know how they plan to use their information.

Email To Recive Your Email Confirmation Png

Will you use their email address to send them a receipt or a confirmation?  Whatever it is, if they’re going to trust you with their personal information, make sure they know exactly what they are signing up for.


Conclusion

User Experience is all about caring for your customers’ needs even before they realize how much they need it. The key is to make their browsing experience on your page easy so the visitor accomplishes what they intended.  Hopefully, this article was beneficial in which attributes describe a good landing page experience. Which tips do you plan to incorporate in your next landing page?

0/5 (0 Reviews)

Speak with a Conversion Expert

Give us 30 minutes and we’ll show you how we can help you achieve better results

About The Author

Scroll to Top
Scroll to Top