仪表板设计-注意事项和最佳做法

本文概述

  • 大仪表板的关键特征
  • 降低复杂度提供清晰度
  • 确定仪表板目标并显示适当的数据
  • 仪表板设计中的上下文
  • 通过用户研究改善仪表板设计
  • 仪表板设计中的逐步披露
  • 摘要
听本文的音频版本
仪表板是使用数据可视化技术来呈现基于数据的情报的独特而强大的方法, 该技术可显示相关的可操作数据以及跟踪统计信息和关键绩效指标(KPI)。仪表板应以快速, 易于扫描的格式显示此数据, 并一目了然地了解最相关的信息。
该术语起源于传统的汽车仪表板, 并且已经演变为在数字世界中发挥相同的功能。 Stephen Few在他的书中说得最好:
仪表板是实现一个或多个目标所需的最重要信息的可视化显示。整合并排列在单个屏幕上, 因此可以一目了然地监控信息。
仪表板设计-注意事项和最佳做法

文章图片
Mason Yarnell为Mixpanel设计的移动仪表板
在本文中, 我们将概述战略, 分析, 操作和信息示例, 以及构成每种成功仪表板设计的核心的基本原理, 无论其类型如何。
拥有正确的数据可视化方法是奠定成功仪表板基础的关键功能。数据可视化是通过图形和图片表示数据-其主要目的是帮助决策者识别模式或理解在基于文本的应用程序中可能无法发现的困难概念。
Noah Iliinsky和Julie Steele在他们的《数据可视化》一书中指出:
设计者在设计数据可视化时的目的是创建一个可交付使用的内容, 该内容将受到读者的欢迎并易于理解。所有设计选择和特定实现都必须达到此目的。
大仪表板的关键特征 有效的仪表板可一目了然地显示可操作和有用的信息。它简化了复杂数据的可视化表示, 并帮助涉众了解, 分析和提出关键见解。
仪表板设计-注意事项和最佳做法

文章图片
srcmini设计师Wojciech Dobry的Contractbook仪表板
出色的仪表板清晰, 直观且可定制。
  • 他们快速交流信息。
  • 它们清晰有效地显示信息。
  • 它们显示了数据的趋势和变化。
  • 它们易于定制。
  • 最重要的窗口小部件和数据组件可以在有限的空间内有效显示。
根据关键用户需求对可视数据和信息进行初始定制将有助于提高可用性并消除对不同用户角色的需求。
仪表板设计-注意事项和最佳做法

文章图片
可自定义的仪表板元素-srcmini Designer Wojciech Dobry的Contractbook
出色的仪表板可一键式提供一切。
  • 所有基本信息都可以立即访问。
  • 数据优先。
  • 信息在一个屏幕上以视觉层次结构清晰显示。
  • 该设计提供了一个连贯的概览, 其中包括稀疏, 清晰的初始数据, 并提供了更多深入了解的机会。
  • 元素(图表, 表格, 表单)以最小化视图显示, 并能够在模式窗口中显示更多详细信息或转到具有更多详细信息的页面。
  • 该设计通过过滤器提高了可用性, 允许用户自定义数据的显示方式, 并使用标签, 类别和KPI过滤内容。
仪表板设计-注意事项和最佳做法

文章图片
srcmini设计师Miklos Philips从模态仪表板上提取详细数据
降低复杂度提供清晰度 在充满数据的世界中, 提供清晰的信息是最困难的事情之一。在仪表板上仅显示最相关的数据是必不可少的-我们显示的信息越多, 用户就越难找到他们所需要的东西。
当面临太多数据可供选择时, 设计人员应仅显示最相关的子集。我们需要确定优先级并仔细删除误导性和不清楚的指标。
有效的仪表板设计决策应遵循以下指导:
  • 项目目标
  • 数据的性质
  • 用户需求
仪表板设计-注意事项和最佳做法

