How to design a Web site registration form from experience to facilitate the user

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Registration page is the main way to obtain user data, is definitely not the simpler the better, the design should be from experience to provide users with convenience, rather than reduce the threshold of registration. Rookie blogger combined with previous articles on form design and some of his own shallow experience to make a summary:

(The following is biased towards business-to-business websites)

A "Registration requirements include"

The need for registration can be divided into four steps: ① user type classification ② visitors into membership ③ access to user information ④ information and value-added guidance

① First look at how the major sites do user type classification this step:

Mall

China Manufacturing Network International station, will select the region in the first step, directly through domestic and foreign IP to distinguish between buyers and suppliers of the form.

On the classification of user types, I have summed up a bit:

1. According to the IP classification of domestic and foreign users, and then according to regional habits fill out the corresponding form.

2. According to the user's needs classification:

E-commerce Category: Suppliers, buyers, enterprises, individuals, groups and so on.

Job-seeking Category: Post the Enterprise, candidates, candidates are divided into fresh and non-fresh students.

Social class: Male, female, married, unmarried.

——————————————————————————————————————–

② converts visitors into members

The approximate requirements for this step include:

1. Fill in the account information. Mainly include: Account number, password, mailbox, protocol.

2. To prevent malicious registration, need to verify the code response mechanism.

3. Access to existing accounts should be provided.

——————————————————————————————————————–

③ Access to user information

1. List the detailed information form for the user to fill in selectively.

2. Access to valuable user information, company information and contact details

——————————————————————————————————————–

④ data improvement and user guidance

1. After filling out all the information, users will not let the user "hang", will provide the use of guidance.

2. Provide value-added service preview and introduction.

3. Provide mailbox activation.

Look at some examples of user-led

About the requirements of registration is probably this, below we start process analysis;

Two "registered process"

The main process is roughly summed up, where the second process uses the most registration process for existing sites.

The most problematic thing in this process is mailbox activation.

About Mailbox activation:

Three "How to design to enhance the experience of filling out forms"

1. First, give the user a reason to join

Add an ad copy to a blank area of a form

2. Tell the user how to fill out.

① the specifications of each content should be given a clear indication. (tips include reasons to let users fill in, such as why I want your cell phone number; Fill in the example e.g.)

#p # subtitle #e#

② specify what is required and what is optional? (must be filled with *, you can add fields marked with a asterisk * are required at the top). Such a word, in fact, can not add, because can be turned on all know * is required, but I said PM had to add the

③ uses a progress ruler to prompt the user what steps have been completed and how many steps to make.

After the successful registration of ④, you need to "compliment" the user and tell the user what to do next. (If I were to write a copy, I would imitate the digital company's safety test--Congratulations!) you have successfully defeated 19999 of the Mars users, the registration has been successful! Below you can release the product or continue to improve the company information.

Four "How to design"

The foreplay seems a bit long, so let's talk about the design of the specific page.

① Page Layout

② Information Reminders and error way (hint rule: the mouse clicks the input box is displayed, triggering the next input box disappears; Error rules, instant check error. The correct words will show √ if the front end has time can also change the input box color to remind)

③ information must be categorized so that the form will appear less long.

④ shows the Step progress bar (this has been said before)

⑤ Remove Interference elements (many PM think users are fools, what information is piled up, for fear that others do not know, for example)

⑥ as far as possible to provide a single choice (option less use dropdown box)

⑦ Perfect Fill in the details (to have a service attitude, we can do, do not bother the user)

Seems to have finished, do not know the shooting division & Siege engineers have awakened?

Finally, thanks for reading.