Mobile Application Form Design cheats: Enhancing the experience of form design

Article Description: This article will be from the clear visual longitudinal line, the information grouping, the extreme subtraction, uses chooses replaces the input, the label and the text arrangement way, relies on the clear letter confirmation password, the reasonable keyboard utilization, verifies the small secret these eight dimensions to share my mobile application form design cheats.

Always wanted to write an article about mobile application form design, but recently the project is very busy, busy to do not have time to run the blog. When you experience a product recently, you often see the wrong form design, either the information is confusing, or the steps are complicated, or the language is programmed, or the visual focus jumps, or the check order is confusing, or the feedback is less than, so all sorts of questions, let me really want to sum up, think about, for mobile application of the form design, To provide some personal advice, I hope more designers can seriously consider the particularity of mobile application forms, can maximize the experience of the form design, improve efficiency and improve satisfaction.

This article will be from the clear visual longitudinal line, the information grouping, the extreme subtraction, uses chooses replaces the input, the label and the text arrangement way, relies on the clear letter confirmation password, the reasonable keyboard utilization, verifies the small secret these eight dimensions to share my mobile application form design cheats.

A clear visual longitudinal line

When the user browses the information, if there is not enough emphasis element, will be from top to bottom, from left to right browsing, the Web end is an "F" type of view, the mobile end is more often "L" type of sight (navigation and important operations are often below), then if your form's visual browsing order, in line with this "L" pattern, Basically meet the user's psychological expectations, do not need any search, any thinking, you can simply and efficiently complete the completion of the form and submit.

This is a login form visual longitudinal line example, the user first focus on the user name input box, and then focus on the password input box, and then automatically found the login button.

There are a lot of negative examples, like the following two:

The first counter example is more common, user entered the user name and password, directly see the operation of the button is registered, rather than login, the layout of the left and right, even if you use color partition, also can not stop the user's sight fell to register, so a simple eye movement test can be found, At this point the user stared at the registration pause to think about it is inevitable.

The second example would be a little more prominent, because the relationship between the form label and form is not very good, users need to read the contents of the form label, and then read the contents of the Input box guide text, the line of sight has always been left--> right--> left--> right, this is not friendly enough, finally submitted, Also need to shift the whole line of sight to the top right corner to find the login button, of course, I am not in the challenge iphone design, if the overall has such an action bar, the top right corner submission form items are OK, but this is only applicable to the keyboard will block the submission button.

[1] [2] [3] [4] Next page