状态栏是主窗口底部的一个区域,它显示有关当前窗口状态(例如正在被查看的对象以及方式)、后台任务(例如打印、扫描和格式化)或其他上下文信息(例如选择和键盘状态)等。
状态栏通常使用文字和图标表明状态,但也可以包含进度条以及和当前状态相关的命令或者选项菜单。
一个典型的状态栏
何时使用该界面元素?
思考以下问题:
- 当用户正活跃使用其他程序时,该状态是否仍有相关性?如果是的话,请使用通知区域图标(nonotification area icons)。
- 状态项是否需要显示通知? 如果需要,则必须使用通知区域图标。
- 当前窗口是否为主要窗口?如果不是,就不要使用状态栏。对话框、向导窗口、控制面板和属性列表都不能包含状态栏。
- 该信息是当前主要状态的信息吗?如果不是,不要使用状态栏。状态栏不能用作辅助菜单栏或工具栏。
- 该信息的作用是解释如何使用选中的组件吗?如果是,直接在相关控件旁边使用补充说明或者说明文字展示即可。
- 用户是否为因为该展示信息而改变操作行为?也就是说,该状态是否具有相关性和意义?如果没有,请不要显示状态,或者将其放在日志文件中。
-
该状态重要吗?是否需要用户立即采取行动?如果是这样,则以更引人注意且不容易忽略的形式显示信息,例如对话框或主窗口本身。
Windows Internet Explorer中的红色地址栏 - 该程序主要面向初学者的吗?没有经验的用户通常不会注意到状态栏,所以请慎重考虑在这种情况下使用它。
设计思路
状态栏是一种在不打断用户操作进程的情况下,能很好提供状态信息的方法。但状态栏也容易被忽视,因为体量很轻、展示容易,实际操作中很多用户根本不会注意到状态栏的存在。
这个问题的解决方案不是通过使用花哨的图标、动画或闪烁来吸引用户的注意力,而是根据该限制情况进行设计。你可以通过以下方式改善该限制情况:
- 确保状态信息是有用和相关的。如果不是,就不要提供状态栏。
- 不要对关键信息使用状态栏。用户永远不应该必须知道状态栏里有什么。 如果用户必须看到它,就不要把它放在状态栏中。
只需要确保一件事:
确保状态栏的信息有用、相关但不具有根本重要性。
应用范例
状态栏有以下几种使用范例:
当前窗口状态:可在所有视图模式下,显示当前展示内容的来源。
进程:展示后台运行任务的进程,使用确定进度条或者动画辅助显示。
在该例中,状态栏显示的是网页页面加载到浏览器中的进度
上下文信息:显示关于用户当前行为的上下文信息。
设计指南
通用原则
- 只在部分用户需要查看状态栏信息时,考虑设置“查看状态栏”命令。如果大多数用户都不需要该信息,默认隐藏状态栏。
- 不要使用状态栏来解释菜单栏选项。这种帮助模式不够显眼。
展示规则
- 禁用不适用的模态状态。模态状态包括键盘和文档状态。
- 删除不适用的非模态状态。
- 按以下顺序显示状态信息: 当前窗口状态、进度和上下文信息。
图标
- 选择易于辨识的状态图标。尽量选择外形不规则、有独特性的图标,而不是正方形或长方形的图标。
-
只在需要传递状态信息的情况下使用纯红色、黄色和绿色的色块。否则,这样的图标会让人困惑。
正确示例
错误示例:图标中的红色含有“错误”暗示,会让用户感到困惑 -
使用图标变化或叠加层来表示当前状态或状态变化。使用图标变化来显示数量或强度的变化。对于其他类型的状态,使用以下标准叠加层:
警告状态
错误状态
禁用/无法连接状态
被屏蔽/离线状态 - 不要太频繁地变更状态。状态栏图标不应该显得嘈杂、不稳定或者需要关注。 眼睛对周边视野的变化很敏感,所以状态的变化需要很微妙。
- 对于提供重要状态信息的图标,更倾向于使用原位标签。
- 未加标签文字的状态栏图标应该有工具提示。
交互
- 状态栏应该是可交互的,用户可直接点击进入相关的命令和选项。
1.使用外观和行为类似菜单按钮或分裂式按钮的控件。这些状态栏区域需要有一个下拉箭头来暗示它们是可点击的。
2.点击鼠标左键展示菜单。
3.不要为状态栏设置鼠标右键以及双击的动作,用户不会预想到状态栏的项目可以这样交互,因而也就不太可能尝试去用它。 - 鼠标hover显示工具提示。
文字
- 尽量使用简明的标签文字。尽可能删减不必要的文字。
- 尽量使用句子片段,结尾不要加标点符号。只在句子片段在表意清楚却没办法明显简略的情况下,使用带有结尾标点符号的完整句子。
- 对于可选的进度标签,使用以动词(动名词形式)开头、以省略号结束的标签操作。 例如: “复制... ... ”。 如果操作具有多个步骤或处理多个对象,则此标签可能会动态更改。
- 不要使用颜色、粗体或斜体来强调状态栏文本。
说明
使用“状态栏”指代该控件,不要使用“状态文字”或其他说法。例如:当前所在页面数展示在状态栏上。
网友评论