Website Design analysis: the fascinating details of "register for login"

[Core tips] 10 engaging registration and login page details

Devils in the details

"The Devil exists in details", especially in design. I believe many people know that there is a website called Littlebigdetails in Tumblr, which specifically records interface interaction details that many people may not be aware. Today, we have selected some examples of registration and login forms.

For a Web site or mobile app, registration and login are the first step for users to access the product. If the interface and interaction design of this step are innovative in some details, the product's user conversion rate can be greatly improved if the product is visible to users.

　Login registration error

　　

 

1. On the Tumblr registration page, click Start to log on at the same time as registration. The same is true for earlier Wunderlist versions.

　　

 

2. In order to achieve the goal of making registered users easy to log on and new users easy to register, another alternative Amazon combines registered users with new users, for example.

　　

 

　　Password Security Prompt

3. When you enter a password on the registration page of Geeklist, the time required to crack the password is displayed on the right.

　　

 

Similarly, there are Tumblr registration pages and Twitter registration pages, but the specific time is changed to a bar and color prompt, red indicates dangerous, Green indicates safe.

　　

 

4. Enter the old password on the Gmail logon page and the user will be prompted for the last time the password was changed.

　　

 

5. facebook has done a good job in Password prompting. Not only can I enter the old password like Google, but it will prompt the last time I changed the password, the user name column will be directly changed to the basic information of the user account, so I want to give you a prompt.

　　

 

　Dynamic Effect/real-time feedback

6. On the Kickstart registration page, when the user's mailbox suffix is entered incorrectly (for example, if Gmail is typed into Gmaill or Gmaiil), it will give the user a real-time correction prompt.

　　

 

8. after entering the email address on the Quora login page, the account information (user name and profile picture) corresponding to the email address will be loaded in real time, prompting you whether the account information is entered correctly.

　　

 

9. After clicking the "register" button on the Path web page (old version), a smiling face is displayed during the jump process. The login page of Cloudapp is similar to the effect shown in.

　　

 

10. the logon interface of Lego Universe, a Lego game, is even more interesting. When a user enters the password, the Lego robot at the bottom is normal (shown on the left) it changes to a situation where you can hide your eyes. It's so loving.

　　

 

In addition to the above, there are also many common excellent details, such as filling in the mailbox on the registration page and Automatically Obtaining the front part of the mailbox suffix (usually a user nickname or common ID) and automatically fill in the user name column below, which will not be listed here. Of course, it should be noted that the littlebigdetails above only gives a better experience for registration login forms, not all.