Learn
Learn
Close

They Ask, You Answer

A revolutionary approach to inbound sales, content marketing, and today’s digital consumer.

Learn MoreLearn More

Free Courses in IMPACT+

Dozens of sales, marketing, and content courses inside IMPACT+. Start learning now.

See all coursesSee all courses
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Coaching & Implementation Services
Coaching & Implementation Services
Close

Services Overview

See how you can dramatically increase your inbound leads and sales.

Services Overview

Digital Sales and Marketing Mastery

Fast track your team’s success with IMPACT's most popular service.

Digital Sales and Marketing Mastery

Web Design

Launch a beautiful website that consistently generates leads and revenue.

Web Design

Virtual Sales Training

Equip your sales team with comprehensive training designed to help them close more deals in today's virtual-first world.

Virtual Sales Training

HubSpot Training & Implementation

Train your company to take ownership of HubSpot and get the most out of your investment.

HubSpot Training & Implementation

Case Studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

Case Studies
Become a Coach
Become a Coach
Close

4 UI Design Tips for Higher Converting Forms

4 UI Design Tips for Higher Converting Forms Blog Feature

Vin Gaeta

Managing Director, IMPACT+ Division, 10+ Years of Sales & Marketing Experience, 12+ Years of Development Experience, 14+ Years of Project Management Expertise

January 21st, 2016 min read

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.

 

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

Want to learn more about digital sales and marketing?

Master digital sales and marketing when you join IMPACT+ for FREE. Gain instant access to exclusive courses and keynotes taught by Marcus Sheridan, Brian Halligan, Liz Moorehead, Ann Handley, David Cancel, Carina Duffy, Zach Basner, and more.

Sign up for free
Take a peek

Access hundreds of FREE courses and keynotes

Free Course
Digital Sales & Marketing Framework for Today’s Buyers
By: Marcus Sheridan
View Course Preview View Course Preview
Free Keynote
A New Way to Compete & Win
By: Brian Halligan
View Course Preview View Course Preview
Free Virtual Keynote
How To Genuinely Feel Confident, Be Likable, And Build Trust On Camera
By: Liz Moorehead
View Course Preview View Course Preview
Free Keynote
The Future of Marketing is Conversational​
By: David Cancel
View Course Preview View Course Preview
Free Deep Dive
HubSpot On a Budget: Getting Started with HubSpot Starter Hubs
By: Courtney Caldwell
View Course Preview View Course Preview
Free Course
Assignment Selling: Content is Your Greatest Sales Tool
By: Marcus Sheridan
View Course Preview View Course Preview
Free Keynote
The Big, Bold, Brave New World of Marketing​
By: Ann Handley
View Course Preview View Course Preview
Free Course
Investing in Incredible Digital Sales and Marketing Results
By: Chris Duprey
View Course Preview View Course Preview
Free Course
How To Show Your Content Makes Money With HubSpot Marketing and Sales Hubs
By: Liz Moorehead
View Course Preview View Course Preview
Free Virtual Keynote
The Visual Sale
By: Marcus Sheridan & Tyler Lessard
View Course Preview View Course Preview
Free Keynote
Marketing Tech: What’s Now, What’s Near and What’s Not Anytime Soon?​
By: Dharmesh Shah
View Course Preview View Course Preview
Free Course
Inbound Lead Generation & Conversion Optimization
By: Carina Duffy
View Course Preview View Course Preview
Free Virtual Keynote
Fundamentals of Videography: You Can Be a Great Videographer Too
By: Zach Basner
View Course Preview View Course Preview
Free Deep Dive
The Ultimate Customer Service Toolkit for Any Budget
By: Andriti Gulati
View Course Preview View Course Preview
Free Course
6 Topics Subject Matter Experts Need to Address
By: Kevin Phillips
View Course Preview View Course Preview
Free Keynote
Fanocracy: The Power of Making Business Personal​
By: David Meerman Scott
View Course Preview View Course Preview
Free Keynote
The Power of Pillar Content
By: Liz Moorehead
View Course Preview View Course Preview
Free Keynote
SEO for the Future
By: Franco Valentino
View Course Preview View Course Preview
Free Course
Fundamentals of Social Media Marketing
By: Stephanie Baiocchi
View Course Preview View Course Preview
Free Deep Dive
A Practical Guide To Video Graphics
By: Colton Trcic
View Course Preview View Course Preview
Free Session
How To Get Your Community To Know, Like, And Trust You With Video
By: Marki Lemons Rhyal
View Course Preview View Course Preview
Free Course
Video Sales and Marketing Strategy
By: Zach Basner
View Course Preview View Course Preview
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
Hundreds of courses and recorded keynotes, completely FREE
Check it out
Access hundreds of digital sales and marketing courses and recorded keynotes, completely FREE