Talk about the thumb code thing.

What kind of logon process is not annoying? Today @me NetEase Mobile design students from the phone code word this small, talk about his observation of those elegant login experience, as well as some of the anti-human vexed process, in order to control >>>

If the internet has changed human life, then the mobile Internet has changed the human habit, it allows users to throw away the keyboard and mouse, anytime, anywhere in a slap on the screen chat, video, booking hotel, shopping and so on. Today's mobile internet has spoiled the user, with the increase of the function and the enhancement of the user experience, imagine a sunny Sunday, the Thumb tribe in the nest in bed and friends chatting, watching movies, ordering meals, shopping and even send and receive mail and work, lazy let their temper more and more impetuous, It will take a minute to spit your design because of a poor experience of detail. They are too lazy to input too much, because the phone screen is so small that they are only willing to click and slide, as if they can not burn calories, perhaps their future and the next generation will not remember how to type, when the High-tech mobile phone may become a downright secretary, Moving your mouth can help you do what you want, and it's not a distant dream.

It is undeniable that the development of technology and the improvement of user experience is indeed the reason for users to indulge and rely on mobile internet, but also the motivation of designers work. But the mobile end because of the screen size and the difference in the way the interaction, so that some of its functions are far less convenient on the PC side, one of the largest is the input, today we analyze some of the input on the experience of good design to give us some reference to the future work.

　　The need to sign in

Login is like a guard outside the app gate, if you really have business to do, then the door Zhagang and registration is necessary; But if you hold a urine, just want to go into the toilet, at this time the guard also asked you to show your identity card, you want to directly sprinkle on him and then beat him a meal. There are basically two types of logins: ① need an account to get user data and use some basic features such as posts, comments, etc. (such as Facebook, Sina Weibo, NetEase News) ② need to sync data to different devices and platforms (such as impression notes). Here, we have to say that some product managers, for the poor KPI and user data, hard to add their own products login function, but because the login will be how many users blocked in your product. A lot of App boot page last frame, is a big login button, some a little bit of the conscience of the app will be "direct access" display, but small to the naked eye, finger difficulties, this feeling is like to go to government affairs by officials played the same.

When a product matures, login is an essential feature, the timing of the login is very important, if your app is not cow to like Facebook and Twitter account everyone is familiar with, there is no like micro-mail and QQ that has a non-login function, that is, when the user has the need to log in again, One less page entry reduces the threshold and keeps more users.

　　The invention of persecuted paranoia--two passwords entered

Initial PC-side account registration is required to enter the password two times, because the password is hidden, worry because of accidentally press the wrong key and lead to input and heart memory of the difference, enter the second time to confirm, so that it can avoid hand mistake, but the problem is that no hand mistake people to enter two times the same password, The real hand mistake person does not know is the first time is wrong or the second time is wrong, only then is extremely crazy to delete the password, again carefully enters two times the password.

I did not look over the history, do not know this two times password function is who for what reason invented, I guess is a persecution paranoid, worried that he entered the password when someone peeping, so the password to hide, and then because you do not see the password afraid of their own input error, conveniently added two times to verify ... This function must be the computer has not been invented in the era of family popularization, people in public places to use computers, will inevitably worry about the stranger's peek. But now the computer is a very private object, whether it is a family or an office, everyone has their own privacy, there is no need to hide the password, let alone the mobile phone, the privacy of the phone itself is higher, the screen size is limited, do not want to be seen by the hand to block or avoid them, That is, the persecution of paranoid people will be on the phone to adhere to two times to verify the function of the password. Every time I see these app registration needs to input two times password, my manic disease is almost!

