Steps of an excellent registration process

Steps of an excellent registration process
For a website, it is the most basic function.
So let's take a look at the steps involved in a registration process.
1. Fill in your account number and password.
2. Email activation.
3. Fill in some basic information.
4. OK, done.
Is it simple? Simple.
This alone cannot be considered an excellent registration process. If you carefully consider each step here, it is quite meaningful.
Let’s look at the first step first. Back then, every website required you to fill in a membership account, and sometimes you would find out that your frequently used account was used by someone else when registering. That kind of crazy and depressed feeling, now most websites require you to fill in an email account, which is much better.
When reading the second step of activation email, you must pay attention to speed. If the user has not received the email after 30 seconds after seeing the words "Activation email has occurred", it is a failure. I think the user logs in to the mailbox and checks the email in less than 10 seconds. I can also imagine how disappointed he is when he opens the mailbox and does not see the activation email. Although he frantically clicks the receive button and refreshes the page, he finally sees the belated activation email (although you may only be late for a dozen seconds), his first impression of the website is not so good. Don't expect users to vent their anger on the mailbox provider, maybe the problem is there or it is a network problem. For unsafe mailboxes, you can add prompts such as "It is not recommended to use XXX mailbox" or "It is recommended to use XXX mailbox" next to the Email to give a preventive measure.
The third step is the most important and also the most interesting step. The user clicks the activation link to come to this step. Logically, the user has successfully registered here, so the registration process should also be completed here. However, this cannot be considered a good registration process, because although the user has become your member, do you know him? You know nothing about him except his account number and password. He is like an invisible man and you can't do anything to him. Therefore, you must collect some basic information about members. Not too much, just a little bit. Pick out the most important ones that are most useful to your website. Every website is different.
Generally, websites will collect profile pictures, place of residence, gender, real name, hobbies, specialties, etc. here. There will be some differences depending on the website.
There are a few more points to note in the user experience:
1. Don’t collect too much information. Generally, four to five items are enough. (The numbers are just my personal opinion). Too many will put too much pressure on users and cause them to give up.
2. Information collection items should be options as much as possible, allowing users to just click the mouse. Don't let users spend too much time typing on the keyboard and moving the mouse, and don't expect users to use the Tab key to switch. Even if you add this function, not many people will use it. This is in China. In this case, why don't we make it all options so that only the mouse can be used? Of course, keyboard control must also be done well.
3. There should be a skip link.
4. Make sure the user knows which step you are at and how many steps there are in total.
5. Often the most important information should be collected first. Because the more the user fills in the form at the beginning, the more likely he is to do so. Later on, he will frantically click on the skip link.
After completing the fourth step, go to the personal center. At this time, the member will see a colorful personal center page. There will be some content recommended by the system based on the information he filled in the third step, such as friends in the same city, your colleagues, things you may like, etc. These contents are fully presented to the members. He will not see an empty personal homepage or personal center, but will be integrated into the atmosphere of the website. This is the importance of information collection in the third step!

<<:  Introduction to CSS3 color value RGBA and gradient color usage

>>:  Several methods to solve the problem of MySQL fuzzy query index failure

Recommend

MySQL account password modification method (summary)

Preface: In the daily use of the database, it is ...

Graphical explanation of the underlying principle of JavaScript scope chain

Table of contents Preface Scope 1. What is scope?...

The benefits of div+css and web standard pages

The div element is used to provide structure and b...

Open the Windows server port (take port 8080 as an example)

What is a Port? The ports we usually refer to are...

A simple example of how to implement fuzzy query in Vue

Preface The so-called fuzzy query is to provide q...

Vue implements small search function

This article example shares the specific code of ...

Solve the docker.socket permission problem of vscode docker plugin

Solution: Kill all .vscode related processes in t...

Summary of some of my frequently used Linux commands

I worked in operations and maintenance for two ye...

Native JS to achieve draggable login box

This article shares a draggable login box impleme...

MySQL encryption and decryption examples

MySQL encryption and decryption examples Data enc...

Four methods of using JS to determine data types

Table of contents Preface 1. typeof 2. instanceof...