老板,你懂大屏吗?🤪从售前开始的大屏思维

本文为稀土掘金技术社区首发签约文章,14天内禁止转载,14天后未获授权禁止转载,侵权必究!

📖阅读本文,你将

  1. 思考 “什么是大屏?”
  2. 思考 “为什么越来越多的甲方需要大屏?”
  3. 思考 “甲方需要什么样的大屏?”
  4. 思考 “做好一个大屏需要思考哪些内容?”

0、来自甲方的诉求

一个宁静的午后。

甲方:“小春,做个大屏吧!最好炫酷一点。”

甲方:“还要高大上一点!”

甲方:“科技感强一点。”

甲方:“背景要那种五彩斑斓的深蓝!”

我:“……”

甲方虽然不懂大屏,但是这并不妨碍他们的预算真的很充足,而且需求真的很急。

而我,又真的很需要一份可以养家糊口的工作,于是,我的生命里多了一种需要解决的难题,它的名字很土,叫:

“大屏”。

一、什么是大屏?

大屏,其实是 “数据可视化” 的一个子集。

1.1 数据可视化 是什么?

所谓数据可视化,简单来说,就是:

一种用肉眼易于理解的方式,进行数据分析及展示的技术。

在以上定义中,有三个关键词:

  • 肉眼易于理解
  • 数据展示
  • 数据分析

以上三点,就是数据可视化的 核心和要素

数据,尤其是大量的数据,总是难以通过肉眼直观而快速地理解其中的含义。

以下是我最近 20 篇发表在掘金的文章,你能在5秒钟内说出阅读量前 3 的文章是哪 3 篇吗?前 5 的呢?最低的是哪一篇呢?

阅读量数据列表

当我们看到一组数字后,需要经历 “看到 => 识别 => 理解 => 比较” 等一系列的过程,这个过程无疑是缓慢而低效的。

相比之下,如果展现给你的是这样一组柱状图。

那么,即便是眼神不太好的 35 岁高龄程序员,也能一眼就看出,我最受欢迎的 3 篇、5 篇文章是哪些;

“柱状图”,正是 “数据可视化” 中最为简单常见的一种形式;

这仅仅是 20条 逻辑最为简单的 数量数据,数据可视化就展现出了非常显著的效果。

想象一下,你拿这样一组数据给某个甲方领导展示安全事件的发生位置,他是否会露出满脸问号?

反正我是满脸问号了,从这样一张数据表里,我很难在 10 分钟内得出任何有效结论,再加 10 分钟都是白搭。

但是如果你能掏出一张地图怼到甲方领导的脸上,那么满脸问号可能都会变成恍然:

“噢!原来这些事件主要发生在青山、汉口、以及光谷东三个区域。”

是的,人类的肉眼在理解数据和处理数据时,实在过于弱小,因此,通过图形化、具现化的表现形式,可以让肉眼极快地理解那些深奥难懂的基础数据。

现在,你应该有了更为清晰地理解:

这种把 “数据” 友好地 “展现” 出来,便于人类 “理解”“分析” 的技术,就是 数据可视化

1.2 大屏有什么特点?

大屏,是一种特定场景下的 数据可视化 形式。

相比于其他“数据可视化”形式,大屏有哪些特点呢?

  1. 首先,大屏通常都特别

    比如上图这种大屏,面积可能比你租的出租屋还大,

  2. 其次,大屏所展现的数据维度通常不是单一的,而是复合的,是围绕 “故事主旨” 展开的。

    大屏上通常不是只展示一组数据就可以,它通常是信息系统的对外宣讲口,需要从业务维度来阐述一个或者多个信息化系统“解决了什么问题”、“应对了什么场景”、“能产生什么效益”这些至关重要的问题。

除此之外,大屏和其他的 “数据可视化” 方案相比也并无什么特殊之处。

只不过,市面上 90% 以上的大屏都长着一张类似的面孔:

但是,你有没有想过,为什么甲方总是需要大屏,而大屏的形式又总是相似的呢?

二、为什么是大屏?

关键词:信息化进程

2.1 信息介质的进化史

远古时期,人们在大地上生老病死,生息繁衍,除了骨骼,几乎很难留下什么有价值的信息给未来人。

后来,人们在洞壁、龟壳、竹简、布帛上书写,开始给文明留下可以追溯的文本与图案,但这些介质要么昂贵、要么难以运输。

东汉时期,蔡伦造纸,这一轻便廉价的材料盛行了两千多年。

后来,人类发明了互联网与计算机存储技术。于是人们发现,那些原本需要装满整整一个库房的文件、数据,现在只需要一个小小的硬盘、或者一年几百块租金的云数据库就能解决。

于是,人类开始建设系统,将那些原本通过小小钢笔记录的内容,转移到 硬盘上 & 云上;

于是,此前十几年,全国各地、各行各业都开始进行 “XX信息化升级”、“XX数字化转型”,只要你会写增删改查、只要你能用蹩脚的 jquery 写一个可用的表单页,你就能找到工作。

一座座肉眼可见的信息化大楼拔地而起。

转眼之间,已经处处是高楼。

接下来呢?

2.2 需要大屏,是真的需要

信息化进程如火如荼,已经在当今的中国取得了不小的成果,说一句 “无处不是系统” 都毫不过分。

建筑行业、餐饮行业、投资行业、网络安全行业、医疗、卫生、等等等等……但凡你能想到的行业,通通都有了各种各样的信息化系统,协助人们处理其中的数据、流转其中的业务。

假设,你是某行业或某公司的负责人,等到年终汇报时,你即将进行工作汇报,替你的下属和供应商们汇报成绩。

你掏出了 一堆后台管理系统的截图,开始介绍自己的系统:

而你的竞争对手,却掏出了一个精心制作的大屏,动画炫酷,故事 完整。