文章图片
srcmini设计师Stelian Subotin的仪表板设计
阅读可视化(或任何其他形式的交流)时, 你的读者对解决问题的能力有限。这些智慧中的一些将专门用于解码可视化;然后, 剩下的任何智慧都可以用来理解消息(如果读者还没有沮丧的话)。 – Noah Iliinsky和Julie Steele(数据可视化)
仪表板的核心目标是使复杂的信息易于访问和消化。因此, 呈现数据的界面应简洁明了, 以最大程度地减少用户的认知负担和搜索时间。
信息体系结构应首先显示基本数据, 同时允许访问支持或辅助指标。应该设计一个渐进式的向下钻取系统, 该系统从总体概述开始, 然后进行更详细的介绍-它有助于对数据进行优先级排序并提高清晰度。
仪表板设计-注意事项和最佳做法

文章图片
Jan Losert的移动仪表板设计
确定仪表板目标并显示适当的数据 成功的仪表板设计首先要有一套明确的目标, 重点是要解决的问题以及从数据集中获取的关键知识。设定这些目标来自对用户需要执行哪些任务的清楚理解。
好的设计目标可以促进高效而精确的执行。采用S.M.A.R.T框架进行目标设定时, 重点应放在特定, 可测量, 可操作, 现实和基于时间的目标上。
仪表板设计-注意事项和最佳做法

文章图片
srcmini设计师Miklos Philips的仪表板设计
以目标为中心的设计着重于解决实际问题, 并且是所有出色仪表板设计的基础。首先要清楚地了解业务目标, 考虑用户目标, 然后传达需要传达的关键信息。
仪表板设计中的上下文 仪表板设计的最大挑战之一是为多个角色提供服务。定义每个用户角色后, 了解他们的需求在哪些地方重叠以及在哪里有所分歧就变得至关重要。
有效的沟通是每个成功的仪表板设计的基本原则。预见用户可能会发现自己的潜在场景将有助于更好地了解用户的情况。
在设计时, 请始终牢记用户的上下文-标识他们的技术知识, 对系统整体的熟悉程度, 目标等。
仪表板设计-注意事项和最佳做法

文章图片
srcmini设计师Miklos Philips的仪表板设计
尝试确定用户行为和上下文时, 请务必询问以下问题:
  • 设计是否考虑了访客习惯阅读的方向?
  • 与仪表板的交互是否需要技术知识?
  • 用户是否只需单击几下就能完成大多数操作?
  • 通过创建下拉菜单, 设计是否与用户上下文保持一致?它是否使用暗示性的图像和调色板?
仪表板设计中使用的调色板也应视为上下文。许多企业对企业SaaS产品仪表板都是以深色主题的UI设计的, 因为它们连续使用了几个小时。
深色主题的UI可以帮助减轻眼睛疲劳并在界面内提供视觉清晰度。但是, 采用这种方法需要仔细评估设计方向-如先前的设计博客文章” 深色UI的注意事项” 中概述的优点, 缺点和潜在的陷阱。
仪表板设计-注意事项和最佳做法

文章图片
仪表板UI设计, 分析和信息图表在黑暗的UI上可以很好地工作, 但仍应” 小心处理” 以确保足够的对比度(作者Alex Gilev)。
通过用户研究改善仪表板设计 用户研究有助于创建一个环境, 在该环境中向用户显示相关, 清晰和简洁的数据。这可以帮助他们考虑所需的内容和数据, 而不是如何使用和访问它们。
某些仪表板必须正常工作, 或者可以轻松地为不同角色的用户定制相同的基本仪表板。用户研究很重要, 因为它有助于确定用户的目标, 心理模型, 环境背景和痛点。这些是极大影响最终仪表板设计的因素。
仪表板设计-注意事项和最佳做法

