Current location - Training Enrollment Network - Education and training - Yunnan Beida Jade Bird Design Training tells you eight form design skills to improve user experience?
Yunnan Beida Jade Bird Design Training tells you eight form design skills to improve user experience?
Form function is widely used in web design and app software development. Today, Dali Beida Jade Bird/Let's take a look at what conditions need to be met in the form design that meets the user experience.

1. Form labels should be presented in an appropriate way. According to the application scenario of the form, the label should adopt the corresponding presentation form. There are three common presentation forms: left label, top label and embedded label.

A. Left Label In some web forms, the left label is a common form. The display form of the left label gives people a sense of order, and it is also convenient for users to quickly identify the label content in the process of filling out the form. This form of left tab is generally used in web pages, which is not suitable for mobile phones or mobile terminals under small screens. Because the small screen size is limited, the left label will take up a lot of space and the input box is limited.

B. Top Label The top label means that the label is located above the input box and generally appears in some mobile terminals. The top label can enlarge the width of the input box, and the user can also get a complete display when filling in the information. However, this layout also has a disadvantage, that is, users may need to scroll the form to finish reading it.

C. Embedded Tags Embedded tags often appear in the registration interface of mobile phones, which can save page space, so most app interface designs adopt this design. Of course, this design will also be used in the form design of pc side of some websites.

2. English labels should avoid all capitalization. In some forms of English interface design, we should avoid all caps on labels. Labels in all caps are easy to read and browse.

3. Special labels need to use appropriate input box length. For specific labels, such as verification code and postal code, it is necessary to use an appropriate input box length when designing. After all, such an input box is foreseeable by the user, so the length of the input box does not need to be too long.

4, check box arrangement should pay attention to the design of check boxes that often appear in the form, such a situation needs special treatment. For example, in the process of registration, there will be gender selection, so usually when designing this form, we will put men and women in a row. However, in the case of more content, it is recommended to adopt vertical sorting.

5. The main button and the auxiliary button need to be clearly distinguished. When the form is submitted, in the case of multiple buttons, it needs to be clearly distinguished, which is beneficial for users to easily identify the operation steps.