5 Tips to Improve Sign-up Forms (with examples)

5 Tips to Improve Sign-up Forms (with examples)

Sign-up forms are like medicines - you may hate them, but you know you have to take them to feel better. On websites, they play the role of “a ticket” to what is behind the main page - a product, a service or a special offer.

And selling that ticket may be more troublesome than you think it could be.

Sign-up forms are a gate that your users need to cross to access your services. However, if that gate is off-putting and does not quite click, it can result in a high bounce rate and fewer conversions that you’d desire.

The best sign-up form examples do not stand out with extraordinary features - rather than that, they combine the right practices in a customer-oriented form. Where to get some sign-up form inspiration and how to create a compelling form that will convert like crazy? Read this post to find out.

According to The Manifest, 81% of people have abandoned a form after beginning to fill it out. 27% blame its length for this, but there are also many other reasons why sign-up forms do not convert. Before we start identifying what some sign-up form best practices are, let’s briefly explain what all the fuss is about.

What is a sign-up form?

Long story short: a sign-up form is a form requiring some information from a user who wants to take a particular action, such as a registration. For brands, a well-functioning form is needed to generate more leads and convert them into deals.

How to improve a sign-up form?

There are quite a few methods you can use to improve your forms. Some of them can be included in a series of quick fixes, while implementing others can take a bit more time. Browse some sign-up form best practices along with top examples and get inspired.

Make your sign-up form short and sweet

The most important thing about preparing a sign-up form is… not to overdo it. It’s understandable that you want to know a lot about your potential client, but the very first sign-up form they need to fill in is not the best time and place to do so.

How willing would you be to fill in the sign-up form below?

form

The length of the form is one thing - another is the amount of information and action it requires from the user. All of the fields are obligatory. In this case, the user needs to fill in eight fields if they want to download a single piece of content. That’s quite a lot of effort, isn’t it?

Remember about the goal of your sign-up form - this is one of the very first touchpoints between your potential clients and your product.. There will be a better time and place to get to know your user better. At this point, the goal is to encourage them to register.

Via negativa sign-up form creation

Have you ever heard the term via negativa? It stands for “addition by subtraction”: in order to improve usability and deliver more added value, you actually remove existing elements instead of adding new ones.

Take a look at this Basecamp example - they ask for a name and e-mail address. Would it hurt to ask for an e-mail only?

form

The answer is: no. And Netflix knows about it, so they only for an e-mail address after describing their biggest asset: unlimited & more, anytime, anywhere.They do not need to know a user’s name (yet) to serve them well, and the user can access the site in seconds. Doesn’t it sound like a great start?

netlfix form

Use authority quotes and benefits

As long as you should keep your sign-up forms concise and straight to the point, you also should think about implementing some incentives for those who may still be hesitant to sign-up. Adding some authority quotes and social proof (such as reviews from software review sites like Capterra, G2 or Trustpilot), as well as a brief list of benefits (sometimes a short sentence will do) can result in increased conversion rates.

Take a look at a few examples.

form example
Filecamp.com digital asset management software - used a testimonial to persuade those who still had doubts.
form example
Liveagent.com, customer support management software - listed their benefits in just two sentences and added social proof in the form of their client’s opinions – together with a picture of the client, to show that he’s a real person.
form example
CloudTalk.io, call center management software. Instead of providing a single review, CloudTalk shows a couple of ratings from the most popular software review sites.

Oh, and we’re no different:

form example
At LiveSession, we provide solid social proof as well as a short list of benefits on our sign-up form landing page. You know exactly what kind of value you’re getting.

Make it quick and visible

Let’s face it: your users don’t feel comfortable with providing too much data from the very beginning, especially nowadays. However, spending too much time on filling out the form is not something they’re keen on. Looking for the sign-up form forever isn’t their favorite activity either….

You should let your potential clients sign up in seconds, and access the form from anywhere. The form itself is crucial, but if your users need to look for it for too long then they may give up and turn to your competitors. If you scroll Kontentino’s website (below), you’ll notice that a “sign up” button is scrollable and stays in the same place (top right). It doesn’t matter if you scroll the website up and down, so you can always sign up instantly, without seeking the magic button.

form example

Your sign-up form itself should be short and easy to implement. This way, you can attach it to blog posts or embed it in a pop-up without unnecessary hassle.

Always give your potential customers one opportunity: to be a click away from signing up. You should also give them a chance to do it either by providing an email address or by logging in to Facebook or Google to shorten the customer journey. In other words, give them a choice.

create account form

Sign-up form design matters

On top of all of that, your sign-up form just has to be user-friendly and intuitive. Easier said than done? For sure, but it’s worth following sign-up form best practices to get inspired.

Check out this example from Typeform. Minimalistic sign-up forms while presenting their USPs in a few words is not going to distract potential users.

form

Finding the golden mean between great design, customer experience and conversion is not the easiest task. This is why you should consider running some A/B tests on your website to see which solution works best in your case.

You can also get a little creative and introduce a bit of humor. Writing something funny about passwords (for example: “It’ll be our secret” or “No worries, we won’t tell anyone”) can make you more memorable. Of course, the reception of these little jokes depends on your audience – why not test different approaches and see what works best in your case?

Common sign-up forms mistakes

There are a few common mistakes that people often make with sign-up forms. Luckily, many are easily avoidable if you’re aware of them. Let us just list a few of the most popular ones:

  • inserting text in the fields and forcing your users to delete the text first before they can write their data (how frustrating, no?)
  • no clear info or goal of a sign-up - a potential user has no idea of what they register for
  • requiring too much information on a sign-up form
  • lack of building trust, both with a website and a sign-up form
  • too many annoying pop-ups with a sign-up form
  • poor copywriting, not communicating the product’s value

To wrap-up

A sign-up form may seem like nothing but just a few fields that need to be filled – but it’s much more than that. It’s a chance to grab the user’s attention, make a great first impression and persuade them to make a commitment.

Working on your sign-up form conversion can be tough and daunting but if you do it right, it leads to tremendous growth. Your clients are happy because they can register without too much effort, you are happy because you get more of them and your conversion rates skyrocket. A win-win situation, isn’t it?

Want more knowledge?

Get more tips and insights on UX, research and CRO. Zero spam. Straight to your inbox.