文章图片
srcmini设计师Stelian Subotin的仪表板设计
用户体验设计师, 研究员和作者Mike Kuniavsky指出, 这是” 了解设计对受众的影响的过程” 。
设计人员必须定义不同的用户类型, 并了解他们的目标相同, 不同之处。哪种信息对一种用户类型最有效?他们必须考虑是否需要从一种用户类型到另一种用户类型使用不同的布局, 或者是否存在针对更通用用例的解决方案。
考虑到这一点, 从基本的线框开始, 转入可以在用户研究阶段由实际用户测试的原型是一个好主意。真正的有价值的见解可以从只有五个用户的短暂用户研究阶段中得出, 并且可以节省大量的时间。
仪表板设计-注意事项和最佳做法

文章图片
仪表板线框Aaron Sananes
仪表板设计中的逐步披露 渐进公开是一种通过减少混乱来保持用户注意力的技术。创建渐进式披露系统有助于创建以用户为中心的环境, 从而有助于优先考虑用户的注意力, 避免错误并节省时间。它还使用户能够专注于对他们而言重要的关键功能, 而不必被迫浏览所有功能, 包括他们不需要或不感兴趣的功能。
逐步披露是仪表板设计的最佳实践, 它还将大大降低错误率;当系统基于功能优先级排序时, 它将提高效率并帮助用户提高对仪表板的理解。
仪表板设计-注意事项和最佳做法

文章图片
Jan Losert的资讯主页设计
渐进式公开将高级或很少使用的功能推迟到辅助屏幕, 使应用程序更易于学习且不易出错。 –雅各布·尼尔森(Jakob Nielsen)
动画是一种既可以满足多种用户需求, 又可以满足多种功能的好方法。它是在加载数据和视觉效果时使用的绝佳选择, 并且是一种先进的渐进公开解决方案。
动画是创造运动幻觉的过程。它是一种动态感, 可以营造一种进步感和持续不断的反馈, 从而减少了用户的不确定性并提高了感知性能。
仪表板设计-注意事项和最佳做法

文章图片
Virgil Pana的资讯主页
在仪表板中使用渐进式披露的优势:
  • 减少用户的不确定性和焦虑感(通过显示进度迹象, 可以确保用户一切正常。)
  • 向用户提供一些信息(部分显示数据), 而不是让他们等待
  • 为用户提供对即将到来的步骤的清晰预期, 并帮助你理解分层显示信息的方式
逐步披露和加载数据的潜在问题包括:
  • 以不适当的方式使用指标和披露。较短的加载时间和无用的步骤会分散注意力, 并违反可用性原则。
  • 在没有明确进度指示的情况下, 数据检索滞后会导致用户不确定和跳出率更高。
  • 使用静态进度指示器是一种意义不大的解决方案, 并且没有提供足够的进度信息, 这也可能导致用户不确定和跳出率更高。
仪表板设计-注意事项和最佳做法

文章图片
Mason Yarnell的仪表板设计
摘要 仪表板是一种有效的数据和其他信息交流方式, 尤其是采用以用户为中心, 以目标为中心的设计时, 仪表板遵循了仪表板设计的最佳实践和正确的数据可视化。尽管每个仪表板都是不同的, 并且都有自己的目标, 要求和限制, 但遵循以下基本原则将有助于创建出色的设计, 而不管其具体细节:
  • 首先, 要同情你的用户类型并了解他们的目标。
  • 通过使用暗示性的视觉效果, 标签, 渐进式披露技术和动画, 向用户传达清晰的故事。
  • 通过应用用户研究技术, 使复杂的事情变得容易。
  • 在向下钻取系统中, 在适当的时间显示数据和信息。
  • 使用数据可视化以有意义的方式表达信息。
【仪表板设计-注意事项和最佳做法】? ? ?
在srcmini设计博客上进一步阅读:
  • 电子商务UX –最佳做法概述(带有信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳UX设计器产品组合–启发性的案例研究和示例
  • 移动接口的启发式原理
  • 预期设计:如何创建神奇的用户体验

    推荐阅读