Feedback tips in Design of Web page forms

Copyright notice: When reprinted, please indicate the original source and author information of the article by hyperlink form and this statement
Http://lilong4174.blogbus.com/logs/39063960.html

The word feedback is actually the basic concept of cybernetics, which refers to the starting point of the issue and the impact. In the information interaction process (input and output), it is an interface output to remind the information input of his operation results. It has many forms, including interface elements, sound, image changes and physical displacements (such as vibrations).

The feedback we are discussing here refers only to the visual output of the user's operation of the form elements of the Web page, in order to enhance the distinction and avoid ambiguity, we call this feedback prompt (figure). Here are several aspects of its design should be paid attention to the matter to be briefly described.

location :

Feedback on the page as a kind of information output, the most important attribute requirement is quickly and clearly known by the information input, which is the most important design principle for the designer. To implement it, you can refer to two specific criteria:

1. Current page : Feedback tips should be placed near the site where the operation occurred.

According to the psychology of attention distribution model, unfamiliar or very attention to the operation will occupy a considerable amount of attention resources of the human brain, if the task has delayed feedback, the operation completed after the focus of attention, projection in the vicinity of the behavior, to pay attention to the results produced. To put it simply, I'm typing in the input box, and if I have any questions, I want the feedback to happen next to the input box. This is the normal interaction and feedback.

This principle is common to empathetic designers, and what they generally dispute is another question, what is the most reasonable way to arrange feedback and the relative position of form elements? Actual combat faction's proposition "about", The Theory School advocates "up and down" ... But in fact this does not need to be too tangled, generally speaking, if the width is enough or do not want the table slip long (want to solve the battle in a screen), too jump, then put the feedback hint on the right-hand side of the form element is feasible, such as Taobao's registration page:

If the object is a series of Strictly logical order (such as portrait), then the feedback tip is reasonable in the direction of the operation flow (under the corresponding form element), and can achieve better hints, such as Taobao's order page:

Therefore, the top and bottom is not like the imagination of such a big relationship, as long as in the vicinity of the occurrence, users can be noticed, but the degree of difference. How to express feedback clearly and clearly to the relationship between the occurrence of the site, not to allow users to create confusion is more critical, on this point, JQuery Validation provided by the Plugin demo gives a better idea, Designers can consider making some connections by changing styles.

And that's exactly what Facebook is doing now, and it's more expressive of this relevancy by the bold edges and arrows: