After taking over the related work of the portal, the registration and login module of the website has experienced many revisions and iterations in a short period of time, and has extended to support more and more related functions. In any website, the function of registration and login is the most common, the most common function, from the underlying technical architecture, the way to achieve the same.

But! From the data analysis, there are still a large number of lovely users who have opened the registration page and want to become our users, but failed to pass our registration steps, and finally become +1 of our users. It’s not scientific! Register a member, how simple thing ah, fill in a user name, write a mobile phone number, write a password to protect their own security, click register, Bingo, is it so difficult?

User dad: “I don’t want you to feel simple, I want me to feel simple.” After all, even if your website/product/content is very interesting, severe to explosion, users even register all feel trouble, the other are empty talk is not ~

Trouble a: think a net name is very difficult!

Initial user registration, the first step is the need to input a user name, in simple terms, is the only standard real their nickname, well, called “High old zhuangzhu eight quit”, click confirm, “sorry, the user already exists”, that simple point, literally lose a string of “123456”, “sorry, the user already exists”… Ok, you ruthless! Mouse a point, from the river’s lake goodbye this first step to fill the user name, to persuade back. To be unique and realistic, but also to remember that such a seemingly simple but actually quite challenging things up to the users themselves, obviously, and MMMM drink a lot of hot water cheating and flirting with women’s feelings of the man is no different.

To guide the user to fill in the appropriate user name, what kind of user name is not easy to repeat and the user father will not forget it, of course, is the mobile phone number ah! Mobile phone numbers have become unique identifiers thanks to the real-name system and global communication services. Moreover, in the era of mobile Internet, the mobile phone number is used as the login ID, and the SMS verification code is used to verify the ID. All these operation procedures are based on the mobile terminal. Therefore, mobile phone number has gradually replaced email as the mainstream way for APP registration and login.

Don’t let the user want to user name, to guide them to leave a mobile phone number, format specification, will not forget, customer service in the future is also convenient to contact, not sweet!

Tips: Don’t leave the user with something to think about. Make it easy for them to know what they need to fill in

Trouble two: password simple money, password complex master I can not remember

For quite a long time, our company has retained two sets of logics for registration/login: mobile phone number verification code registration/login, user name and password registration/login. Once the product manager came to look at the data with us, and found that the vast majority of users chose the login of mobile verification code, and a large number of users did not want to remember the user name, nor the password.

Tips: Login with mobile verification code, dynamic password, do not need to remember, easier to be accepted by users

Trouble three: I 3 months just think of to see your website, I TM also do not remember to register have not!

This problem is also a problem we often meet. Is there any form that does not require users to perceive whether they need to register or log in? After the previous two drastic cutting function, no password, no user name, in fact, now users only need mobile phone number and verification code can log in/register. Wait, it sounds like you need the same information to register and log in. Yeah, it doesn’t really make a difference, so at the UI level, we don’t really rely on the user to decide whether to sign in or sign in. If you can match your mobile phone number, you can log in directly. If you can’t match your mobile phone number, you can have the best of both worlds.

Trouble four: I don’t have a cell phone number! I don’t have a name!

This kind of… Sounds crazy, but is it really possible to register without any registration information? That’s true. Users can directly select a third-party account to complete the login. The common third-party accounts in China include Weibo, wechat, QQ, Douban, Renren, etc., while the common third-party accounts in foreign countries include Facebook, Twitter, Google, etc.

At present, except for super APP, most domestic apps support third-party account login, which can simplify the process of user registration and login and improve the user conversion rate of APP.

There is a lot more

When doing iteration, also looked at the practice of many people on the Internet, some in the display, error tips, input habits of detail optimization is also worth learning, one side by side in the following

Use show/hide icon instead of typing your password twice

In order to ensure that the password is entered correctly, many apps require users to enter the password twice to make sure that the password is entered correctly, but this undoubtedly increases the user’s workload. The alternative is to add a “Show/Hide icon” on the right side of the password input box, so that users can choose to open the “Show/hide Icon” after entering the password to ensure the correct password input and reduce the user’s workload.

Distribute the phone numbers 3, 4, 4

This rule applies not only to mobile phone numbers, but also to bank accounts, transfer amounts and so on. This is because a person’s short-term memory is limited, meaning that they can only remember a limited number of things at a time, and if they are forced to remember very long things, short-term memory is prone to errors.

So grouping numbers in groups of 4 or 3 makes it easier for users to read, edit and proofread their phone numbers.

Added one-click clearing icon during login

Typing errors occasionally occur during login. Without the clear icon, the user can only press the clear button on the keyboard, which needs to be held down until the input field is empty.

One is just a point can be emptied, a need to press for a long period of time or consecutive times to empty, which is better than which can be imagined.

If it is not necessary, agree to the registration protocol is selected by default during registration

Privacy agreement and registration agreement are selected by default to avoid unnecessary operations.

When switching between login and registration, the data matching the two interfaces will be automatically filled in (unnecessary)

Give feedback with Toast

How to design the registration page? www.woshipm.com/pd/452390.h… How to improve the registration login process interaction experience zhuanlan.zhihu.com/p/53441540