汇报过后,你的竞争对手获得了比你更好的评价、以及资源。

为什么呢?

因为信息化系统已经不再新鲜,各行各业谁又没有几个信息化管理系统呢?

从信息化到智能化 正是当前阶段一个重要的过渡。

  • 信息化:从线下到线上,从纸质到电子。本质是 收集数据 的过程。
  • 智能化:用数据驱动业务,从数据到结论。本质是 消费数据 的过程。

但是,智能化 谈何容易?现在的智慧城市、智慧基建、智慧校园、智慧园区,到底有多少功能是 智慧 而非 信息 呢?

说到底,智慧 距离绝大多数业务依然只是一个远景。

因此,才有了 智慧大屏

市面上绝大多数的智慧大屏,其实是一种讲故事的工具,讲一个什么样的故事呢?

  • 我们建了这么多的信息化系统,它们的未来能解决哪些问题?
  • 我们部署了这么多智能设备、传感器、摄像头,它们能带来哪些当下和未来的价值?
  • 除了增删改查以外,我们未来还有哪些更为宝贵的价值可以实现? (人工智能、数字孪生、态势感知、预测监控)

而以上故事,归根结底还是围绕着两个中心:

  • 对外:我们很强,请与我们合作。
  • 向上:您过去的钱花得很值,未来的钱值得投入更多。

三、甲方需要什么样的大屏

软件开发,思路很重要,比编码更重要。

所谓思路,就是想明白客户要什么,大屏里哪些是应该展示的,哪些是不适合展示的。

在做大屏时,第一个原则永远是:

甲方花钱请你做智慧大屏,是用来 讲故事的,而不是用来 添堵的

围绕着这个原则,我们可以推导出以下几个结论:

  • 你描述的 故事主题 应该是甲方需要的。

    如果你的甲方需要一个大屏,用来 “向客户展示自己的强大,以图获得更多的合作。”

    这种场景下,如果你的大屏设计是展示 “我们的员工打卡情况怎么样”、“我们的日常工单完成率怎么样”、“负责的项目存在哪些安全隐患”这些内容,就 100% 属于 给甲方添堵 了。

    那么这种情况下,大屏应该展示什么呢?

    “我们去年做了 XXX 个大型项目”、“成功预防了 XX 起安全事件的发生”、“有这些知名案例”、“我们通过了这些体系认证”、“人才梯队非常健康”……

    展现强大 的故事时,永远记得 多维度描述我们如何如何优秀 才是符合主旨的。

    但如果你的甲方需要的是 向上表达自身管理能力的大屏 时,上面那些监测日常数据的内容,则是符合主旨的了。

  • 你提供的故事情节,应该是 能论证主题 的。

    只是 get 到甲方的意图只是第二步,在罗列你的证据时,需要确保它们可以实实在在证明主题也是非常重要的。

    “从前有个强者武松,在景阳冈打死了一只泰迪。”
    “三国第一智者诸葛亮,会算10以内加减法。”

    以上两个例子,就属于 “试图用糟糕的数据论证完美的结论”,这也属于 添堵行为

    因此,大屏上展示的数据,需要是 可以论证主题的;但业务数据并不总是那么好看,当月你的 残次品率 可能高达 20%,这种时候再展示给前来参观的客户看,就属于作死行为了。

    emmm……你可能会觉得这叫做 “作假”,但是换一个说法,它也可以叫 “商业行为” 或者 “容灾”。

    因此,如何处理数据同步,完善数据关系也是大屏开发中至关重要的一个逻辑。

  • 你的所有数据应该是 自洽
    上面说到了 “数据容灾”,那么怎么容灾才不会露出马脚呢?

    比如 20% 被调整为 0.01% 是否就万事大吉了呢?

    假如用户点进去想看看到底是哪 0.01% 的数据出问题了,你的列表跟着更新了呢?

    为了更新这 0.01% 数值,你不会强行去改了质量管理系统的生产数据吧?

    更好的办法当然是数据同步,而不是数据同用;

  • 故事的论据应该是 多维的多样性的
    当你试图说服一个女孩子 “自己很优秀” 时,需要多维度地阐述自己如何优秀。

    美女,你知道吗?我的王者荣耀贼6,王者20星,天天超神,上分如喝水……那么,请和我交往吧!

    怎么说呢,如果换个说法,会显得更有说服力:

    我年薪80W,身高185,8块腹肌,面如彭于晏,手握3套房,脚踏迈巴赫,而且我还很会打游戏,可以带你上分……

    emm..效果显然是不同的。

    因此,一个大屏上总会有 5-6 甚至更多的数据展示维度。同时,为了显示效果,这些数据会想方设法用各种各样交互的图表:

    饼图、柱形图、折线图、玉缺图、雷达图、热力图...

    这样一来,大屏才会显得富有说服力,而且绝不单调。

所以,总的来说,只要围绕着 “方便甲方讲故事,避免把故事讲砸” 你总能设计出一个让甲方满意的大屏。

至于炫酷不炫酷,那得看甲方的预算了。

想要 3D ? 想要 数字孪生? 想要 高大上?...

没问题!

“X总,得加钱。”

毕竟,炫酷数据大屏的附加价值,讲故事 才是核心价值。

四、总结

OK,说了这么多,可能你觉得 又浪费了5分钟。对于 “从零开始的智慧大屏” 这一论题而言,无疑是具有意义的,因为只有当你明白了 “为什么是大屏”、“为什么是大屏”,你才能做出符合甲方预期的大屏。

在你后续制作大屏过程中,认识到,“讲好故事” 比 “炫酷” 更加重要,并且真正地付诸实施,这对于甲方、以及你的钱包都更加重要。

下一篇,就让我们真正开始大屏的 设计开发