Design theory: Web page balloon prompts user experience design

Balloons (balloon-like tip)

Summary of issues

A balloon tip (Balloon) is a small pop-up window that notifies users of non-critical problems or that the control is in a particular situation.

Instance

Figure 1

• Note: A balloon tip consists of an icon, a title, body text, and all of these parts are optional.
• Note: When a user attempts to commit an operation, any outstanding issues must be handled by its owner user interface.
• Note: Balloon hints are usually used with text boxes or other controls that use text boxes to change values, such as combo boxes, list views, tree views, and so on.
• Note: Keep the consistency between controls. Balloon hints no longer apply when inconsistencies are found.
• Note: If other types of controls are already well bound, balloon hints are no longer needed to give additional feedback.

When to use

• Note: This information describes a problem or special case.
• Note: When you are entering or the owner control loses focus, the problem or special case can be detected immediately.
• Note: These issues are not critical.
• Note: For those special cases, it is legal, but it is probably not what the user expects.
• Note: This problem or special case can be described in an accurate language.
• Note: This information does not describe the control the mouse is currently pointing to.
• Note: This information is related to the user's current activity. By default, the balloon disappears after 10 seconds.
• Note: This information has a single, determined source.

To use before the input occurs :

1, such as CAPS LOCK key (Caps Lock) Open state, the balloon tip of the password box (see Figure 1). The owner control is in a state that affects the input, and the State may not be what the user expects, but the user may not be aware of the impact of its input. When special cases occur (such as exceeding the maximum number of input characters or opening caps locks), warning with a balloon tip at the first time can prevent a user from being frustrated. It does not change the input focus and does not force the user to operate while giving the feedback information. This is important because these special circumstances may be intentional. These balloons are especially important for password boxes because users can only get very little feedback when they enter in the Password box. This type of balloon tip has a warning icon.

2, enter the hint: only accept the digital input text box, it is best to give the prompt before the input when the focus is moved to the text box, the balloon prompts (see Figure 2).

Figure 2

This is used to report balloon hints for non-critical user input errors. Using a balloon tip to display an error message does not change the input focus, even when the owner control has input focus. To resolve the problem, users may need to make changes or re-enter them. However, if the owner control ignores incorrect input, the user may not be able to modify it at all. Because the problem is not critical, you do not need to use the error icon.