2) No feedback or unfriendly feedback, just like a cold person, will bring users a negative experience of helplessness or unhappiness.
Timely and appropriate feedback to users is a very important principle of interaction design, as shown in the figure below.
1) can tell users what to do next.
2) Help users make judgments and decisions.
There are various forms of feedback (see the figure below), and all tips should appear in the right place at the right time, providing useful information in short and clear words so as not to confuse users.
Let's talk about "toast" feedback, which is the feedback prompt of the user's operation results. It usually only appears on the screen for a short time, and will disappear by itself after a while like a bubble, without any operation. Used to tell the task status and operation results, as shown in the figure below.
Let's take a look at the "floating layer" feedback, which is a kind of user-guided class prompt and usually doesn't disappear soon. Sometimes there will be a small tip pointing to a specific location (such as Didi, idle fish), prompting users to pay attention to which location. Users need to click the guidance area or click the close button to make the prompt disappear.
Generally speaking, toast and floating layer have the advantages of not affecting the current operation and timely feedback; The disadvantage is that it is easy to be ignored by users, so it is not suitable for carrying too much text or important information.
Pop-ups are divided into "modal" and "non-modal", which need to be used in the scene. Please refer to the following figure.
Modal pop-up: force the user to pay attention to the content and operation of the pop-up window, and shield all the contents of the background, but it should be noted that the operation must be quit; The text description should be as concise as possible without objection. It is usually divided into two design methods: Dialog box and function box at the bottom of Actionbar, which can be selected according to the actual scene. Generally, when there are three or more function buttons in the Dialog box, it will increase the user's burden of function selection, so you can consider using Actionbar when you need to use multiple function buttons to select.
Non-modal popup window:? Does not affect the user's current operation, but often, like a floating window. Usually, the colors of confirmation and cancellation are clearly distinguished, indicating the possible losses, as shown in the figure below.
Pop-up summary:
The appearance of pop-up window will force users to pay attention to the content and operation of pop-up window, which will seriously disturb users. According to the usage scenario, reduce the design of modes as much as possible. Ensure that every time the user can safely exit the path and return to the expected operation. If three or more function buttons appear, try to use the bottom function box.
Button: in reality, pressing a button will immediately have a pressed state, such as the following figure.
In human-computer interaction, when the user presses a button or link on the screen, it is also necessary to change the state to let the user know that the interface has received his operation, as shown below.
Sound is a very important part of human senses, and it should also be an aspect of product user experience, but it is easy to be ignored intentionally or unintentionally.
Commonly used in game design, feedback design in the game is an important means for players to quickly adapt to the game operation and gain a sense of participation and accomplishment, as shown in the figure below.
In human-computer interaction, the proper use of sound feedback has a finishing touch and brings people a sense of pleasure, such as the example below.
So what is the design of good UI Sounds? You need to achieve the following three points:
1, in line with user expectations (that is, close to real life scenes)
2. Express clear and accurate meanings and emotions.
3. Good sensory experience of sound effects (musicality, sound and duration)
Of course, not all designs are suitable for adding sound. In many cases, not using sound is a better experience, so you must allow users to mute in the application. Any experience of "automatic playback" or "forced playback" of sound should be cautious.
Take an actual scene in life, using an electric toothbrush. During the use, the toothbrush gives strong tactile feedback to the teeth, and it vibrates twice every 30 seconds to prompt for changing sides. Users can develop good brushing habits without timing.
In the man-machine interface, vibration is widely used, such as incoming calls, short messages, connected data lines for charging, etc., as shown in the figure below.
It should be noted that vibration is a kind of strong tactile feedback, which can be used to replace or strengthen sound prompts, but it should not be used indiscriminately.
Animation, emphasizing: fitting the product, interesting and timely. Give a common example: drop-down refresh, using interesting animation can make waiting no longer boring, as shown in the left picture.
Like the Didi taxi scene, the user sends a consultation form and waits for the doctor to consult, and the doctor's head image that can be consulted constantly appears on the interface, and the animation effect is timely and fast, helping the user to intuitively understand the result of the operation, as shown in the right figure.
The feedback content is mainly composed of words, and the text information should be concise and easy to understand, avoiding the use of inverted sentences. It is best to express the meaning clearly in one or two sentences, and avoid using overly programmed language.
There are four types of content:
Information, here are some examples:
Warning: generally indicated by a warning box, it is used to show users information that has important influence on using the program, as shown in the figure below.
Error: The copywriting prompts the user that there is a problem or abnormality in the operation, and the execution cannot be continued.
Confirm: used to ask the user whether to continue an operation, so that the user can confirm it for the second time, and provide the user with an irrevocable retreat.
According to different scenes, it will appear in the following positions: status bar, navigation bar, above the content area, screen center, above the menu bar, and bottom (covering the menu bar).
Advantages of the status bar: it takes a certain time to refresh, and in order not to let the user wait and do something else, the waiting process is weakened; Disadvantages: the position is not obvious, so it is recommended to make a prompt with low importance or cross-screen display requirements. (see the picture below)
Navigation bar: suitable for displaying temporary and important prompt information. Generally, it is a display of connection status, indicating that the product is trying to connect to the network and pull data. (see the picture below)
Above the content area: it is located above the content area and below the navigation bar, usually a drop-down refresh, which is a shortcut to load new content. The default prompt information is hidden, and the corresponding prompt information is displayed when the interface is pulled down to guide the user's operation.
In the middle of the screen: it is usually a holistic and important information prompt. All system prompts that need to be paid attention to by users can be displayed in this position, as shown in the figure below.
Above the menu bar: it can be a prompt for the overall information of the application; It can also be a prompt related to the content at the bottom of the interface.
Bottom (covering the menu bar): displaying tips in this position is designed according to the unique characteristics of the app, which may be a pursuit of new forms. This design of keep keeps the consistency of the operation position.
-provide necessary, positive and immediate feedback for users at all stages.
-Avoid excessive feedback, so as not to bring unnecessary disturbance to users.
—— Simple operations that can see the effect in time, and feedback tips can be omitted.
-The feedback provided should enable users to complete their choices in the most convenient way.
-differentiated design for different types of feedback.
-Don't interrupt the stream of consciousness of users, and avoid blocking objects that users may go back to view or operate.
The above is the case introduction of the chapter on "Feedback". The whole article briefly lists most cases of micro-medical app, and many places have not been studied in depth. Welcome to clap bricks ...