在正式开始介绍仪表盘设计技巧之前,准确的定义仪表盘是必不可少的。那么,究竟什么是仪表盘呢?最受认可的定义之一当属来自《仪表盘大全》一书:“仪表盘是用于监测条件或促进理解的数据可视化显示。”由此可见,设身处地的为用户着想是至关重要的。

作为设计师,最基本的准则便是了解用户希望在仪表盘看到什么数据,以及让用户能够清楚准确的知道在仪表盘哪里可以找到这些数据。而一个精心设计的仪表盘则会使这一点更为突出,帮助用户快速做出业务决策。当然,想要达到这种效果,在开始仪表盘设计之前,以下3点是尤为重要。

汽车仪表盘UI设计模板

汽车仪表盘UI设计模板

1. 考虑仪表盘设计的目的和目标

首先,从战略上考虑产品的目的和目标。设计师的职责很大一部分是调查将使用数据的人的真实需求。因此,了解用户的交互方式和用户对信息的关注程度是设计师设计出好作品的第一步。这也就需要设计师考虑到以下具体细节:

  • 仪表盘设计的主要用途是什么?

  • 用户将使用哪些设备访问仪表盘?

  • 同一用户访问仪表盘的频率是多少?

  • 典型用户在访问仪表盘后将执行哪些操作?

以上问题的答案在用户研究中都可以找到,因此,在进行用户研究时,设计师也不可掉以轻心。

2. 选择合适的仪表盘类型

其次,需要考虑的是仪表盘类型,将需要不同的功能和元素,这通常取决于仪表盘的用途。仪表盘的主要类型有以下3种:

2.1 分析仪表盘

该仪表盘可以为用户清晰的展示了变化趋势和潜在问题,最具代表性的功能是允许更深入的研究所呈现的数据。它们通常使用交互图标或表格等方法将数据可视化,以关键数据为中心,允许用户下载原始数据进一步浏览和分析数据。分析仪表盘通常包括更长的时间周期以及深度钻研的功能,主要的用途是便于用户深度分析数据,注册Pixso账号,免费使用数据可视化图表。

数据分析仪表盘设计

数据分析仪表盘设计

2.2 操作仪表盘

该仪表盘可以帮助用户看到正在发生的事情,最大的特点便是可操作性,其功能侧重于实时更新,能够显示当前用户在产品中的状态和其他关键信息。通常用于用户需要访问客户信息和实施更改信息、需要更新近期购买或注册数据的情况下。

可视化仪表盘设计

可视化仪表盘设计

2.3 战略仪表盘

该仪表盘可以允许用户通过KPI跟踪主要战略目标,通常被用来反映根据KPI设定的战略执行情况。对于高级业务主管来说,更需要战略性仪表盘来突出显示最重要的指标。通过战略仪表盘,用户可以查看公司关键绩效指标和关键结果的每日或每周汇总。该类型仪表盘支持在多个设备上的显示模式,以便信息可以显示给大型团体。

智能监控仪表盘设计

智能监控仪表盘设计

3. 选择正确的仪表盘图表

最后,考虑到总体的仪表盘设计,需要确定的是如何将数据可视化。刻板的企业仪表盘设计通常会使用大胆的色彩、令人惊叹的图标、多彩的阴影和各种微交互,但这并不完全适用于所有情况。有些图标很容易扭曲基础数据,因此根据意图和目的选择正确的图标是非常重要的。可以通过以下几个示例来理解:

3.1 为了显示各方之间的关系

针对这种情况,散点图的仪表盘设计图表效果最为明显,它通常用于但显示和比较数值,在不考虑时间的情况下比较大量数据时可以使用。如果需要显示具有更多数据维度的集合,使用气泡图和网络图效果更佳。

图表组件

点击免费使用图表组件

3.2 为了比较数据

经典的条形图和柱状图的仪表盘设计图表非常适用。主要用于较小的数据集分析,适合表现分散的数据,柱状图可以观察某一时间的变化趋势和部分所占比重。而对于同时比较多个参数的特定情况,雷达图和极地区域图更为合适。

数据组件

点击免费使用数据组件

3.3 为了突出时间变化

使用折线图的仪表盘设计图表效果显著。折线图可以观察一个或者多个数据指标连续变化的趋势,也可以与之前的周期进行同比数据分析,因此非常适用于显示在相等时间间隔下数据的趋势。设计师可以在折线图的水平轴上标示时间演变信号或者通过使用图标、颜色和线条的简化来指示趋势。

设计组件

点击免费使用设计组件

3.4 为了展示整体的各个部分

当设计师需要显示小团体如何形成大集合时,可以选择使用圆环图和饼状图的仪表盘设计图表,但要注意部件的数量。这种图标不仅可以显示各个部分与整体之间的关系,而且还包含多个数据系列。当使用这种表格很难区分大量内容时,可以选择树状图和堆叠柱形图替代。

仪表盘数据组件

点击免费使用数据组件

3.5 为了呈现具体案例

有时不使用传统的仪表盘设计图表也可以达到出其不意的效果。例如,最近许多大流行数据可视化都使用热图来显示地理定位数据。热图可以显示不可点击区域发生的事情,以特殊高亮的形式显示方可热衷的页面和所在位置。由于大多数仪表盘都包含表格数据,因此设计师通过带有额外文本或系统中其他点的快捷方式的卡片,更能够为仪表盘增添视觉效果。

仪表盘设计素材

点击使用免费UI设计素材

4. 使用专业的仪表盘设计工具Pixso

通过以上分享,相信大家对仪表盘设计的有了进一步的认知。不难看出,仪表盘设计是一项需要多人配合的复杂工作,许多业务流程穿插,对功能模块的选择和页面的逻辑设计都需要团队密切的沟通配合,这时候,借助在线协同设计工具Pixso,能够大大提高工作效率!

Pixso是一款支持一站式完成原型、设计、交互与交付的强大工具,为数字化团队协作提效。特色的多人在线协作功能,帮助团队在项目进行时及时沟通与反馈,让后台管理设计从高保真原型设计到交付体验从始至终都保持高效率。借助Pixso资源社区,新手也无须畏惧,设计不必从0开始,告别重复的基础工作,把更多精力用在仪表盘设计的数据逻辑的分析上。如此强大实用的国产良心之作,点击上方免费使用,开启全新的设计体验吧!

Pixso