作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
听听这篇文章的音频版本
仪表板是一种独特而强大的方式,可以使用显示相关信息的数据可视化技术来呈现基于数据的智能, 可操作数据以及跟踪统计数据和关键绩效指标(kpi). 仪表板布局应该设计成以快速的方式显示这些数据, 易于扫描的格式,最相关的信息一目了然.
这个词源于传统的汽车仪表盘, 它们已经进化到在数字世界中发挥同样的作用. 在他的书中Stephen Few说得最好:
A dashboard is a visual display of the most important information needed to achieve one or more 目标; consolidated and arranged on a single screen so the information can be monitored at a glance.
在本文中, 我们概述战略, 分析, 操作, 和信息的例子,以及在最好的仪表板设计的核心的基本原则, 不管它是什么类型.
有正确的方法 数据可视化 为设计仪表板奠定基础的关键功能是什么. 数据可视化是通过图形和图片表示数据—其主要目标是帮助决策者识别模式或理解在基于文本的应用程序中可能无法检测到的困难概念.
在他们的书中, 数据可视化,诺亚·伊林斯基和朱莉·斯蒂尔指出:
设计人员设计数据可视化的目的是创建一个可交付的,将很好地接受和容易理解的读者. 所有的设计选择和特定的实现都必须服务于这个目的.
一个有效的仪表板可以一目了然地显示可操作和有用的信息. 它简化了复杂数据的可视化表示,并帮助涉众理解, 分析, 并提出关键的见解.
针对关键用户需求的可视化数据和信息的初始定制将有助于提高可用性,并消除对不同用户角色的需求.
在一个充斥着数据的世界里, 提供清晰的信息是最难完成的事情之一. 在仪表板上只显示最相关的数据是必要的——我们显示的信息越多, 用户就越难找到他们需要的东西.
当面对太多的数据可供选择时, 设计师 应该只显示最相关的子集吗. 我们需要优先考虑并小心删除误导和不明确的指标.
有效的仪表板设计决策应遵循以下原则:
当阅读可视化(或任何其他形式的交流)时, 你的读者在这个问题上的脑力是有限的. Some of this brainpower will be dedicated to decoding the visualization; any brainpower that is left may then be used to understand the message (if the reader hasn’t yet given up in frustration). Noah Iliinsky和Julie Steele(数据可视化)
仪表板的核心目标是使复杂的信息易于访问和消化. 因此, 呈现数据的界面应该是干净和直接的,以尽量减少用户的认知负荷和搜索时间.
信息体系结构应该首先显示基本数据,同时允许访问支持或次要指标. 应该设计一个逐步深入的系统,从总体概述开始,然后进入更详细的内容——这有助于数据的优先级划分, 创造了清晰.
设计仪表板时,成功 仪表板的设计师 从一组明确的目标开始,重点关注要解决的问题和关键, 人们需要从数据中获得可操作的见解.
好的设计目标促进高效和精确的执行. 采用 S.M.A.R.T框架 因为目标设定把焦点放在 具体的, 可衡量的, 可操作的, 现实的, 基于时间的 目标.
在确定仪表板设计目标时,需要考虑以下几个关键问题:
确定特定仪表板设计的目标可能是什么, 通过询问来定义它, “这个设计能为用户解决什么具体问题?这个问题的答案将为我们提供关于什么指标的见解, 属性, 值, 视觉效果, 数据很重要.
以目标为中心的设计专注于解决实际问题,是所有伟大的仪表板设计的基础. 首先要清楚地了解业务目标, 考虑用户目标, 然后传达需要传达的关键信息.
仪表板设计的最大挑战之一是服务于多个角色. 一旦定义了每个用户角色, 了解他们的需求在哪里重叠,在哪里不同变得至关重要.
有效的沟通是每一个成功的仪表盘设计的基本原则. 预见用户可能发现自己的潜在场景将有助于更好地了解用户的情况.
在设计时始终牢记用户上下文——确定他们的技术知识, 他们对整个系统的熟悉程度, 他们的目标, 等等......。.
在试图确定用户行为和情境时,一定要问以下问题:
仪表板设计中使用的调色板也应该被视为一个上下文. 很多企业对企业 SaaS产品 仪表板设计成深色主题的UI,因为它们可以连续使用几个小时.
深色主题的ui可以帮助减少眼睛疲劳,并支持界面内的视觉清晰度. 然而, 采用这种方法需要仔细评估设计方向——优点, 在之前的设计博客文章中概述的缺点和潜在缺陷: 暗黑UI应该做和不应该做.
用户研究有助于创造一个向用户展示相关数据的环境, 清晰的, 简洁. 这有助于他们思考他们正在寻找的内容和数据, 而不是如何使用和访问它.
有些仪表板必须能够工作,或者可以毫不费力地为查看相同基本仪表板的不同角色的用户进行定制. 用户研究很重要,因为它有助于确定用户的目标, 心智模式, 环境背景下, 痛点. 这些因素极大地影响了最终的仪表板设计.
用户体验设计师、研究员和作家Mike Kuniavsky指出,确实如此 理解设计对受众的影响的过程.”
设计师必须定义不同的用户类型,并理解他们的目标是相同的, 它们的不同之处. 哪些信息对一种用户类型最具可操作性. 另一个? 他们必须考虑不同用户类型是否需要不同的布局, 或者是否有更一般用例的解决方案.
记住这一点, 在用户研究阶段,从基本的线框图开始,然后转向可以在实际用户中进行测试的原型,这是个好主意. 真正有价值的见解可以从只有5个用户的短时间用户研究阶段中产生——这将节省大量的时间.
进步的信息披露 是否使用了一种通过减少杂乱来保持用户注意力的技术. 创建渐进公开系统有助于创建以用户为中心的环境, 这有助于优先考虑用户的注意力, 避免错误, 节省时间. 它还允许用户专注于对他们重要的关键功能,而不是被迫浏览所有功能——包括他们不需要或不感兴趣的功能.
进步的信息披露 is a dashboard design best practice that will also reduce error rates considerably; it will improve efficiency and help users improve their 理解 当一个系统是基于功能优先级的时候.
渐进式公开将高级或很少使用的功能延迟到次要屏幕, 使应用程序更容易学习,更不容易出错. – Jakob Nielsen
动画是一种很好的方式来满足各种用户需求,同时也实现多种功能. 在加载数据和视觉效果时使用它是一个很好的选择,并且是一个先进的渐进披露解决方案.
Animation is the process of creating the illusion of motion; it is a dynamic that creates a sense of progress and constant feedback, 从而减少用户的不确定性和提高感知性能.
在仪表板中使用渐进式信息披露的优点:
逐步披露和加载数据的潜在问题包括:
仪表板是一种交流数据和其他信息的强大方式, 尤其是以用户为中心, 以目标为中心的设计,遵循仪表板设计最佳实践和适当的数据可视化. 虽然每个仪表盘都是不同的,有自己的目标, 需求, 和局限性, 遵循这些基本原则并将其应用于仪表板布局示例将有助于创建出色的设计,而不管具体情况如何:
世界级的文章,每周发一次.
世界级的文章,每周发一次.