怎样搞好数据可视化结构设计,国外大神得出了五条新颖提议

以下是原文部分
前言
如今,后台介面的结构设计需求很常用。商业性活动中,人们期望通过一个数据可视化介面来展现所有的信息、趋势和风险,并动态预览,助推于财务分析预估。
当使用者在下载数据介面时,最合适一眼就能对关键性信息有一个大概的了解,换句话说,后台介面如果是一种引人瞩目、简单直接的导航方式。(后台介面)Dashboard这个名词来自汽车仪表板的隐喻,也叫cockpit-area,通常是指直升机或飞行器的机舱,也就是控制飞行器的仪表板。
我做了许多年To B(特别针对企业)的项目,结构设计了数不胜数的后台管理介面。每一次的结构设计任务,对我来说都是捷伊挑战,为的是结构设计出杰出的后台介面,我常感到压力山大。为的是协助大家结构设计出更快的后台介面,我根据自己的实战经验,提出了以下以下几点提议,云表单无论是对新手还是训练有素的结构雕塑家,如果单厢有所斩获。
1、表述最终目标
后台介面首先是要有明晰的最终目标以满足需求,就像产品中其他介面一样。如果把最终目标弄错了,那么接下来的不懈努力就毫无意义!不同的使用场景,介面的结构设计方法也会不一样。为的是简化分析,这里主要介绍2种最常用的形式:
1)运营型后台介面
运营型后台介面通常出现在时效性很强的任务场景中,旨在高效地为使用者提供关键性信息。运营型后台介面主要为使用者快速清晰地呈现异常数据、当前资源情况和所处状态。运营型后台介面的数据控制中心可以协助使用者高效敏捷地尽管运营管理。
运营型后台介面主要特点
2)分析型后台介面
与运营型后台介面相比,分析型后台介面通过提供更为全面的信息,主要用于分析和决策,对时效性要求不高。分析型后台介面主要是为协助使用者更快地了解数据,分析趋势和助推决策。
分析型后台介面主要特点
使用者需求决定了要结构设计哪一种后台介面。产品可能具有很多功能,不同的管理者也有不同的诉求,结构设计需要因地制宜。结构雕塑家经常容易混淆这两种类型,为期望得到快速响应和采取行动的使用者却提供一大堆的分析数据。反之亦然。云表单
2.正确地展现数据
后台介面中的数据展现是一项复杂的结构设计,尤其在后台介面上展现多种类型数据时,无论是静态还是动态变化的信息,都具有很强的挑战性。如果选错了图表类型或者直接默认为通用的数据可视化模版,可能会使使用者感到困惑或误读数据。根据使用者需要查看的内容,我提供了一些可视化提议:
这类图表用于展现数据关系
散点图主要用于相关性和分布性的分析;气泡图将第三维度引入图表;网络图也很方便,数据间的节点越大越重要。
这类图表用于比较数据
在比较一组或多组数据时,使用可视化的图表要比看网格中的数字简单多了。柱形图和折线图是最常用的类型。我的提议是:
- 时间维度应始终用X轴展现,时间从左向右
- 当使用水平或垂直条形图时,试著按最大值比例结构设计条形而不是随意结构设计
- 使用折线图时,不要显示超过5个值;使用条形图时,不要显示超过7个值
这类图表用于展现组成部分
在数据可视化方面,饼图和环形图不容易使用。这类图表最常用到,但同时也最容易被误用。因为饼图和环形图的组件太多,相似值很多,所以阅读体验很差。人们在下载饼图和环形图的角度和区域时,并不能轻易看出差值。云表单
这类图表用于展现分布情况
分布图可以协助你了解数据中的异常值,正态分布和信息范围。
避免使用的图表类型
要避免使用某些图表类型。过去,图表数据展现对于后台介面结构设计很重要,但现在拟物化结构设计已经过时了。3D图表和过度结构设计的图表可读性很差,分散了人们对数据的注意力,并且很难开发,所以没必要这样结构设计。
选择不同图表类型
选择图表时,可以考虑几个问题:
- 在一个图表中,要显示几个变量?
- 要显示不同时间的值,还是不同项目或者不同组的值?
- 每个变量要显示几个数据点?
3.命名规范、日期格式和数值划分要统一清晰
后台介面主要为的是快速获得信息,所以每个细节都很重要。使用清晰框架的最大好处是数据一致性。如果数据在每个工具中以相同的方式命名,则可以更轻松地使用这些工具。一个框架,就可以解决所有问题。
4.表述布局、顺序和优先级
网格可以协助您轻松实现对齐和统一,在结构设计中创建基本结构和骨架。它们由隐形线组成,在线上可以放置结构设计元素。网格可以将所有元素整合在一个系统的体系中,并且使介面更有条理。这对后台介面结构设计至关重要,因为网格可以将大量的信息布局地更为紧凑。云表单
网格与模块
在布局信息时,要注意:
阅读习惯和优先级布局
5.使用结构统一的组件
表述网格后,就可以用多种组件来承载信息、图表和控件了。卡片是一种非常简单好用的排版方式。卡片最大的优势在于可以无限地修改、操作和扩展。对于响应式结构设计,卡片是不错的选择,因为卡片是一种易于扩展或缩小的内容容器。
卡片可以包含信息、图表和控件
卡片的一个重要特点是所有卡片的控件和数据的排版统一。将名称放在左上角,将视图控件或操作放到卡片右上角,剩下的就是内容。当所有卡片结构统一时,使用者就更容易使用介面,轻松找到想要的内容。
排版统一
6.扩大留白
白色区域,也就是负空间,指的是在结构设计布局中元素之间的区域。使用者可能并不了解负空间,但是结构雕塑家需要特别注意。如果负空间不平衡,这个介面的易读性就很差。因此负空间和其他排版元素一样重要。云表单
12px和24px间距的视觉差异
7.不要隐藏信息或过分依赖交互
后台介面主要为的是快速的了解大概信息,但如果涉及滚动或过多的交互事件,就会拖慢使用者的使用效率。
高楼大厦的既视感
结构雕塑家最常犯的错误,就是结构设计可滚动的、长后台介面。他们想用简洁的方式展现更多的信息,就会从上到下排版,以防太多的信息堆积到一起,让使用者难以理解。但这会导致只有屏幕上的信息是可见的,不滚动页面就看不到下面的信息,所以使用者很难注意到下面的信息。既然这样,干嘛还要放这些很难注意到的信息呢?
解决办法是对信息进行优先级排序,在进行充分的研究和访谈后,如果能够识别关键性内容,只用屏幕可见区域来显示关键性内容。不要长篇大论地讲故事,要展现提炼的关键性信息。额外的交互可以作为容纳更多内容的一种方式,而不是让使用者被过多的数据压垮。
不要依赖过多交互显示信息
交互有助于介面上次要信息展现。但完全依赖交互,以此作为使用后台介面的主要方式,就是大错特错的。在以上的示例中,使用者不得不在多个选项卡中痛苦地切换,来获取完整的图表。那些在隐藏选项卡上的信息可读性就很差,就像屏幕下方被隐藏的信息一样。云表单
后台介面上信息过多
后台介面上,结构设计的信息过多,就会适得其反。一定要知道,人类对于多个事物的记性很差。不要对使用者期望过高,不要让使用者对太多数据应接不暇。最多用5-7个组件来创建页面。否则,使用者很难专注获取清晰的信息概览。
8.个性化而不是自表述
使用者期望看到与他们个人需求相关的内容。个性化和自表述可以使使用者看到对他们自身重要内容。个性化由系统自身设定。系统ID用于识别使用者,并为使用者提供与其角色匹配的内容、体验或功能。自表述则是由使用者自身完成。为的是满足特定需求,使用者可以在系统里配置布局、内容或系统功能来定制或改变体验。
自表述后台介面
在介面足够个性化的基础上,可以给使用者更多的选择自表述后台介面。但通常,结构设计多种自表述的方式是一个借口,逃避枯燥的使用者调研过程,不去真正挖掘每一个使用者角色真正的需求。最后,就把一切都甩给使用者,让他自己去创建页面。
现在不用EXCEL也能快速生成精美的数据统计报表啦!简道云仪表板,通过简单拖拽,即可制作出一个个柱形图、折线图、饼图等图表,还可以自表述颜色等信息。制作出的报表可以快速分享给团队其他核心成员看,并且可以灵活控制查看权限,确保数据安全。通过预警设置,当数据异常时(如库存不足),还可以第一时间向负责人推送消息。多种配色,完全自表述设置,让您的仪表板与众不同,独具特色。无论是手机、电脑、IPAD,还是工厂PDA,都可以查看仪表板,随时随地掌握数据。







