状态栏 (设计基础知识)

备注

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

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

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

典型状态栏的屏幕截图

典型的状态栏。

备注

与通知区域 相关的准则 在单独的文章中提供。

这是正确的用户界面吗?

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

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

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

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

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

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

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

  • 状态是否严重?需要立即采取措施吗? 如果是这样,请以需要关注且无法轻松忽略的窗体(例如对话框或主窗口本身)显示信息。

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

    一个红色地址栏Windows Internet Explorer。

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

设计概念

状态栏是一种提供状态信息而不中断用户或中断其流的好方法。 但是,状态栏很容易忽略。 事实上,这很简单,许多用户一点都注意到状态栏。

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

  • 确保状态信息有用且相关。 如果没有,则完全不要提供状态栏。
  • 不将状态栏用于关键信息。 用户永远不应知道状态栏中的是什么。 如果用户必须看到它,请不要将它放在状态栏中。

如果只做一件事...

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

使用模式

状态栏具有多种使用模式:

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

指南

常规

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

呈现

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

图标

  • 选择易于识别的状态图标设计。 首选具有唯一轮廓的图标,而首选矩形图标或矩形图标。

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

    正确:

    状态栏的屏幕截图,其中显示蓝色图标

    不正确:

    状态栏的屏幕截图,其中显示红色图标

    在不正确的示例中,红色图标无意中建议了错误,从而造成混淆。

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

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

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

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

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

交互

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

文本

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

文档

将状态栏引用为状态栏,而不是状态行或其他变体。 示例:"当前页码显示在状态栏上。"