Try your best to build a website that guides visitors to convert. During the research and analysis, I am glad to see that the user journey you generated is used repeatedly by this visitor. However, it will prevent conversion. In this guide to advanced query forms, learn what it is. The consultation form is an important part of the visitor’s journey. Even if you effectively sell all the content provided by the website, if you do not run the contact form correctly, you may actually destroy your experience. Broken buttons, chaotic fields, too many steps, an uncluttered interface… Damn it, even the placement of the contact form will hinder the user experience. The
There are many things that can go wrong. In this article, we will try our best to teach how to avoid these things. To be more specific, we have 6 rules for you to establish our… Perfect contact information, but wait a minute, the first is fast PSA… Before going further, you should know that this is high-level information about the world of WordPress consulting methods. If you need a brief introduction, it is recommended that you start the \
Once you’ve done what we want, you’ll be ready for the high-level information (hey) that comes with it. Continue… User login. Membership. Email subscription. Request for quotation. Questionnaire. Request support. Order and payment forms. WordPress sites have several ways to use contact forms. However, if you want the query form to execute correctly, you must follow the following rules. The Google eye tracking research released in 2014 shows that the user experience will be greatly improved according to the most basic usability guidelines for form design. The
In particular, if the contact form meets all the rules, 78% of users can create and submit it in one attempt. However, if the contact form violates these rules, only 42% of people can complete it in one attempt. Do you want to know what that rule is? Then read on. Rule \1: as shown by some other rules with the focus on sorting here, people tend to pay attention to the length of the query style that leads to the wrong design selection. For example, look at sorting. See this form on the braintraffic website: \
This is a beautiful contact form on the braintraffic website. One way to solve this \
Google selected these guidelines in 2014 and tested them through a line of sight tracking study. In the eye tracking test, it is obvious how much effort the visitor’s eyes make when we do not pay attention to the sorting. Among the results of many studies, a left aligned form with labels placed above each field can improve the user experience. To make the contact form follow this simple collation, you must do the following: Left align all labels, form fields, and the default \
Please activate the device. There is no need to deal with misspelled and malformed addresses, and visitors are not required to enter most of the information. If you are concerned about the length of the conditional logic contact form (especially for different user types and different purposes), you can use conditional logic to keep it short. If the user selects a specific \
Prevent returning to the form to correct errors without completely deleting the response for viewing. The light gray text used in placeholder prompts is not suitable for reading. Fields with prompt text can be confused with fields filled with data, so the user will skip the field, submit the form and receive an error message. Some screen reader tools cannot read placeholder prompt text. NNG indicates that users find empty fields more attractive than fields containing prompt text. If you place a label or descriptor above a field, the form may look longer, but it is more usable. Rule \6: look at the buttons. Wpmu dev already has an excellent guide for designing better buttons, so I won’t explain it again. Instead, I want to focus on doing something to improve the query form button. First, always align the default CTA with the form fields, even if it seems illogical. For example, if there are \
