Registration form design rules

"Patterns for Sign Up & Ramp Up" was finished very early. The reason I wrote my reading notes today. After reading it carefully, I found that it is closer to community construction guidance that attracts registration and improves activity, and is a good material for research on active community membership.

Since I promised to write a reading review, let’s talk about something related to registration from my perspective. First, break down the skeleton of the entire article, and then combine it with the views to talk about my current feelings.

Registration is actually a bit boring task. The views mentioned in "Patterns for Sign Up & Ramp Up" are:

At first glance, it looks a bit of a marketing flavor, the essence of things remains unchanged, but human emotions can be reversed - giving users a good reason to register;

Changing the boring and annoying feeling is what we need to do: make the form or the entire registration process easy and effort-saving;

The meaning of this view in the entire article focuses on ways to improve activity - users do not complete their mission after completing their registration, and understanding new things in the community is just beginning;

If activity begins from the previous point of view, then here is how to enable users to start living in the community, establish connections, such as contacting friends through the information they posted before, and truly experience the feeling of being close to each other in the world.

The skeleton structure of the whole article is a step-by-step behavioral guidance, which provides detailed annotations and guidance for the introduction of Facebook's members and maintaining community activity, and can be read through the manual. After reading, focus on work and sort out several rules for registration forms:

When the form structure requires multiple steps, it is important to note that you can give a clear navigation Use progress rulers to tell the user the current location and the entire step to emphasize the logical connection in several steps, such as indicating: step1, step2, step3 Use meaningful pictures or ICONs or even titles to explain each step. Use simple language or second person to describe behavior. Action logic steps are best limited to the user's prompts in the registration behavior within 3 steps.
Tip information (tips) Try to appear in places where help is needed or there is a connection between previous and subsequent behaviors. Encouragement to users should be reflected in the process. For example, every time you complete an input, a tick icon, try to avoid pop-up warnings. ICON error prompts. Avoid using warnings to express warnings, so that users feel frustrated, simple and easy to identify ICON to mark prompts, successful, and error styles. If there is an error when submitting a form, it is best to display the error reminder at the head of the entire table for too long forms to guide users to correct them.
About copywriting Quality is more important than quantity, and it is pointed out incisively, rather than listing the best possible words to avoid copywriting with special meanings. If there are exclusive terms, please be sure to explain clearly to avoid user confusion. Do your best to think about the highlights on the copywriting, what is the most attractive to users? Sometimes the latest words are not necessarily the most interesting for users. In our previous projects, multiple data and practices emphasize that it is really important to prove that copywriting is really important. Try to use aligned fields, equal length input boxes and consistent visual styles to reduce visual interference. Try to control the appearance of 3-6 fields and input boxes in one screen (mostly used for multiple steps). If there are information classifications with different concepts when optional and required, please separate the optional and required as much as possible.

These general rules for form design, and the full explanation of the form by students from Yahoo, American students also cover them. They are all the most commonly used. To summarize them for reference by students, there are still many points that can be digged deeper in the guidance of activity. Press the Don't List here, and leave it for subsequent decomposition.