状态栏 (Windows)

出自UXGuide.net

跳转到:导航, 搜索

状态栏
Status Bars

目录


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

状态栏通常使用文本和图标来描述状态,但它也可以包含进度指示器,以及包含与状态相关的命令菜单与选项。

Aa511492_StatusBars01(en-us,MSDN_10).png

典型的状态栏

注:通知区域相关的相关的设计规范请参考各自相应的章节。


它用在这里合适吗?

考虑下列问题以进行判断:

Aa511492_StatusBars03(en-us,MSDN_10).png
Windows® Internet Explorer® 中的红色地址栏


设计理念

状态栏是用来提供状态信息而又无须打断用户或他们的工作流程的极好方式。但状态栏又很容易被忽视。事实上,许多用户根本没有注意到状态栏的存在。

此问题的解决方法并非通过眩目的图标、动画或闪烁来吸引用户的注意,而是针对此限制进行设计。你可以采用下列做法:


最重要的一件事:

确保状态栏中的信息对用户来说有用且有实际意义,但也并非至关重要。


使用模式

状态栏具有下列使用模式:

当前窗口状态

显示各视图模式下当前显示内容的源。

Aa511492_StatusBars05B(en-us,MSDN_10).png

在这个示例中,状态栏显示了文档的路径。

进度

显示后台任务的进度,可能是使用确定模式的进度条,或者是使用动画。

Aa511492_StatusBars06(en-us,MSDN_10).png

在这个示例中,状态栏包含了一个进度条用于显示 Windows Internet Explorer 正在加载网页。

上下文信息

显示与用户当前活动相关的上下文信息。

Aa511492_StatusBars08(en-us,MSDN_10).png

在这个示例中,Microsoft 画图程序以像素为单位显示了选区的尺寸。


设计规范

常规


呈现


图标

正确:
Aa511492_StatusBars10c(en-us,MSDN_10).png
错误:
Aa511492_StatusBars11(en-us,MSDN_10).png
在错误的示例中,红色图标无意中暗示出现错误,导致误解。
叠加图示 状态
Aa511492_tray33a(en-us,MSDN_10).png 已停止
Aa511492_tray33b(en-us,MSDN_10).png 已开始
Aa511492_tray33c(en-us,MSDN_10).png 已禁用
Aa511492_tray33d(en-us,MSDN_10).png 连接断开
Aa511492_tray33e(en-us,MSDN_10).png 脱机
Aa511492_tray33f(en-us,MSDN_10).png 警告
Aa511492_tray33g(en-us,MSDN_10).png 错误
Aa511492_tray33h(en-us,MSDN_10).png 需要注意

更多信息,参见图标

交互


文本


文档编写

将状态栏称为“status bars(状态栏)”,而非“status lines”或其他变体。

示例:The current page number is displayed on the status bar.(当前页码将显示在状态栏中。)

导航
工具箱