状态栏 (Windows)
出自UXGuide.net
状态栏
Status Bars
目录 |
“状态栏”是主窗口底部的一块区域,用于显示关于当前窗口状态(如正在查看的内容和方式)、后台任务(如打印、扫描和格式化)或其他上下文相关的信息(如选择区域及键盘状态)。
状态栏通常使用文本和图标来描述状态,但它也可以包含进度指示器,以及包含与状态相关的命令菜单与选项。
典型的状态栏
注:与通知区域相关的相关的设计规范请参考各自相应的章节。
它用在这里合适吗?
考虑下列问题以进行判断:
- 当用户正在使用其他的程序时,该状态对用户来说是否仍然有意义?如果是,则应使用通知区域图标。
- 状态项是否需要显示通知?如果需要,你必须使用通知区域图标。
- 该窗口是否是主窗口?如果不是,则不要使用状态栏。不应该在对话框、向导、控制面板及属性页中使用状态栏。
- 该信息是否主要是状态信息?如果不是,则不要使用状态栏。状态栏绝不应该当作辅助的菜单栏或工具栏来使用。
- 该信息是否用于解释如何使用选中的控件?如果是,则将信息显示在对应控件旁边的补充说明标签里。
- 该状态信息是否有用或有实际意义?或者说,用户是否会在看到该信息后改变他们的行为?如果不会,要么就不要显示该状态,要么就将其记录在日志文件中。
- 该状态是否关键?是否需要立即采取行动?如果需要,则应当使用那种需要注意且无法简单忽略的方式来显示信息,例如对话框或直接在主窗口内显示。
-
- Windows® Internet Explorer® 中的红色地址栏
- 该程序是否是主要为新手而设计的?经验不足的用户通常都会忽视状态栏,在这种情况下应当重新考虑状态栏的使用。
设计理念
状态栏是用来提供状态信息而又无须打断用户或他们的工作流程的极好方式。但状态栏又很容易被忽视。事实上,许多用户根本没有注意到状态栏的存在。
此问题的解决方法并非通过眩目的图标、动画或闪烁来吸引用户的注意,而是针对此限制进行设计。你可以采用下列做法:
- 确保状态信息有用且对用户来说有实际意义。如果不,则干脆不要使用状态栏。
- 不要将状态栏用于至关重要的信息。用户应当不必了解状态栏里的东西。如果用户必须看到,就不要放在状态栏里。
最重要的一件事:
确保状态栏中的信息对用户来说有用且有实际意义,但也并非至关重要。
使用模式
状态栏具有下列使用模式:
|
当前窗口状态 显示各视图模式下当前显示内容的源。 |
在这个示例中,状态栏显示了文档的路径。 |
|
进度 显示后台任务的进度,可能是使用确定模式的进度条,或者是使用动画。 |
在这个示例中,状态栏包含了一个进度条用于显示 Windows Internet Explorer 正在加载网页。 |
|
上下文信息 显示与用户当前活动相关的上下文信息。 |
在这个示例中,Microsoft 画图程序以像素为单位显示了选区的尺寸。 |
设计规范
常规
- 如果只有部分用户会需要状态栏信息,则考虑提供“查看状态栏”命令。如果绝大多数用户不需要状态栏的话,则默认将其隐藏。
- 不要用状态栏来解释菜单项。这种帮助模式很难被发现。
呈现
- 禁用不适用的模式状态(modal status)。模式状态包括键盘及文档状态。
- 移除不适用的非模式状态。
- 以下列状态呈现状态信息:当前窗口状态、进度、上下文相关信息。
图标
- 选择易于识别的状态图标设计。最好使用有独特轮廓的图标,而不是方形或三角形的图标。
- 红、黄、绿的纯色块应当仅在表示状态信息时使用。其他情况下,这样的图标会引起误解。
- 正确:
-
- 错误:
-
- 在错误的示例中,红色图标无意中暗示出现错误,导致误解。
- 使用图标变体或叠加来表示状态或状态的改变。使用图标变体来显示数量或强度上的变化。对于其他类型的状态,使用标准的叠加图示:
| 叠加图示 | 状态 |
|---|---|
| 已停止 |
| 已开始 |
| 已禁用 |
| 连接断开 |
| 脱机 |
| 警告 |
| 错误 |
| 需要注意 |
- 不要过于频繁地更改状态。状态栏图标不应显得嘈杂、不稳定或要求用户关注。眼睛对于外围视野的变化非常敏感,因此状态变化应当保持细微。
- 对于提供重要状态信息的图标来说,最好使用就地标签。
- 未标注的状态栏图标应当具有工具提示。
更多信息,参见图标。
交互
- 状态栏区域应当能够交互,以使用户得以直接访问相关命令与选项。
- 在鼠标悬停时应显示工具提示。
文本
- 一般来说,应使用简洁的标签。去掉一切可以省去的文本。
- 最好使用不带句末标点的句子片断。仅当句子片断不会明显缩短的情况下才使用完整的句子(使用句末标点)。
- 对于可选的进度标签,用以动词(动名词形式)开头省略号结尾的标签来指明正在进行的操作。例如:“Copying...(正在复制...)”。如果操作包含多个步骤或者正在处理多个对象的话,该标签可以动态改变。
- 不要使用彩色、粗体或斜体来强调状态栏文本。
- 关于工具提示措辞的设计规范,参见工具提示和信息提示。
文档编写
将状态栏称为“status bars(状态栏)”,而非“status lines”或其他变体。
示例:The current page number is displayed on the status bar.(当前页码将显示在状态栏中。)