windows:Windows/dialog-boxes/usage-patterns

出自UXGuide.net

跳转到: 导航, 搜索

对话框使用模式
Dialog Box Usage Patterns



对话框具有下列使用模式:

问题对话框(使用按钮)

问用户单个问题,并通过一些横向排列的命令按钮提供一些简单的回应选项。

Aa511269_Dialogs100(en-us,MSDN_10).png


在这个示例中,Microsoft® Windows® 询问用户是否需要停止共享某项。

类型:模式。

主标题说明:要问的问题(可能表述为祈使句)。

图标:程序、特性、对象、警告图标(如果有丢失数据或无法访问系统的可能的话)、安全警告、或者无。

提交按钮:下列简洁的命令组合之一:是/否、是/否/取消、[做某事]/取消、[做某事]/[不做某事]、[做某事]/[不做某事]/取消,其中 [做某事] 和 [不做某事] 是针对主标题按钮的专门回答。

其他控件:可能还有帮助用户作出合理选择的辅助说明、用于显示更多信息的 V 形控件、以及如果该问题以后可以不再显示的话还可以包括“不要再显示此 <项>”选项。

干扰程度:高。如果能够假定一个安全的默认回答的话,其实就不存在选择,或者选项之前的区别没那么明显。

虽然确认信息是以问题形式出现的,但我们将在确认信息一文中专门进行讨论。

问题对话框(使用命令链接)

用于询问用户单个问题或选择要执行的任务,并通过垂直排列的命令链接提供详细的回应选项。

Aa511269_Dialogs101(en-us,MSDN_10).png


In this example, Windows asks the user to install a device. Using command links instead of command buttons allows for more complete responses.

In contrast to the version with command buttons, these dialogs may have several responses or responses that require more text to describe.

Type: Modal.

Main instruction: The question being asked (could be phrased as an instruction).

Icon: Program, feature, object, warning icon (if potential loss of data or system access), security warning, or none.

Command links: Two or more complete, specific responses to the main instruction.

Commit buttons: Cancel.

Other controls: There may be supplemental explanations to help users make informed decisions, and a chevron to show more information.

Annoyance factor: High, if default response can be safely assumed, there really isn't a choice, or the differences among the choices aren't clear.

While confirmations are presented as questions, they are covered specifically in Confirmations.

选择对话框

用于向用户提供一组选择,通常更完整地描述某个命令。与问题对话框不同,选择对话框可以提多个问题。

Aa511269_Dialogs102(en-us,MSDN_10).png


In this example, Microsoft Word presents options to specify the Insert Break command in a modal dialog box.

Aa511269_Dialogs103(en-us,MSDN_10).png


In this example, Word presents options to specify the Find and Replace command in a modeless dialog box.

Aa511269_Dialogs104(en-us,MSDN_10).png


In this example, Microsoft Outlook® presents options to specify the Find command in a task pane. By not using a separate window, the command feels more direct and contextual.

Type: Modal, modeless, and task pane.

Main instruction: An optional imperative instruction that tells users what to do.

Icon: None.

Commit buttons: One of the following:

  • Modal dialogs: OK/Cancel or [Do it]/Cancel, where [Do it] is a specific response to the main instruction.
  • Modeless dialogs: Close button on dialog box and title bar.
  • Task pane: Close button on title bar.

Other controls: There may be supplemental explanations to help users make choices, and a chevron to show infrequently used options.

Annoyance factor: Normally low, because user initiated and needs a response, but could be high if users rarely change default values.

进度对话框

用于在耗时操作(长于五秒)的过程中向用户提供进度反馈,并提供用于取消或停止操作的命令。

如果该操作是需要长时间运动的任务(超过 30 秒),且可以在后台执行的话,应当使用无模式进度对话框使得用户能够在等待过程中继续使用你的程序。

Aa511269_Dialogs105(en-us,MSDN_10).png


In this example, a modeless progress dialog box is used provide feedback while users continue to use the program.

Type: Modal and modeless.

Main instruction: A gerund phrase briefly explaining the operation in progress, ending with an ellipsis. Example: Downloading...

Icon: None (but may have an animation).

Commit buttons: Use Cancel if returns the environment to its previous state (leaving no side effect); otherwise, use Stop.

Annoyance factor: Low, if user needs to know when operation is complete, but high if unnecessarily modal or operation isn't significant.

信息对话框

用于显示用户需要的信息。

Aa511269_Dialogs106(en-us,MSDN_10).png


In this example, Word uses a modal dialog box to display word count information.

Type: Modal.

Main instruction: A sentence that describes the information.

Icon: None.

Commit buttons: Close

Other controls: There may be a chevron to show more information.

Annoyance factor: Low, if information is relevant and requested by the user.

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