Forms are the way to collect user information. If your product needs to collect a large amount of user information to complete the service it provides, then the impact of input cost and input efficiency on user experience must be considered in the process of user input of information .
In view of the problems of complex forms with a lot of information, slow filling, and poor experience, we take "58 Resume Publishing" and "Ganji Real Estate Publishing" as examples to redesign the form publishing process. Mainly from the following six aspects to comprehensively upgrade the experience:
Focus on core information and reduce cognitive costs
Linked keyboard to improve input efficiency
Real-time feedback, delivering rule information
Reasonable planning of layers to reduce input pressure
Starting from the actual scene, grasp the core demands of users
Focus on independent task segmentation
1. Know before
The form has three states. The default state is the state before the user enters information, which tells the user what type of information needs to be filled in; the focus state is the state when the user is inputting information, which enables the user to focus on the input information and be able to better Interact with the form and complete the information filling; the b2b data feedback state is the verification state after the user fills in the information, and this state can judge the input information in real time.
2. Focus on core information
When the form is in the default state, a label is usually used to prompt the user what type of information to fill in, and a placeholder is used as an additional prompt to inform the user of rules such as how to fill in the information. When the user starts to input information, the label remains unchanged and the placeholder The text disappears.
In complex form display, the existence of placeholders will distract users from reading the core information, and their disappearance will affect users' attention to input rules.
How to let users focus on the most important information in different states and reduce cognitive cost becomes the key point of design.
Focus on core information in different states Image source: 58 resume release
Focus on the label content before the information is input, focus on the rule information during input, and focus on the result content after input. Let users focus on core information in different states, reduce cognitive costs, and improve input efficiency.
Three, linkage keyboard
When the user enters form information, how to cooperate closely with the input control to reduce the user's input cost and improve the user's input experience?
The controls are repeatedly called in and out. Image source: The release of the old version of the house in Ganji
When entering information in the old form, the input process of each field is "click to select input - pop up the corresponding input control - information input - put away the control". During the entire process of completing the form input, the corresponding input control is frequently crossed and popped up. The input pop-up, the user is also frequently selecting the field to enter. How to fundamentally change the efficiency of the user's use of input controls?
Linked keyboard for more efficient input Image source: released by Ganji Housing
In order to prevent users from frequently jumping in and out of the same type of input items, first integrate the information fields of the form, merge fields of the same type, and design linkage components combined with input controls to make users more efficient in form input.
In the 58 resume release revision project, we used the same design idea to change the user's input method and improve the user's input efficiency.
Linked keyboard input is more efficient Image source: 58 Create a resume
By improving the user's use efficiency of the tooled product, it avoids the user to frequently jump in and out of the same type of filling items, making the input more efficient.
4. Real-time feedback
Whether it is rule guidance or error prompts, real-time feedback and reminders should be given when users input, and rule information should be delivered to users in a reasonable and orderly manner , which can effectively reduce invalid information in form pages and make information delivery more universal and standardized. sex .
Added prompt information to the linkage keyboard to help users understand the input rules in time during the input process.
1. Rule information prompt
The input rules no longer disappear when the user inputs, but the prompt copy is combined with the linkage keyboard to assist the user to complete the information correctly.