Windows桌面应用程序设计指南(控件篇16-状态栏)

状态栏是主窗口底部的一个区域,它显示有关当前窗口状态(例如正在被查看的对象以及方式)、后台任务(例如打印、扫描和格式化)或其他上下文信息(例如选择和键盘状态)等。
状态栏通常使用文字和图标表明状态,但也可以包含进度条以及和当前状态相关的命令或者选项菜单。


一个典型的状态栏

何时使用该界面元素?

思考以下问题:

  • 当用户正活跃使用其他程序时,该状态是否仍有相关性?如果是的话,请使用通知区域图标(nonotification area icons)。
  • 状态项是否需要显示通知? 如果需要,则必须使用通知区域图标。
  • 当前窗口是否为主要窗口?如果不是,就不要使用状态栏。对话框、向导窗口、控制面板和属性列表都不能包含状态栏。
  • 该信息是当前主要状态的信息吗?如果不是,不要使用状态栏。状态栏不能用作辅助菜单栏或工具栏。
  • 该信息的作用是解释如何使用选中的组件吗?如果是,直接在相关控件旁边使用补充说明或者说明文字展示即可。
  • 用户是否为因为该展示信息而改变操作行为?也就是说,该状态是否具有相关性和意义?如果没有,请不要显示状态,或者将其放在日志文件中。
  • 该状态重要吗?是否需要用户立即采取行动?如果是这样,则以更引人注意且不容易忽略的形式显示信息,例如对话框或主窗口本身。
    Windows Internet Explorer中的红色地址栏
  • 该程序主要面向初学者的吗?没有经验的用户通常不会注意到状态栏,所以请慎重考虑在这种情况下使用它。

设计思路

状态栏是一种在不打断用户操作进程的情况下,能很好提供状态信息的方法。但状态栏也容易被忽视,因为体量很轻、展示容易,实际操作中很多用户根本不会注意到状态栏的存在。
这个问题的解决方案不是通过使用花哨的图标、动画或闪烁来吸引用户的注意力,而是根据该限制情况进行设计。你可以通过以下方式改善该限制情况:

  • 确保状态信息是有用和相关的。如果不是,就不要提供状态栏。
  • 不要对关键信息使用状态栏。用户永远不应该必须知道状态栏里有什么。 如果用户必须看到它,就不要把它放在状态栏中。

只需要确保一件事:
确保状态栏的信息有用、相关但不具有根本重要性。

应用范例

状态栏有以下几种使用范例:
当前窗口状态:可在所有视图模式下,显示当前展示内容的来源。

在本例中,状态栏显示的是文件路径

进程:展示后台运行任务的进程,使用确定进度条或者动画辅助显示。
在该例中,状态栏显示的是网页页面加载到浏览器中的进度

上下文信息:显示关于用户当前行为的上下文信息。

该例中,状态栏显示的是选中区域的像素面积

设计指南

通用原则

  • 只在部分用户需要查看状态栏信息时,考虑设置“查看状态栏”命令。如果大多数用户都不需要该信息,默认隐藏状态栏。
  • 不要使用状态栏来解释菜单栏选项。这种帮助模式不够显眼。

展示规则

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

图标

  • 选择易于辨识的状态图标。尽量选择外形不规则、有独特性的图标,而不是正方形或长方形的图标。
  • 只在需要传递状态信息的情况下使用纯红色、黄色和绿色的色块。否则,这样的图标会让人困惑。


    正确示例

    错误示例:图标中的红色含有“错误”暗示,会让用户感到困惑
  • 使用图标变化或叠加层来表示当前状态或状态变化。使用图标变化来显示数量或强度的变化。对于其他类型的状态,使用以下标准叠加层:


    警告状态

    错误状态

    禁用/无法连接状态

    被屏蔽/离线状态
  • 不要太频繁地变更状态。状态栏图标不应该显得嘈杂、不稳定或者需要关注。 眼睛对周边视野的变化很敏感,所以状态的变化需要很微妙。
  • 对于提供重要状态信息的图标,更倾向于使用原位标签。
  • 未加标签文字的状态栏图标应该有工具提示。

交互

  • 状态栏应该是可交互的,用户可直接点击进入相关的命令和选项。
    1.使用外观和行为类似菜单按钮或分裂式按钮的控件。这些状态栏区域需要有一个下拉箭头来暗示它们是可点击的。
    2.点击鼠标左键展示菜单。
    3.不要为状态栏设置鼠标右键以及双击的动作,用户不会预想到状态栏的项目可以这样交互,因而也就不太可能尝试去用它。
  • 鼠标hover显示工具提示。

文字

  • 尽量使用简明的标签文字。尽可能删减不必要的文字。
  • 尽量使用句子片段,结尾不要加标点符号。只在句子片段在表意清楚却没办法明显简略的情况下,使用带有结尾标点符号的完整句子。
  • 对于可选的进度标签,使用以动词(动名词形式)开头、以省略号结束的标签操作。 例如: “复制... ... ”。 如果操作具有多个步骤或处理多个对象,则此标签可能会动态更改。
  • 不要使用颜色、粗体或斜体来强调状态栏文本。

说明

使用“状态栏”指代该控件,不要使用“状态文字”或其他说法。例如:当前所在页面数展示在状态栏上。

你可能感兴趣的:(Windows桌面应用程序设计指南(控件篇16-状态栏))