气球状提示 (Windows)

出自UXGuide.net

(重定向自Balloon (Windows)
跳转到: 导航, 搜索

气球状提示
Balloons

目录



气球状提示(Balloon)是一个小型的弹出窗口,用于通知用户出现非关键性问题或控件处于某种特殊情况。

Aa511451_balloons01(en-us,MSDN_10).png

典型的气球状提示。

气球状提示由图标、标题、正文文本组成,且所有这些部分都是可选的。与工具提示和信息提示不同,气球状提示还带有一个尾部箭头以指示它的来源。通常这个来源是一个控件——此时该控件被称为所有者控件

虽然气球状提示向用户提示的是非关键性问题,但它们并不能阻止问题的发生——即使其所有者控件也许可以。当用户试图提交操作的时候,任何未处理的问题都必须由其所有者用户界面来处理。

气球状提示通常与文本框或其他使用文本框来改变值的控件一起使用,如组合框、列表视图、树形视图等等。其他类型的控件已经进行了很好的约束,不再需要气球状提示来给出额外的反馈。此外,如果问题出在其他类型的控件上,往往会导致多个控件之间的不一致性——这种情况下,气球状提示不再适用。仅有包含文本入口的控件才是即无约束又是普遍的单点错误(single-point errors)源。

通知控件是气球状提示的一种特殊类型,它由通知区域中的图标显示。

注:通知工具提示与信息提示错误信息相关的设计规范请参考各自相应的章节。


它用在这里合适吗?

考虑下列问题以进行判断:

错误:
Aa511451_balloons13(en-us,MSDN_10).png
在这个示例中,问题可能产生自用户名,也可能来自密码,但使用气球状提示在视觉上会让人觉得只有密码存在问题。结果,当输入错误的用户名时,其反馈信息存在误导。

气球状提示是除信息提示、对话框及就地消息之外的另一种提示方式。与工具提示和信息提示相比:

与模式对话框相比:

与就地消息相比:


使用模式

气球状提示的使用模式如下:

输入问题

由单一所有者控件引发的非关键性用户输入问题,通常来自文本框。

使用气球状提示显示错误信息不会改变输入焦点,即使当所有者控件拥有输入焦点时,它仍然非常醒目。 为了解决问题,用户可能需要进行更改或重新输入。但如果所有者控件忽略错误的输入,用户也许可以完全不用修改。由于 问题并非关键,因此不需要使用错误图标

Aa511451_balloons03(en-us,MSDN_10).png

用于报告非关键性用户输入错误的气球状提示。

特殊情况

所有者控件处于某种影响输入的状态,该状态可能不是用户所期望的,但用户也许没有意识到其输入所受的影响。

当出现特殊情况时(如超过最大输入字符数或大写锁定被启用等),在第一时间使用气球状提示进行警告可以防止用户产生挫败感。它在给出反馈信息的同时,不改变输入焦点,不强迫用户进行操作。这一点非常重要,因为这些特殊情况有可能是故意为之的。这些气球状提示对于密码框尤为重要,因为用户在密码框中输入时只能得到很少的反馈。此类气球状提示带有警告图标

Aa511451_balloons04(en-us,MSDN_10).png

用于报告特殊情况的气球状提示。


设计规范

何时显示

错误:
Aa511451_balloons05(en-us,MSDN_10).png
在这个示例中,错误地同时显示了两个问题。


显示多长时间

SPI_MESSAGEDURATION 系统参数来进行调整。
致开发人员:在 Win32 中,你可以通过 TTM_SETDELAYTIME 消息设置显示时间。


如何显示

正确:
Aa511451_balloons06(en-us,MSDN_10).png
错误:
Aa511451_balloons07(en-us,MSDN_10).png
在这个错误示例中,气球状提示显示在了所有者控件的上方。


密码文本框

Aa511451_balloons08(en-us,MSDN_10).png
在这个示例中,密码文本框上弹出的气球状提示指示了大写锁定已启用。
Aa511451_balloons09(en-us,MSDN_10).png
在这个示例中,气球状提示指示用户正试图超出最大输入长度。
Aa511451_balloons10(en-us,MSDN_10).png
在这个示例中,气球状提示指示密码只能包含数字。


其他文本框

Aa511451_balloons11(en-us,MSDN_10).png
在这个示例中,气球状提示指示用户试图超出最大输入长度。


交互


图标

模式 图标
输入问题 无图标。不要在这里使用错误图标,以与Windows Vista 语气设计规范保持一致。
特殊情况 标准 16x16 像素警告图标

辅助选项

如果使用得当,气球状提示能够更好地支持辅助功能。为了达到这一目标,应当:


文本

标题文本


正文文本

Aa511451_balloons12(en-us,MSDN_10).png
该示例显示了标准的气球状提示文本布局。
例外:


文档编写

当提及气球状提示时:

个人工具
名字空间
变换
动作
导航
工具箱