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

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

作者: 烈焰虾米 | 来源:发表于2020-06-06 09:01 被阅读0次

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


    一个典型的状态栏

    何时使用该界面元素?

    思考以下问题:

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

    设计思路

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

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

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

    应用范例

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

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

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

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

    设计指南

    通用原则

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

    展示规则

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

    图标

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


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


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

    交互

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

    文字

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

    说明

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/rydszhtx.html