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

Read the Guide 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.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Lead Generation
Close
The Ultimate Inbound Marketing Strategy Playbook 2022

Free Guide:

The Ultimate Inbound Marketing Strategy Playbook 2022
Read the Guide
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 Blog Feature

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
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

44 Landing Page Examples to Inspire Yours in 2022
December 31, 2021 • 12 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
14 tips for optimizing your business blog articles for conversions
April 12, 2021 • 10 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? (updated for 2021)
March 12, 2021 • 10 min read
Call-To-Action Examples: 31 Designed to Earn Clicks and Generate Leads [Updated for 2021]
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
11 Best Examples of Lead Generation Website Designs
January 20, 2020 • 9 min read
Top 9 proven lead generation ideas you need to try in 2020
December 3, 2019 • 3 min read