Windows桌面应用程序设计指南（控件篇1-气球状提示）

手工码字翻译供交互学习之用，进度异常缓慢，欢迎小伙伴们批评指正&沟通交流！

控件

在界面窗口上，用户用来进行交互操作的视觉元素被称为控件。

气球状提示 Balloons

气球状提示是一个小型的弹出窗口，用以提示用户出现了非关键性的问题，或控件出现非常规状态。

气球状提示示例

标准的气球状提示包含一个icon、标题和主体文本，但这些都非必须项。和工具提示及消息提示不同，气球状提示有一个用于指明提示源的小尾巴。这个源通常是一个控件，通常这样的控件就叫做owner control（源控件）。
尽管合理操作源控件有可能解决出现的问题，气球状提示却只能提示问题，并不能处理问题。如果用户想响应出现的问题，应该与源控件的界面系统进行交互。
气球状提示通常和文本框或包含文本框的控件例如组合框、列表框或树框等（combo boxes, list views, and tree views）组合使用。其他种类的控件通常都经过严格的限制设计，不需要气球状提示的额外反馈来补充信息。就算其他种类的控件交互出现问题，也通常是因为牵涉到多种不同控件之间的冲突，而这种情况下仅靠气球状提示也解决不了问题。只有文本输入类控件，既没办法严格限制输入内容，也是常见的单一错误源，所以和气球状提示能很好搭配。

notification（通知）是点击消息栏icon触发的一种特殊气球状提示

消息栏

几种控件辨误相关章节:
通知 notifications
工具提示和消息提示tooltips and infotips
错误警告 error messages

notification

气球状提示在什么情况下使用？

思考以下问题，再做决定：

• 文本信息是否有描述问题或陈述特殊情况？如果不是，请不要使用气球状提示。不要用气球状提示来展现控件的补充信息。可以考虑使用静态文字static text、信息提示infotips、高级展开选项progressive disclosure或即时提示。

• 在输入时或者主控件刚刚失去输入焦点时，问题或特殊情况会即时出现吗？如果不是，用任务对话框task dialog 或消息弹框message box来展示错误信息

• 出现的问题是否严重？如果是的话，用task dialog或message box等能立刻通过交互解决问题的形式来展示问题信息。

• 若出现的是特殊情况，这种特殊情况有特殊意义吗？是不是用户无意出现的情况？如果符合这两种情况，可以使用气球状提示。如果特殊情况没什么本质意义，就应该避免出现这种特殊状态。对用户有意触发的特殊情况，则不需要作任何提示。

• 错误或情况能否进行简明描述？如果不能，请使用其他控件。气球状提示不能承载细节阐述和补充信息。

• 信息是否用于描述正处于悬停状态的控件？除非用户需要与悬停控件的信息交互，否则这种情况应该使用tip来对悬停控件进行说明。

• 提示信息和用户当前行为有关联吗？如果没有，考虑使用通知notification或对话栏窗口dialog box。用户有忽略掉和当前行为无关的气球状提示的倾向，而且气球状提示默认状态下10秒后会消失。

• 提示信息来源于单一的、确定的源吗？如果问题或情况是由多个或不确定的源控件引发，用填充信息 in-place message对各控件分别提示或用对话栏窗口dialog box来作说明。

错误示例

在这个例子中，问题情况有可能是由用户名填写或者密码填写错误两种情况引发，但气球状提示报错，从视觉上来看是指出了密码填写有问题导致登录失败。如果问题出在用户名输入有误，反馈便会产生误导。

气球状提示和消息提示infotips, 对话栏窗口dialog boxes和填充信息in-place messages等控件功用相似。与工具提示tooltips和消息提示infotips相比较：

• 气球状提示独立于当前光标焦点展示，所以有一个指明源的小尾巴。
• 气球状提示有标题、正文和一个icon。
• 气球状提示有交互性，但是并没有一个供点击的落点。

和 对话式窗口modal dialog boxes相比较：

• 气球状提示不会获取输入焦点，也不强制需要交互。
• 气球状提示定义于一个单一的、确定的源。Modal dialogs的信息提示则可以来源于多源，或没有确定的源。

和填充信息in-place messages相比：

• 气球状提示视觉上更明显。
• 气球状提示不像in-place message一样，需要在控件内预留空间或使用动态布局来展示内容。
• 气球状提示一定时间后会自动消失。

应用范式

气球状提示有这些应用形式：

• 输入信息引发的问题：在单一控件中出现的、用户输入引发的非关键性输入问题，通常来源于输入框。
  气球状提示不会带走输入焦点，在源控件仍可进行输入操作的时候，提示也非常显眼。要解决出现的问题，用户可能要更改或重新输入内容；但如果源控件忽略了不正确的输入，用户就无需更改。因为问题不严重，不需附带错误icon标志。

指示非关键性输入问题的气球状提示

