Interaction Design Example: How to design the basic registration function

A few days ago, the glorious children's shoes sprayed a " talk about Web site registration, login process ", today we are in with the small climb children's shoes combing the purchase process also talked about this part of the content. In fact, registration as a website basic skills can be more common, but provide different product services for the registration of the site requirements are not the same, and not every site has a good experience in the registration process. This is a simple chat here. The basic registration function is designed without regard to operational metrics and commercial objectives.

Information architecture for registering pages
Registration of the information structure of the page to clear and concise, the registration form as the main information, in addition to the logo, help information and some necessary return links, to avoid all other interference with the registration of information, fully protect the user to concentrate on the registration process.

The design of the registration form
1. There is no threshold for registration. Simple form design makes it easy for users to access, and further mining user information in subsequent service applications.
2. Username: It is best to e-mail address as a login, of course, better mobile phone number, user-friendly memory and retrieve the password, but also convenient for the site for EDM. Individual sites need to enter the user name again, perhaps in order to prevent users accidentally input the wrong user name and register and can not log in.
3. Password: Password field needs to be entered again, this is the practice does not repeat.
4. Verification code: Almost all websites have introduced the verification code mechanism to prevent malicious registration. In addition to the common picture Verification code, there are many simple question and answer verification code is also good. (recommend a very powerful Third-party authentication code service provider http://recaptcha.net/)
5. The above is the most basic information. If there are other categories of fields, such as personal data, company information, and so on, suggested step-by-step processing, so that the form and the page will not appear too verbose. Of course, you need to indicate how many steps to register and where you are currently.
6. If the site's service objects are different, you can design different fields for various objects, reasonable guide users to choose the appropriate form for their identity registration. The most common is that some business-to-business websites distinguish between buyer registration and seller registration.
7. The best way to support OpenID is, of course.

Registering the interaction of a page
1. field control prompts. Different Web sites have different control over the fields, as far as possible in the current description of what this field supports.
2. Verify the legality of input field information in time. Prompts the user to fill in the fields correctly or incorrectly, avoiding the frustration of the user after submitting the form submission and unnecessary return lookup.
3. Security verification of the password. This is especially important for websites with high security requirements, such as corporate services and finance. Password strength verification is a common practice, and the Twitter registration Form password Control is further, he will disable 370 common combinations of letters or words, use these as a password will be prompted: "Too obvious" (interested in children's shoes can be turned over the wall access http:// Twitter.com/signup View Source code)
4. Verification code of the picture or problem in the Validation Code field input box is triggered after the mouse to display, to avoid the input information consumed too much time before the verification code expired.
5. After all required items are met, the "submit" button can be clicked, otherwise the ash is not optional.

Of course, all of the above are just the basics, and it would be more complicated to consider operational and commercial intentions. Even the complexity also needs to have a perfect balance with the good user experience, otherwise the registration function will be the website conversion rate G.F.W ...