只需5分钟,零代码复现双十一数据大屏

2021-03-15 15:14:13 浏览数 (1)

11月12日凌晨,2020天猫双11落下帷幕,淘宝天猫官方消息,天猫双十一成交额4982亿。媒体报道各不相同,但聚焦的都是4982亿这张照片,它就是天猫双十一向全球提供的唯一窗口--媒体中心的数据大屏

双十一使用大屏来呈现数据已经有好几年了,历年来所有媒体共同选择这张定格图,似乎也说明了每个人都喜欢它,被它打动。数据大屏,也被称为数据驾驶舱,是一种打破数据隔离,实现指标分析及决策场景落地的管理信息系统。通过数据采集、清洗、分析到直观实时的数据可视化,从而达到高效管理决策升级的作用。当然,数据大屏带给用户的冲击远超过了视觉上的震撼,更多的是一种管理效率的提升、内部激励和品牌炫技。

作为不差钱的金主爸爸,双十一的一个H5都能花费几百到上千万,自然而然,很多人觉得这个数据大屏同样造价不菲且技术难度相当高。这样想,的确没错,用代码开发,需要有足够的人力、财力和技术,耗资不菲,开发时间还漫长。对制作者同样要求较高,必须掌握一定的数据库知识和前端开发技术。

然而,用现成的Banber数据可视化简报平台

无需代码,5分钟就能复现双十一数据大屏!

由Banber制作

(原谅小编的直男审美)

整体来说,这个成交额展示大屏并不复杂,主要是体现设计的功力,背景同样可以上传GIF。唯一需要留意的是随北京时间变化的时刻表以及不断更新的成交额,即使不懂代码,这两点在Banber里实现起来也并不复杂。

将左侧“组件——日期”拖拽到编辑区域,选中“日期”组件,在右侧“格式——时间显示”,点击下拉菜单,选择时分秒的显示格式,即可生成随北京时间变化的时刻表。

再将左侧“图表——单数字矩形图”拖拽到编辑区域,选中“单数字矩形图”,在右侧“样式”中,选择仅展示数字样式。

选中“单数字矩形图”,点击“编辑数据”图标,在弹出的窗口中上传数据表,可上传Excel或连接数据库。随后将数据表中,所需字段拖入“数据”项,并根据需求对数据进行计算。点击“更新设置”按钮,在弹窗中,对数据更新进行设置。即可随着后台数据变化,不断更新成交额。

时间回溯到2015年和2014年,天猫双11更偏向于仪表盘型数据大屏,向全世界展现更多数据的同时,也帮助管理层快速掌握双十一全局,支持高效决策;还能够通过实时数据展示让员工、卖家和买家时刻充满紧迫感。

仪表盘型数据大屏同样可以通过Banber数据可视化简报平台轻松实现,在制作之前,首先需要规划每个版块仪表盘的内容,历年双十一多以6大版块为主,以2015天猫双11为例,大屏规划如下图所示。

合理的版块设计应包含主要指标和次要指标两个层次,主要指标反映核心业务,次要指标用于进一步阐述分析。所以在制作时给予不一样的侧重。

在确定版块后,针对每个版块的内容,选择最合适的可视化图表展现形式。Banber提供柱形图、折线图、饼图、气泡图、树形图、仪表盘、漏斗图、雷达图、热力图等多种图表样式。此外,还包含3000 简报模板、20万 图标、1200 图片素材、500 样式。

对于C位的地图样式,Banber提供包括涟漪地图、涟漪线路地图、填色地图、散点图、热力图、迁徙图等6种格式,还能展现动态效果。无需复杂操作,所有图表仅需简单拖拽,编辑数据和样式。

一个美观的大屏还离不开精细设计,包含:背景色、图表显色、线条、字体样式、动画效果等各个方面。整体背景推荐深色系,当然也可以使用图片。巧妙的使用小元素,如:线框、条纹、动态图片、装饰元素等,可以为整个大屏增色不少,提升层次感。此外,每个版块要和整体背景色系保持一致性,合理地设置透明度(建议10%上下),同样有助于整体效果的提升。

当然这一块对设计和审美的要求较高,Banber同样提供了大量的大屏模板以供参考,图省事可以直接使用模板修改,轻松完成大屏设计。

工具的重要性,远远超过你的想象。即使开发方式、布局方式、交互体验等能力欠缺,也能复现双十一数据大屏。当然,如果真遇到双十一这样大型需求,在数据量支撑、后台响应、实时更新、平台运维等需求,性能肯定有所不足。但无需担心,Banber为有数据量、后台、系统需求的企业级用户,提供更全面的解决方案及后台支持。

0 人点赞