• 特殊情况的问题：源控件处于会影响输入信息的特殊状态。这种情况可能是用户无意中引发的，也不知道会影响输入内容。
  气球状提示可以在特殊情况发生之时警告用户，以避免操作失误（例如超过最大输入字符限制或无意中打开了大写键）。此时有必要在不打扰输入焦点的情况下作提示，不要强迫用户进行修正操作，因为有可能用户是有意这样操作的。对于密码输入框和PIN码输入的情况来说，气球状提示非常必要，不然用户操作的反馈就极小了。这时的气球状提示带有警告标志。

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

设计指导

何时展示

• 在问题或特殊情况出现时立即弹出气球状提示，甚至可以多次弹出，不要出现视觉上的延迟。

1. 如果需要显示关于单个字符及最大输入值的提示，需要在用户开始输入时立刻提示
2. 如果是关于输入字段的提示（包括不能输入空格等等），要在当源控件失去输入焦点时显示气球状提示。否则，在用户完全确认好输入值之后再弹出弹框会让人分心和烦躁。

• 一次只显示一个气球状提示。一次展示多个气球状提示会非常杂乱。如果单个事件引发了多个问题，要么在一次提示中说明所有问题，要么只报告最重要的问题。

错误示例

展示时长

• 当出现以下情况时停止展示：

1. 问题已解决或特殊情况已不存在。
2. 在需要输入的情况下用户输入的是有效值。
3. 气球状提示时效已到。气球状提示默认10s后会自行消失，用户也可以在SPI_MESSAGEDURATION system parameter里自行更改设置。

• 如何展示：

1. 在源控件的下方展示气球状提示。这样能够让用户看清上下文环境，包括源控件以及标签。Microsoft Windows会自适应气球状提示的位置，让它们完全展示。错误的展示方式是让气球状提示展示在它的源控件上方，提示notification也是如此。

正确示例

错误示例

密码和PIN码输入框

• 用气球状提示表示大写按钮已打开， 如下图示例：

气球状提示显示PIN码输入框中大写按钮已打开

• 当用户的输入有可能超过最大字长时，给予气球状提示。这种情况在输入密码和PIN码的时候比一般输入情形更为不明显。

示例

• 当用户输入字符类型不符合要求时，给予提示。但是，一般情况下不建议对字符类型进行限制，因为这样会降低密码或PIN码的安全性。为防止信息泄露，气球状提示只能提到关于有效密码和PIN码的类型描述。

示例

其他类型的文本框

• 当用户的输入快要超过最大字长临界值时，考虑给于气球状提示，对于新手用户，设置长度恰好合适的文本输入框，例如需要输入用户名或者账户名的情况。当输入超过临界字长时系统会发出警告声，但初学用户有可能无法理解警告声的指向含义。

快超过字数限制时的气球状提示示例

交互效果

• 当用户点击气球状提示，它会直接消失。和notifications不同，气球状提示没有关闭按钮。

图标

• 根据应用场景选择图标

1. 输入问题： 不用icon。不要使用不符合Windows风格的错误icon。

2. 特殊情况： 标准的16*16像素警告icon
   

   

   警告

易用性

应用适宜，气球状提示就能增加易用性。要做到这一点，气球状提示应该：

• 只在发生的情况和当前用户行为相关时，展示气球状提示。
• 保持提示文字简明。这样有助视力不佳的用户阅读，也能使使用屏幕阅读器的残障人士不受过多干扰，更方便阅读理解主要内容。
• 当问题或特殊情况再次出现时，也要再次弹出气球状提示。

文字

标题文字

• 标题应简洁准确地总结描述当前情况或问题，要能让用户快速方便地理解提示的意图。
• 标题可使用文字片段或完整句子，但是不要加句号。
• 遵守完整句子书写的大小写规范。
• 将字符（英文）限制在48个以内以适应本地化翻译的布局。标题的最大长度为63个字符,必须能够扩展至少30%以适应本土化的翻译。

主体文字

• 用第一句话清楚陈述当前情况或问题，并使用户感到切实与自己相关。不要重复源控件标题中的信息。如果没有标题之外的补充信息，这部分可以省略。
• 第二句话让用户了解如何操作能够解决问题或改变当前状况。这句里面不需用“请”这样的礼貌用语，语句规范参见 Style and Tone。第一句话和第二句话之间需要空两行。

标准气球状提示文字示例

• 如果解决方法很容易理解，就向用户解释告知，但情况陈述和解决方法部分重复的冗余要略去。以下情况除外：

1. 如果解决方法不能简明表达，或冗余部分很重要不能省去，就略掉解决方法的阐述。
2. 当没什么需要用户做的时候（例如系统自动忽略了不正确字符的输入），略掉解决方法的阐述。

• 使用带句号的完整句子
• 使用句法大小写书写规范
• 将字符（英文）限制在200个以内以适应本地化翻译。正文的最大长度为225个字符,必须能够扩展至少30%以适应本地化翻译的需求。

相关补充

用到气球状提示时：

• 使用符合大小写规范的明确文字内容做标题
• 明确该控件叫做气球状提示，不要与提示notification和警告alert混淆。
• 尽可能用粗体显示标题或者用引号包围标题，防止标题和正文文意混淆引起误解。