How to successfully design high-conversion forms

Default avatar.
September 03, 2014
How to successfully design high-conversion forms.

thumbnailThere are an almost-infinite number of well-written “best practice” articles on the subject of form design that focus on usability, layouts, and length. These articles tend to dive deep into UX tactics to increase form completion. While these tactical recommendations are an important piece of the puzzle, these articles often neglect to provide a larger strategic framework around the design of the form itself. Before one even gets to the form layout and interaction design, one must consider the nature of the form itself.

In other words, why would a user fill it out in the first place?

A form is a transaction. You are asking the user to take time out of their day to provide information to you. Like any transaction, either digital or physical, there are criteria that a person must consider before engaging. So how do we introduce this concept into the design of our forms? Two primary factors to form completion are:

  1. Brand reputation
  2. What the user gets in return

Form length, while an important consideration, is only one part of form design: imagine if Apple had a 50-page form and the user received a free iPad upon completion; that form would have astronomical completion rates. And why is that? Because Apple is a reputable company and they are offering a valuable product in exchange. That's a great deal, and it would be worth the user volunteering their time and information.

Have you ever designed for a client who wants every single detail about the user for a registration or contact form? They ask for the person's name, email, phone number, date of birth, employer, position, salary rate and shoe size, and every field is required. Then they are shocked when the completion rates are low. That’s when we have to step up as consultants, helping clients see from the user's perspective and not just what's in it for them.

What’s your reputation?

You might be designing for a large company with an established brand name. In these cases, many years and millions of dollars in marketing have created an implied trust, so a user might be more comfortable giving a little more information.

However, if you’re a startup or otherwise unknown organization, the user might be more apprehensive about volunteering their information. Your design will have to account for this.

What can you offer?

Access

Many of the flash sale sites, like One Kings Lane, require an email address just to browse the site. As a user, you can't even see the products unless you give up your email address. It's worth it to many people in this case, as a few extra emails in your inbox each week are worth the price of admission to see the deals on offer.

onekingslane_screenshot

More full-featured applications require registration to use the product. Take Twitter's registration form, they ask for your full name, email, and password. In exchange, they offer direct access to a global community of over 600 million people, including celebrities, business leaders, politicians, and gurus of every stripe. Three pieces of information in exchange for all that? Done.

Twitter_signup_screenshot

What are you asking for, and what are you offering in return? It's likely that you won't have the same value proposition as Twitter. If you are a new startup with few users and you are trying to get people to sign up for your app, it’s in your best interests to limit what you ask for, as the user might not see the value of the service in the same way you do.

A digital product

Other companies and services also offer something more direct in exchange for information.

Here, passive income blogger Pat Flynn wants users to sign up for his newsletter. He is a very popular blogger, but not necessarily a well-known brand. That said, knowing how important it is to build an email list for his site, he offers his ebook free when the user signs up. This might convince a user interested enough in the subject matter to sign up for the newsletter if they were undecided about getting yet another email in their inbox from a source they don't know if they can trust.

SmartPassiveIncome_screenshot

Hubspot is a thought leader in online inbound marketing. Here, they offer a free "On Page SEO Template" as a download if the user fills out the form on the right of the page. In this case, they ask for quite a lot of required information. They can do this because they are a very reputable company in this space and they are offering a valuable tool in exchange.

hubspot_screenshot

One could offer white papers, podcasts, videos, email newsletters, presentations, and webinars, to name a few.

Free Samples & Giveaways

People love their free stuff. By sending customers a free sample, Emergen-C can ask for quite a lot of information on their Facebook page, including the user's physical mailing address. People will likely volunteer this information if they have heard of Emergen-C, and want to try some at no charge.

emergenc_screenshot

Same goes here for Allure. This brand has a large following of fashion conscious readers. By offering giveaways of high-value merchandise, they can in turn ask for high-value information from their readers. That said, it seems like they could ask for more information here without much negative effect on the completion rates given the value of what they are offering.

allure_screenshot

Would you complete the form you’re designing?

This is a good jumping-off point when designing the form. Ask yourself if you would complete this form if you were to encounter it in the wild. If you are designing for a client where the end user is someone wildly different than you, try and put yourself in the user's shoes. Would you do it then? Why or why not?

Unfortunately, there is no magic formula for designing forms. Think about it, decide if what you’re offering your audience is valuable enough to warrant the amount of information you’re asking for, and ideally A/B test your assumptions when the form is launched. But the most important thing is to ask yourself, “Why would a user complete this form?” and go from there.

Jeremy Belcher

Jeremy is a freelance user experience consultant & designer based in New York City. In addition, he is the co-creator of W9er.co - a web app for freelancers to quickly create and send W9s.

Read Next

15 Best New Fonts, September 2024

Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…

3 Essential Design Trends, October 2024

This article is brought to you by Constantino, a renowned company offering premium and affordable website design You…

A Beginner’s Guide to Using BlueSky for Business Success

In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…

The Importance of Title Tags: Tips and Tricks to Optimize for SEO

When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…

20 Best New Websites, September 2024

We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…

Exciting New Tools for Designers, September 2024

This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…

3 Essential Design Trends, September 2024

September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…

Crafting Personalized Experiences with AI

Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…

15 Best New Fonts, August 2024

Welcome to August’s roundup of the best fonts we’ve found over the last few weeks. 2024’s trend for flowing curves and…

Turning Rejection into Fuel: Your Guide to Creative Resilience

Rejection sucks. And for some reason, it’s always unexpected, which makes it feel like an ambush. Being creative is…

20 Best New Websites, August 2024

The overarching theme in this selection is simplicity. Minimalism never really goes out of fashion and with good…

Free AI-Website Builder, Scene, Helps With the Worst Part of Site Design

AI website design platform, Scene As we’ve been hearing constantly for the last couple of years, AI will soon replace…