状态栏 (设计基础知识)

注意

此设计指南是为 Windows 7 创建的,尚未针对较新版本的 Windows 进行更新。 大部分指南原则上仍然适用,但演示和示例并不反映我们 当前的设计指南

状态栏是主窗口底部的一个区域,它显示有关当前窗口的状态 (的信息,例如正在查看的内容和) 方式、后台任务 ((如打印、扫描和格式化) )或其他上下文信息 (,如选择和键盘状态) 。

状态栏通常通过文本和图标来指示状态,但它们还可以具有进度指示器以及与状态相关的命令和选项的菜单。

典型状态栏的屏幕截图

典型的状态栏。

注意

通知区域 相关的指南在单独的文章中提供。

这是正确的用户界面吗?

在决定之前,请考虑以下问题:

  • 当用户主动使用其他程序时,状态是否相关? 如果是,请使用 通知区域图标

  • 状态项是否需要显示通知? 如果是这样,则必须使用通知区域图标。

  • 该窗口是否为主窗口? 如果没有,请不要使用状态栏。 对话框、向导、控制面板和属性表不应具有状态栏。

  • 信息主要是状态吗? 如果没有,请不要使用状态栏。 状态栏不得用作辅助 菜单栏工具栏

  • 此信息是否说明如何使用所选控件? 如果是,请改为使用补充说明或指令标签在关联的控件旁边显示信息。

  • 状态是否有用且相关? 也就是说,用户是否可能会因此信息而更改其行为? 如果没有,则不显示状态,或将其置于日志文件中。

  • 状态是否严重? 是否需要立即采取措施? 如果是这样,则以需要注意且不能轻易忽略的窗体(如 对话框 或主窗口本身)显示信息。

    红色“证书错误”状态栏的屏幕截图

    Windows Internet Explorer 中的红色地址栏。

  • 该计划是否主要面向新手用户? 缺乏经验的用户通常不知道状态栏,因此在这种情况下,请重新考虑使用状态栏。

设计概念

状态栏是在不中断用户或中断用户流的情况下提供状态信息的好方法。 但是,状态栏很容易忽略。 事实上,许多用户根本不会注意到状态栏,这很简单。

此问题的解决方案不是通过使用华丽的图标、动画或闪烁来引起用户的注意,而是针对此限制进行设计。 可以通过以下方式达到此目的:

  • 确保状态信息有用且相关。 如果没有,则根本不提供状态栏。
  • 不使用状态栏获取重要信息。 用户永远不必知道状态栏中的内容。 如果用户必须看到它,请不要将其放在状态栏中。

如果只执行一件事...

确保状态栏信息有用且相关,但不重要。

使用模式

状态栏有多种使用模式:

使用情况 示例
当前窗口状态
显示所显示内容的源以及任何视图模式
“位置”状态栏的屏幕截图
在此示例中,状态栏显示文档的路径。
进度
使用确定的进度栏或动画显示后台任务的进度。
带有进度栏的状态栏的屏幕截图
在此示例中,状态栏包含一个进度栏,用于显示加载到 Internet Explorer 窗口中的网页。
上下文信息
显示有关用户当前正在执行的操作的上下文信息。
显示像素数的状态栏的屏幕截图
在此示例中,Microsoft 画图以像素为单位显示选择大小。

准则

常规

  • 如果只有某些用户需要状态栏信息,请考虑提供“查看状态栏”命令。 如果大多数用户不需要状态栏,则默认隐藏状态栏。
  • 不要使用状态栏来解释菜单栏项。 无法发现此帮助模式。

呈现

  • 禁用不适用的模式状态。 模式状态包括键盘和文档状态。
  • 删除不适用的非模式状态。
  • 按以下顺序显示状态信息:当前窗口状态;进展;和上下文信息。

图标

  • 选择易于识别的状态图标设计。 首选具有独特轮廓的图标,而不是方形或矩形图标。

  • 仅使用纯红色、黄色和绿色来传达状态信息。 否则,此类图标令人困惑。

    正确:

    带有蓝色图标的状态栏的屏幕截图

    不正确:

    带有红色图标的状态栏的屏幕截图

    在错误示例中,红色图标无意中暗示了错误,从而造成混淆。

  • 使用图标变体或覆盖来指示状态或状态更改。 使用图标变体显示数量或强度的变化。 对于其他类型的状态,请使用以下标准覆盖:

    覆盖 状态
    警告图标的屏幕截图
    警告
    错误图标的屏幕截图
    错误
    “已禁用/已断开连接”图标的屏幕截图
    已禁用/已断开连接
    阻止/脱机图标的屏幕截图
    已阻止/脱机
  • 不要过于频繁地更改状态。 状态栏图标不应显示干扰、不稳定或需要注意。 眼睛对周边视野的变化很敏感,因此状态变化需要很微妙。

  • 对于提供重要状态信息的图标,首选就地标签。

  • 未标记的状态栏图标应具有工具提示。

有关详细信息,请参阅 图标

交互

  • 使状态栏区域具有交互性,以允许用户直接访问相关命令和选项。
    • 使用外观和行为类似于 菜单按钮 或拆分按钮的控件。 这些状态栏区域必须具有下拉箭头,以指示它们可单击。
    • 左键单击鼠标向下显示菜单,而不是鼠标向上键。
    • 不支持右键单击或双击。 用户不希望在状态栏中进行此类交互,因此他们不太可能尝试此类交互。
  • 悬停时显示工具提示。

文本

  • 通常,使用简明的标签。 剪切任何可以消除的文本。
  • 首选句子片段,而不用句尾标点符号。 仅当句子片段不短时,才使用完整句子 (结束标点符号) 。
  • 对于可选进度标签,请指示操作对以谓词开头的标签执行的操作,该标签以谓词 (格子形式) 以省略号结束。 例如:“正在复制...”。 如果操作具有多个步骤或正在处理多个对象,则此标签可能会动态更改。
  • 请勿使用颜色、粗体或斜体来强调状态栏文本。
  • 有关工具提示措辞指南,请参阅 工具提示和信息提示

文档

将状态栏称为状态栏,而不是状态线或其他变体。 示例:“当前页码显示在状态栏上。”