Website Design Analysis: The moving "sign in" details

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

[Core Tip] 10 dozen moving Registration and login page details design

Devils in the details

"The devil is in the details," the adage is more so in design. I believe a lot of people know that there is a website called Littlebigdetails in TUMBLR that specifically records the details of interface interactions that many people may not be aware of. Today we picked up some examples of registration and login forms.

For a Web site or mobile application, registration and login is the first step for users to contact the product, if this step of the interface and interactive design in some details of the new words, can let the user feel a bright words, can greatly improve the product user conversion rate.

Sign in two

1. The image above is TUMBLR registration page, click Start to sign up at the same time. The same is true of the old version of Wunderlist in the image below.

2. Another alternative Amazon in order to achieve "let registered users easy to login, so that new users easy to register" purposes, will be registered users and new users in one, the following figure.

Password Security Tips

3. Geeklist when the password is entered in the registration page, the right side will prompt to crack the password required time.

Similar to the TUMBLR registration page and Twitter registration page, but only to change the time to the bar and color hints, red for dangerous, green to express security.

4. Gmail Login page Enter the old password will prompt the user the last time the password changed.

5. Facebook has done a good job with the password hint, not only to Google, when the old password will be prompted to change the password time, but also the user name bar directly into the user's account basic information, would like to take this to give you a hint.

Dynamic effects/real-time feedback

6. In the Kickstart registration page, when the user's mailbox suffix is typed incorrectly (such as tapping Gmail into Gmaill or Gmaiil) it gives the user prompt correction in real time.

8. Quora login page to enter the mailbox will immediately load the corresponding account information (username and avatar), prompts the user whether the correct input.

9. The registration button on the Path Web page (older version) will present a smiley face in the jump process, with similar effects and CloudApp login page, as shown in the following picture.

10. Lego's Game Lego Universe (closed) login interface is more interesting, in the user input password when the Lego robot will be from the normal state (shown on the left) to cover their own eye state, too much love.

In addition to these, there are many common excellent details experience, such as the registration page after filling in the mailbox automatically get the first part of the mailbox suffix (generally user nickname or Common ID) and automatically fill in the bottom of the user name bar, here is not listed. Of course, it's also important to note that these littlebigdetails just make registering the login form experience a better addition, not all of it.