What to write in the text call-to-action on the site?
Practically on any commercial site, whether it be a corporate portal, an online store or a modest site like a “business card”, visitors have a so-called call-to-action - a call…

Continue reading →

Interactivity! What? And How?
Initially, there was a network, then e-mail appeared, and people began to correspond. They wanted to tell about themselves, share information - the World Wide Web (WWW) appeared. But static…

Continue reading →

GIF Image Optimization
Converting a full-color image to an index image (i.e. using a palette) is an important operation, and here a few words need to be said about how this is done…

Continue reading →

How to improve the online registration form on the site

On the Internet, the registration procedure is found to us as often as the form of authorization on sites. You have to register to perform: in all kinds of web services that help you find the information you need, free distribution of materials, online stores, social networks, etc. At such moments, the feeling of joy from an interesting find instantly disappears due to the need to fill in endless input fields (besides, sometimes completely superfluous).

As a rule, all this is inconvenient, takes a lot of time and looks too intrusive. Plus, a person can reasonably be alerted to the requirement to provide data about himself, since this violates his privacy (and privacy is important to many).

Today we will tell you how to make the online registration form on the site convenient and less time-consuming to fill out so that it does not annoy potential customers. Let’s take a look at some good examples from the net.

The note is a translation of this article, plus we added a couple of details. Compared to login forms, there are much more different nuances to be guided by.

1. Pay attention to security issues.
People want to know that their personal data is protected. If you are not ready to ensure the privacy of your subscribers, then sooner or later they will turn their backs on you. When creating a registration form, think about how the user will perceive it. Often, he simply does not understand why  too intrusive you needed all this information, and this misunderstanding scares him off.

A case in point is registration in the Claritymoney service. In it you will see the now popular flag “I am not a robot”, demonstrating that the whole process is reliably protected. Why is this a good solution? – Numerous studies have shown the negative impact of the use of captcha on conversion, as a person has to put extra effort. Clicking the checkbox is not difficult, plus it gives the visitor a feeling of complete security.

Good example registration form
A good implementation can also be found in the Mint.com project. An icon in the form of a lock is located on the “Sign Up” button – this makes the user understand that the whole further process is reliably protected.

Security for registration forms
After clicking on the button, you will be taken to a page where you will be asked to indicate your e-mail (note that there is no need to write a name and surname), a phone number (optional) and a password. After that, you just have to click on the “Create Account” button with the image of the same lock. By the way, at the bottom of the page you will find links to the company’s security policy – this is by no means an extra thing.

2. User needs explanation
Another way to make the registration form more “friendly” with respect to visitors is to clearly explain to them why you are asking for information. This is important because in most cases, people simply do not understand why you need their personal information. It will be great if you take the trouble to explain this, say, somewhere near the input fields.

A separate story concerns passwords. The Github resource immediately tells you which characters should be contained in it – the corresponding rules are placed just below the field itself to fill. Remember how many times you invented and entered data on various sites, after which you received a system warning about the inadmissibility of the selected combination. This is very annoying.

Join Github
Some services in the usability issue went even further – they offer beautiful meters of password strength and a built-in warning system that the selected login is already taken by another person. Moreover, the user receives all this information before clicking on the “Register” button. And do not re-require password confirmation – this is the last century!

Another good example of the foregoing is the popular Dropbox web project, where the entire process of creating an account takes less than a minute.

Dropbox Registration Form
3. Do not need many fields
The motto “less is better” applies in our case. The number of fields to fill directly affects the potential conversion.

Take the ebay system. There, the online registration form is quite simple, given that this is the largest online trading platform where serious financial transactions take place. Here you will not even be asked to come up with a login!

Pay attention to the icons on the right – these are additional features that help you find answers to popular questions. Very convenient, practical and not distracting.

4. Use social chips
To simplify the process, it is often proposed to use e-mail as a login, but an even more interesting option from the point of view of UI / UX design is the ability to register and log into your account through accounts on social networks. This will allow logging in on the site in just one click, and the user will not need to store dozens of passwords.

With this approach, the system itself collects all the necessary information.

What can reduce conversion on landing pages?
Landing pages are landing pages of a site to which visitors get from search, contextual advertising or other channels. As a rule, landing pages of a site contain an offer…

...

Furniture site design
Immediately after the publication of the post with the best examples of furniture sites, we came across an interesting English-language article with a similar theme. It contains a selection of…

...

Split screen
One of the most noticeable trends in website design for 2017 is the split of the screen into two parts. More and more web projects are using a similar layout…

...

Trends in the design of email newsletters in 2020
Despite the fact that email marketing has existed for decades, it still remains an actual trend in Internet marketing in 2020 and a popular way to promote services online. The…

...