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

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

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

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


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



数据可视化+后台


作者:周

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

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

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

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


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

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

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



大数据可视化


作者:Jack.young

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

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

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


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

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


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

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



数据可视化页面


作者:Fanfan.Liu

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

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

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


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




数据可视化原型


作者:范若鸿

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

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

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




蜂巢


作者:Robert

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

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



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



业务流量监控


作者: 符潇

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

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


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






如何快速复用原型


第一步,在素材广场中寻找到所需的目标页面,点击保存。


第二步,点击素材找到刚保存的素材,置入当前页,或是,在右边组件中,直接拖拽到工作区。


如果你还有其他的素材需求,欢迎留言告诉我们哦~

随意打赏

提交建议
微信扫一扫,分享给好友吧。