How to design forms that convert

Default avatar.
December 12, 2012
How to design forms that convert.

ThumbWhether as part of a registration form, a payment form, or a contact form, it seems we’re always asking our users to give us information.

Unfortunately, a portion of visitors will see our form and, for whatever reason, decide to hit the back button. This could be because the form seems long and intimidating, they aren’t ready to purchase yet, or a host of other reasons.

Any time one of these forms is abandoned we lose a potential customer, so it’s in our best interests to make sure as many people as possible complete the form. It all starts with four simple questions…

What’s in it for me?

When talking about conversions, designers tend to focus on button colors, label alignment, and text-field size. Sure, some tweaks to those details can make a difference, but there is a much bigger question that we need to tackle first:

Why should I, as your visitor, fill out your form? What’s in it for me?

Your users aren’t going to give you personal information because you asked; you need to give them something for it. Something useful and valuable. Think of the transaction like a trade. Your visitor will give you their name and email address and in trade you will give them X (replace X with something that is worth a lot).

For many companies this is a free trial of their software, a PDF report on a topic useful to the visitor, or a free sample.

Not only do you have to give them something really useful, you have to tell them why it is useful. Focus on value. If your software solves a painful problem that the visitor has, then a couple of extra form fields aren’t going to prevent them from signing up.

On the flip side, you could have the shortest signup form ever, just an email address, and I still won’t sign up if you don’t give me a reason to.

Focus on what the visitor gets and your conversions will increase.

Why should I trust you?

Most websites don’t provide such extreme value that I am going to sign up on the spot. There is usually a little bit of convincing that needs to be done, especially since, if it is my first time visiting your site, I probably don’t have any reason to trust you. So as the site owner you need to provide social proof. This could be logos from the news sources that have covered your company, testimonials (with photos) of your happy customers, and any statistics that will encourage me to think positively about your company or product.

Caleb Wojcik of Pocket Changed wants you to sign up for his email list, but he does it by giving you something and providing social proof. First he says that he will give you his eBook, The Get Paid Manifesto, right after you sign up. So we’ve got the “what’s-in-it-for-me” part covered. But he also provides social proof by saying that 7,807 people have already downloaded it. If that many people have filled out the form already then it must be worthwhile.

Caleb could take this further by providing testimonials from people who have learned from the Manifesto.

For software startups this social proof often includes logos from The New York Times, The Wall Street Journal, TechCrunch, and other prominent places they have been featured. These logos, which the visitor is likely to recognize, add instant credibility.

What are you going to do with my information?

To increase conversions we need to overcome potential objections. A major concern for many people is what you are going to do with their information. No one wants more spam or junk email. It may be assumed that you run a credible company that would never sell my information or send me spam, but it never hurts to directly say so.

On the signup form for FogBugz Joel Spolsky, a credible source to the FogBugz audience, directly says, "We will not sell or share your email address, period."

Patrick Mackenzie says, “I'll never spam you. Feel free to unsubscribe at any time,” on the signup form for his training website. These simple statements further their credibility.

How long is this going to take?

Wow, so many objections! I said earlier that form length wasn’t the most important thing, and that’s true. We should be focusing on delivering and showing value long before worrying about how long our form is. But once we’ve optimized the offer, we do need to shorten the form.

I’ll bet many of the form fields you think are mandatory really aren’t. For example, I always thought you needed a name in order to process a credit card. Turns out that assumption just isn’t true.

Gumroad cuts down all the fields normally seen on a payment form to just email address, credit card number, and expiration date. That’s it. If they can do that when dealing with payment, I’m sure you can cut some fields for signing up for a free trial of your software.

Once the fields are down to their minimum, you can try some design tricks to make the form even more likely to be filled out. My favorite is from the prototyping tool InVision. Their create-account page looks like it is in an overlay on top of the application. As a user I assume that I just need to fill out these four fields and the overlay will close and let me access the software. This makes it very clear that there aren’t additional steps to complete after the form.

Find the objections

Take a look at your forms and try to think through all the objections a user might have. Respond to them at each stage. That could be by adding credibility, improving the offer, being transparent about their personal information, or shortening the form.

Each form will have unique objections, so it’s important that you try to think through each one from a visitor’s perspective.

What do you object to when filling in forms? What tricks do you use to increase conversion? Let us know in the comments below.

Featured image/thumbnail, contact image via Shutterstock.

Nathan Barry

Nathan Barry is the author of Designing Web Applications, a complete guide to designing beautiful, easy-to-use web software. He also writes about design and business at NathanBarry.com.

Read Next

24 Best Creative Portfolio Websites in 2023

For anyone working in a digital creative field, whether design, illustration, animation, video, or a combination of…

15 Best New Fonts, September 2023

Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same…

Weekly Design News #1

Every Sunday we’re rounding up the best of the previous week’s stories from webdesignernews.com, and in this issue #1,…

The 20 Most Controversial Logos of All Time (Ranked)

When you hire graphic designers to create your company's logo, what do you expect? Professional designs, culturally…

LimeWire AI Studio Generative Art App

If you’re looking for the most exciting way to launch a career in AI-generated art, then you’re in the right place.

20 Best New Websites, September 2023

Are you in need of design inspiration? Are you looking for the best websites designed in 2023 to pull ideas,…

The Dangers of Deceptive Design Patterns (And How to Avoid Them)

As web designers, our role in crafting user-friendly digital landscapes is critical. We are tasked with creating user…

10 Best Ecommerce WordPress Themes in 2023 [September update]

You plan to set up shop with an online store. You know there’ll be competition. And to compete with or beat that…

5 Marketing Tools Every Designer Needs

Yes, designers do need marketing tools. From freelance graphic designers who need to land more work to designers who…

Exciting New Tools For Designers, September 2023

At the end of another summer, we are all getting ready to knuckle down for some serious work in the fall. But we want…

Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor

Elon Musk recently announced his intentions to create a direct competitor to LinkedIn. Musk’s grand plan is to make his…

Everything You Need to Know to Embrace the Y2K Design Trend

The turn of the millennium was a major cultural shift, and the Y2K aesthetic emerged as a visualization of what the…