How to design a registration form

The registration page is the main way to get user information at http://www.aliyun.com/zixun/aggregation/18682.html. It's definitely not as simple as possible. Design is to be convenient for the user from experience, not to reduce the registration. Threshold. The rookie blogger will read combined with the previous article on the form design and some of their own superficial experience to sum up:

(The following content is biased in B2B website)

A "registration requirements include"

Registration requirements can be roughly divided into four steps: ① classification of user types ② visitors into members ③ access to user information ④ information and value-added guidance

① first look at how major sites are done Category of users This step:

Jingdong Mall

Made in China International Network Station, will choose the first step in the region, directly through the domestic and foreign IP to distinguish buyers and suppliers form.

About the type of user classification, I probably summed up a bit:

1. According to the classification of IP users at home and abroad, and then fill in the corresponding form according to regional habits.

According to the needs of users classified:

E-commerce categories: suppliers, buyers, businesses, individuals, groups and so on.

Job category: post jobs for enterprises, candidates, applicants are divided into fresh and non-fresh students.

Social categories: male, female, married, single.

---------------------------------------

② convert visitors into members

The approximate requirements for this step include:

1. Fill in the account information. Mainly include: account number, password, email, agreement.

2. To prevent malicious registration, the need for verification code response mechanism.

3. An account that already has an account should be provided.

---------------------------------------

③ access to user information

1. Lists detailed information form allows users to selectively fill in.

2. Get valuable user information, company information and contact information

---------------------------------------

④ data improvement and user guidance

1. Users fill in all the information, the user will not generally allow "hanging", will provide guidance. 2. Provide value-added service preview and introduction. 3. Provide mailbox activation. See some examples of user guidance about the registration requirements is probably these, and now we start the process analysis; two "registered process" general summary of the main process, the second process is the most commonly used registration process for existing sites. The easiest problem in this process is the email activation. About email activation:

3 "How to Design to Enhance the Experience of Filling Forms"

First, give the user a reason to join

Add ad copy in a blank area of ​​the form

2. Make it clear for users how to fill.

① The specification of each content should be given clear hints. (Hint includes the reason for the user to fill in, for example, why I want your cell phone number; fill in the example eg)

② clear description of what is required, which is optional? (Required to have *, you can add Fields marked with an asterisk * are required at the top. In fact, you can not add, because you can turn on all know * is required, but I can only say PM Had only added)

③ using the progress bar to prompt the user has completed what steps, but also how many steps worse.

④ After successful registration, you need to "praise" about the user, and tell the user what to do next. (If you let me write a copy, I want to imitate the digital company's security testing - Congratulations! You have successfully defeated the Mars 19999 users, the registration is successful! Here you can go to release the product or continue to improve the company information)

Four "How to design"

Foreplay seems a bit long, the following to talk about the design of specific pages.

① page layout

② information to remind and error way (prompt rules: the mouse clicks the input box is displayed, trigger the next input box disappears; error rules, real-time verification error. The correct words will be displayed; if the front has time also allows the input box Change color reminder

③ information must be classified, it will look like the form is not so long.

④ shows the progress of the steps (before this talked about)

⑤ remove the interference elements (many of the PM thought the user is a fool, what information are up heap, for fear that others do not know, give a counter-example)

⑥ try to provide a single choice (options do not use the drop-down box)

⑦ improve the details to fill (to have a service attitude, we can do, do not bother users)

Seems to finish, I do not know shooting division & siege division who did not realize?

Finally, thanks for reading.