A good design is not completely copy the function and design of the PC side, but to consider the appropriate mobile-side application scenarios, as mentioned above, it is not necessary to use two times to verify the password on the mobile side, which undoubtedly increases the cost of the input of the mobile end. The input keyboard of the Apple iOS system will become larger after the point is pressed this in itself allows the user to perceive the correctness of the input, while the input of the password to display the first letter quickly converted to hidden black spots, but also to help users check the correctness of the input, but some experience more elegant app will provide users with the ability to display passwords, Default does not show, when the user needs to confirm whether the password is entered correctly and then click on the display, so that is to avoid peeping, but also to prevent the wrong, and reduce the cost of two times input. Some apps even have a fun metaphor for this feature, such as Tumblr with open eyes and closed eyes to show and hide passwords, bingo! to all the finer details of experience design.

　　Who says login is not required to enter

When your app needs to log in, but you happen to have no public awareness of a set of account system, pull down face authorized access to those familiar with the third party account does not mean that you reduce the number of logins and registrations, but will allow users to quickly complete the login and start using your app's functions. Do not feel wronged, because you are not good enough, users have never registered in your place, they do not need to remember more than one account, have a better choice who do not want to?!

The advantage of a third party account login is that you already have some out-of-the-box login information on your phone, you can just get authorization, do not enter any user name and password, some high authority can you in other app nickname Avatar Birthday School Blood type, etc., these personal information if you fill it is really annoying ah!

So the question is, what is the layout of the login page? How to display the third Party login button while highlighting your account system? The answer is to present the most important information to the user. Some app is coy, with third party login also want to weaken the display, anxious to let their account login bright blind user's eyes, quickly choose me to choose Me (⊙o⊙), in fact, whether you have done user research, whether can justifiably prove such a third party login to reduce the click rate? In contrast, I prefer to directly highlight the Third-party login design.

Since there is a login, there will be a need to exit the login. The fact that most apps exit the login and log on again and do not help the user record the user name, which is not a good design, no matter what the reason for it, reducing user information input will make users feel that it is not so difficult to login again, especially in China, Their username may be hard to play but they feel cool in Chinese, it may be the international style of English combined, more likely to be some of the popular Yan text, and so on, no one wants to re-enter again. And for most non-social apps, the account does not have a very important privacy, the login is mainly to facilitate the use of some of these features, this time even remember the username and password is not too much. For example, Yahoo News app, exit login, will remember all the user name and password logged on the device, log in as long as you choose to login to the account on the line, full convenience.

At present, many of the mainstream of foreign apps have been connected to the 1password login, 1password is a help you manage all account password of the app, its advantage is that you reload the app or multiple device login to help you log in one click, The premise is that you will be the site's account password to deposit 1password.

　　Registration is a test of user patience

If you really do not access the authorized third party account number, or your user is a die-hard, he has to register your product, then first of all, congratulations! But do not feel that the user came to this step can be properly registered successfully, perhaps the next step he will be angry uninstall your app, simple and experienced a good registration page is very important. See the following Behance registration page, no matter how good the content of his app, I can not go on, and will be crazy. Don't say how small adobe account number, so many forms are checking my account?!

The purpose of registration is to create an account, this account is after you use the Web site or app vouchers, in simple terms, user name (mailbox) and password is enough, first let the user successful registration, to normal use of functions, as to what the nickname Avatar Birthday, users want to perfect his own to find, do not need you to worry about, If you're not a social type app, you don't even need these perfect features. The booking registration interface in the figure below is very clean and concise.

Of course, if it's a social networking site, you need to fill in a username or nickname, it is also necessary to detect nickname Repeatability, most products will only hint "nickname is used", the user can do is to change a nickname, unfortunately, the nickname may still be used, because for a product with thousands of millions of users , you think of the nickname others also early thought, and so not stop the trial, but rather give the user a reference, because some users of the name does not matter, they want to be fast registration completed.

The Flickr registration page automatically matches my username after I fill out my name (I don't want to fill out so many forms) if you do not like, you can click on the button to change, enter the password will prompt me the strength of the password, such benefits are timely feedback timely changes, Don't wait until all are filled in to complete click Register and tell me a bunch of bugs.