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 Guide: The Ultimate Inbound Marketing Strategy Playbook 2022

Download the Playbook
Fill out the form to get your playbook
Thank you! You have been subscribed.
... Inbound Marketing Lead Generation
Close
The Ultimate Inbound Marketing Strategy Playbook 2022

Free Guide:

The Ultimate Inbound Marketing Strategy Playbook 2022
Read the Playbook
The Ultimate Inbound Marketing Strategy Playbook 2022
Free Inbound Marketing Playbook
View The Ultimate Inbound Marketing Strategy Playbook 2022
The Ultimate Inbound Marketing Strategy Playbook 2022

Free Guide:

Take your inbound strategy to the next level

  • Master the 7 principles of highly effective inbound marketing
  • Dramatically improve your inbound sales
  • Get more buy-in at your company

4 UI Design Tips for Higher Converting Forms

By Vin Gaeta

Vin Gaeta also recommends this free guide: The Ultimate Inbound Marketing Strategy Playbook 2022.

4 UI Design Tips for Higher Converting Forms

higher-converting-forms.jpgIf I asked you what the most important part of a landing page is, your go-to answer is likely content and I’d be hard pressed to argue with you, but the part that truly matters, and usually gets the least amount of love, is the form.  

If you’re looking to overhaul your landing pages and create higher converting forms, you’ve come to the right place.

I compiled some examples of UX/UI elements from around the web that are sure to delight your users and increase conversions even if they don’t realize it.

Free Guide: The Ultimate Inbound Marketing Strategy Playbook 2022

 

1. Clean Up Your Field Labels

Every form has labels; how you choose to utilize them is up to you.

Studies have shown that the overall size of a form can determine its effectiveness. If the form looks enormous or complicated because you have 10px of space between the label and the actual field, people are people going to hit the back button as fast as they can, killing your conversion rates.

Putting placeholder text in each field is a great way to shrink up your forms.

That means there aren’t field labels to add unnecessary length, but unfortunately, it also means that once someone starts typing, the label goes away, making it more likely that people may forget what they were filling out (hey, it happens to the best of us).

Shopify-clean-form-labels.png

Shopify uses a great UI element on their subscribe form that transitions the placeholder to the top of their form fields. This is a clever way of keeping the form area small, but the label in front of the user at all times.

This is a small, but extremely helpful way to make the conversion process easier for users and in turn, making your conversion rate more likely to increase.

2. Tell Them What to Expect

Most landing pages do a great job of telling you what you’ll get for filling out their form, but FalconSocial is making 100% sure their users understand what comes after they submit by adding a “What happens next?” hover modal.

FalconSocial-2-Form-Expectations.png

This simple addition quickly and easily tells you what will happen when you click that button, building trust.

If people know exactly what to expect when they submit the form it lowers their guard and makes them more willing to convert.

This is also great way to keep your landing pages streamlined, while also showing your user how simple the next steps are.

3. Show Value with Amazing Supporting Text

Regardless of whether your form is on a dedicated landing page or a subscribe field on your homepage, messaging and supporting text is vital.

If you’re not providing value to the user, they have no reason to give you their email address, let alone any other information. You need to explain why they need to fill out the form in as few words as possible.

Wistia does a great job with their newsletter subscribe form’s supporting text on the library page.

Wistia-3-Form-Value.png

They tell you exactly what to expect, where to expect it, and how frequently you’ll get it. This makes it really easy for the user to say, “Why yes Wistia, please impart some fresh video marketing content upon me weekly.” That is what you said, right?

All joking aside, making your form or landing page text direct and easy-to-understand is the best way to ensure your audience gets the value you’re providing them, or hoping to provide them.

4. Create an Immersive Experience

This might not apply to every situation, but it’s definitely something to keep in mind for your next landing page.

What’s better than a higher converting form? A higher converting form that the user doesn’t realize they’re filling out.

The team over at Gasket.io has done an amazing job with this on their .

Gasket-4-Form-Immersive.gif

To sign up for the beta of their “Google Sheets as a front end” service, you’re taken through a beautifully designed, immersive form that feels seamless and is easy-to-use and understand. It doesn’t feel intrusive like most forms and actually makes you want to continue providing information.

The Takeaway

Improving your UI Design is a surefire way to get higher converting forms on your site. Cleaning up your form fields, creating an immersive experience, and telling the user exactly what to expect are great ways to improve your user experience, increase trust, and build the convert needed to follow through.

increase-website-conversions

The Ultimate Inbound Marketing Strategy Playbook 2022

Free Guide:

The Ultimate Inbound Marketing Strategy Playbook 2022
Read the Playbook
The Ultimate Inbound Marketing Strategy Playbook 2022

Free Guide:

The Ultimate Inbound Marketing Strategy Playbook 2022

Take your inbound strategy to the next level

  • Master the 7 principles of highly effective inbound marketing
  • Dramatically improve your inbound sales
  • Get more buy-in at your company

Topics:

Lead Generation
Published on January 21, 2016

Recent Articles

Demand Generation vs. Lead Generation: What’s the Difference?
June 6, 2022 • 5 min read
Increase Landing Page Conversions Rates With These 3 Simple, Powerful Hacks
June 2, 2022 • 10 min read
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
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