仪表盘 网络应用程序

检查进度

重置

01

背景和指标

在决定做什么之前先了解数字。

显示当前情况总结与用户相关的信息并突出显示自上次访问以来的重要变化。问候语要简短。优先考虑已更改的内容以及用户需要继续进行的工作。为指标提供有用的背景信息显示支持主要任务的指标及其单位、日期范围和更新状态。每个数字都需要一个单位、一个明确的定义和一个使其有意义的日期范围。示例 “过去 7 天内处理了 42 个订单”比孤立的数字 42 更有用。使日期范围清晰可调整显示相关的日期范围和时区,并将相同的范围应用于相关指标。“今天”标签必须使用与数据计算相同的时区。示例 使用亚洲/曼谷时间而不是使用 UTC 日历日期计算今天的统计数据。使用清晰的比较基线说明比较期间、单位以及增加或减少的含义,而不是单独显示箭头。对两个时期使用等效的计算,并披露它们的长度何时不同。显示数据的最新情况显示上次刷新时间或已知延迟,并在用户请求更新时提供反馈。在数据旁边显示更新时间和时区。即使用户没有单击刷新,也应该识别旧号码。

02

任务和行动

返回工作岗位并处理需要关注的任务。

让最近的工作轻松重开让用户返回到最近创建或编辑的项目,并具有可识别的名称和时间戳。每条活动线应标明参与者、对象和时间;打开正确的记录而不是通用列表。优先考虑需要关注的任务突出显示截止日期和需要注意的决定,并明确说明下一步行动。显示需要做出决定的警报。太多的警报会使重要的任务更难被注意到。让频繁的操作触手可及使用特定的操作标签提供对常见任务的快速访问。根据您查看数据后通常执行的操作设置操作,例如处理待处理的请求;显示前检查权限。

03

数据状态

区分加载、丢失数据和加载错误。

在没有数据的情况下引导用户解释此处将出现的内容,并提供创建、导入或连接数据的第一步。建议与数据丢失原因相匹配的首次创建、导入或连接操作。加载每个区域而不丢失上下文保持小部件布局稳定。不要将旧数字显示为新过滤器的结果。尽可能独立加载每个块;保留位置和标签,以便当数据源响应缓慢时页面不会跳转。区分零值和错误识别加载失败的区域,保留选定的过滤器,并在不清除加载成功的区域的情况下重试。当小部件失败时,保留可用的小部件并以相同的选定时间间隔重试相同的部分。示例 当连接失败时,显示“无法加载收入 - 重试”,而不是显示零收入。

04

可达性和控制

使仪表板可用于不同的角色和输入方法。

支持不依赖颜色的阅读和交互为图表添加标签,提供数据的文本表示形式,并使每个操作都可以通过键盘进行访问。为图表提供文本标签和指标;删除多列布局时检查是否按逻辑顺序读取。允许在有用时更改布局如果合适的话如果用户可以隐藏或重新排序小部件,请提供一种恢复默认值的方法和拖动的替代方法。具有固定任务的仪表板可能不需要定制。仅当布局控件对用户有帮助时才添加它们。

进度会自动保存在此浏览器中。

指南

检查方法

01

从用户需要做出的决定开始

选择可帮助用户继续工作或了解已更改内容的小部件。不支持决策的有趣数字可能不属于仪表板。

02

检查一致的日期范围和单位

更改日期范围、角色或过滤器,然后检查每个相关区域。区分零值、缺失数据和加载失败的数据。

03

当一个小部件失败时保留成功的结果

显示受影响区域的错误并重试。当数据仍然可靠时,保持仪表板的其余部分可见。

04

满足需求时提供定制服务

如果小部件可以重新排序,支持键盘操作和恢复布局。对于具有固定任务的屏幕来说,清晰的固定布局可能就足够了。

示例

应用示例

订单处理仪表板

首先有 8 个今天需要处理的订单,2 个接近截止日期的订单,以及一个“查看要处理的订单”按钮。显示过去7天数据的比较周期和更新时间。

一个小部件无法加载

当收入小部件显示“无法加载数据”和重试按钮时,保持订单列表可用。不要用零收入来代替错误。