如何在产品设计中让数据可视化?6个案例告诉你

在我们日常的工作中,都会接触到大量的数据,这些数据是对客观事物如实记录或者观察的结果,如果对其进行归纳总结,不管是对个人工作还是公司运营都是极好的。

出于这样的考虑,很多产品经理在后台设计上都会对数据进行一些可视化的处理,使得数据变得更好的观察和管理。

今天,我们就来分享几个关于数据可视化的原型作品,希望能给刀友们一些灵感启发。

在这里插入图片描述

01数据可视化+后台

作者:周
原型链接:https://org.modao.cc/square/mtkedluyxm3z99vh

提起数据可视化,大部分人想到的应用场景应该会偏互联网行业一点,但其实传统行业也完全可以采用这种方式。

比如这个作品,就是基于国内餐饮行业大力发展,大大小小的餐饮企业多达数百万家,且整体数量仍呈上升趋势,但在行业辉煌的背后,却存在极大的环境污染隐患的情况。

这样数据可视化,能够有效掌握区域烟机设备覆盖情况、设备运行情况,就能有效的进行区域排烟监管,大大提高相关部门工作效率,真正的做到全过程追溯。
在这里插入图片描述

简单的几个表格,就能提高餐饮行业有效排烟,从而实现轻松监管、及时发现、有效治理,具有极大的社会环保价值和经济价值。

在这里插入图片描述

02大数据可视化

作者:Jack.young
原型链接:https://org.modao.cc/square/mtkb3idsp5oqw1hc

数据变得可视化的目的是为了数据看上去更为直观,让大家接受起来更容易。

在制定相关数据可视化规则的时候,也可以根据数据的特性,如时间信息和空间信息等等,找到最佳的呈现方式,帮助人们理解数据。

在这里插入图片描述

这次的园区数据可视化和医疗数据可视化就是一个很好的例子。

前者通过收集整理园区的企业数据、员工数据、共享空间数据、企业服务交易数据等,建模,根据多维度打造智慧园区的数据可视化平台,有效的帮助园区政策落地,服务效率提升,管理能力增强,园区价值可挖掘点放大。
在这里插入图片描述

后者通过智能穿戴设备,采集用户数据,打造个人医疗大健康,每个人的健康数据检测可查,身体有指标异常可提供治疗方案和引导,提前预防疾病。

在这里插入图片描述

给正在制作类似产品的设计师、产品经理参考。

03可视化页面

作者:Fanfan.Liu
原型链接:https://org.modao.cc/square/mtkb3ibxgvppqo0t

我们都知道在当前数据当道的时代,数据可视化展示是不可缺少的一部分。

这个作品选择了将旅游大数据作为展示内容,将大量数据分析结果的宏观呈现,并且通过图表或图形效果把复杂的数据通过不同维度进行展示,清晰有效地将分析结果信息进行解读和传达,可以很大程度上帮助决策者了解问题分析问题的目的。

在这里插入图片描述

整体上来看,这个作品提供了比较完整的各类数据组件的视觉及动效设计方案,整体视觉配色美观合理复用性较高,涵盖了一些基础数据分析页面。

在这里插入图片描述

04数据可视化原型

作者:范若鸿
原型链接:https://org.modao.cc/square/mtkb3ibrvmuvvbi4

这个原型作品是日常工作中常见的数据可视化图表的移动端素材适配版,包含饼状图、环形图、漏斗图、雷达图、韦恩图、热力图、散点图等十余种图表。

图标类型涵盖面非常的广,适用情况也非常之丰富,且设计精美,可见作者之功力。

在这里插入图片描述

05蜂巢

作者:Robert
原型链接:https://org.modao.cc/square/mtkeayv3tfwkbjv4

这是一款数据工具后台,包含数据简报、数据沙盒、数据接入等板块,页面工整,页面设计简洁大方,是一款非常简洁,功能明确的原型。

在这里插入图片描述

非常适合B端产品经理参考复用。

06业务流量监控

作者:符潇

原型链接:https://org.modao.cc/square/mtkedlkhydboar5n

这个素材是以医院为大背景,主要呈现通过数据监控集中展示监控效果,也包含了柱状图、折线图、趋势图等图表。

在这里插入图片描述

整个页面布局非常合理,将有效的信息罗列的清晰明了,具有一定的复用价值。

在这里插入图片描述
在这里插入图片描述

如何快速复用原型

第一步,在素材广场中寻找到所需的目标页面,点击保存。
在这里插入图片描述
第二步,点击素材找到刚保存的素材,置入当前页,或是,在右边组件中,直接拖拽到工作区。
在这里插入图片描述
如果你还有其他的素材需求,欢迎留言告诉我们哦~

猜你喜欢

转载自blog.csdn.net/Lemonliyi/article/details/108407786
今日推荐