大屏数据可视化的过程是什么?
这不是一个具体告诉你怎么设计的攻略文档,这里面多是理解的内容,可以让读者更好的去完成大屏可视化项目。
我的第一性原理
可视化设计原则中最基本和最经典的原则来自于设计师爱德华·R·塔夫特,他在《量化信息的视觉表现》中概述了数据墨水比例原则:
定义表现数据的墨水在打印图标的总墨水的占比,在合理的基础上,使数据墨水比例最大化并去除非数据墨水和多余的数据墨水。
该原则要表达的核心思想就是简洁,我们的图表要简洁,我们的数据要简洁。最好的大屏可视化不是数据的平铺,不是设计的天马星空,而是针对客户场景,理解数据复杂性的基础上,通过可视化的手段,形成一个高度提炼的故事。
我们在项目调研、设计阶段都要以简洁、场景化为出发点,在理解客户复杂的场景、复杂的数据的基础上,将故事简化,为客户真正解决问题。深刻的简单并不是缺少复杂性,而是巧妙的掌握了复杂性,这一点深有体会。
如何理解数据可视化
百度的解释是这样的:
数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。可视化是一个复杂的过程,在这里我们只想强调一个观念。
数据可视化通俗说就是要用图形讲故事,客户如果一见面就要看设计,那很显然我们就要跑偏了,我们在大屏上看到的是设计样式,看到的是一些指标数据,但再细想一下,人们关心的从来不是数据,数据不是重点,它只是达到目的的手段 ,人们关心的是数据背后的意义。
我们关心CPU利用率不是我们关心这个百分数,而是担心业务不能有效运行,数据和图形只是占位符,本身没有什么意义。
只有在特定场景下,融入数据才是有意义的,而可视化也只有将有意义的数据进行处理才能让数据产生持久效应。
大屏数据可视化的过程
规则是“你必须按这种方法做事。”原理是:“这种方式有效……而且经过了时间的验证。”两者有着本质区别。
大屏可视化的过程主要分为以下几个部分:
- 界定问题;
- 达成共识;
- 探索调研;
- 原型设计;
- 检查测试。
1. 界定问题
大屏的目的也是为客户解决某一个具体的问题,所以在项目入场前,我们要基于事实去最大程度的了解项目,事实可以弥补直觉上的缺陷,可以提升项目组对问题的把控能力,销售和售前前期有机会要基于《大屏基础信息调研表》完成客户的初次摸底,以减少项目的巨大变更。
我们要尽可能的收集事实信息,可以选择的手段有以下几种:
(1)项目文档
包括SOW、招标书、讲标文件等。
(2)利用前辈经验,不重复劳动
针对已有的客户我们要去跟售前、销售、公司对客户和行业了解的专家去坐下来一起聊聊项目,形成统一的建设思路,把我客户的基本期望。
(3)个人查找
可以通过上网和其他途径去了解一下客户的信息,目的不是收集到关于项目的具体信息,而是要对客户有一个整体的认识,吸取行业知识,了解行业现状。
在掌握基本项目信息的基础上,我们会对项目做一个初步的解决方案,形成一个初始假设,客户可能要做几个主题的大屏,每个主题要解决什么问题,都要展示哪些信息,要对接什么系统,哪个客户是关键角色……并对假设做出初步的解决方案。
与此同时要将项目信息提前通知到设计组、开发组、大屏组的同事,确定各方的资源安排和时间计划,这是为了增加其他人的可控性,避免项目并行人力资源紧张的风险。
2. 达成共识
了前期的准备后,我们需要做的是和客户达成共识,设计是一门浅科学,所有人都能对我们的作品插嘴评论,而且还会觉得理直气壮,为了减少这种情况,达成项目上的共识是必须的。
大屏项目可以说是一个“一把手工程”,一般最终拍板的就是领导,所以最完美的情况是领导就在你的项目启动会上,如果不在,争取让他在,这很重要。
启动会上的宣讲PPT是这个过程的主力,我们要在启动会上告诉客户什么是数据可视化,好的大屏应该是什么样,项目过程应该怎么做,并得到客户的认可与确认。
同时还要将之前的假设在启动会上与客户做一个初步确认,这个确认不是为说明假设是正确的,而是来验证我们是否掌握了正确充足的信息。
3. 探索调研
调研主要分为背景调研、数据调研和交互设计调研可以用到的方法主要是观察法和访谈法,另外,一把手的意见很重要。
4. 背景调研
调研的开始应该是从背景调研入手,我们要研究受众,分析标准,了解各种要求和相关利益者的想法,发现机会和限制,例如:从目标受众、大屏建设的目的和原因、理解业务等方向去了解,如果有条件,对好可以将大家组织到一起进行交流以确保信息的统一。
5. 数据调研
数据对于大屏就如同基因对于人体,数据决定了大屏要讲什么样的故事,决定了每一个图表该怎么展示。在我们验证之前了解的假设前提下,需要对数据进行更多的了解。对数据的调研主要分为认识数据、研究数据、整理数据。
(1)认识数据
基于不同的业务、不同的故事主题会有不同的数据展示需求,去客户的系统去实地查看一下数据,去了解数据对业务的影响,平时用户是怎么用这些数据的,观众会关心哪些数据,数据对接的条件是否满足等,并得到脱密的数据样本。
(2)研究数据
根据数据样本和观察的结果,要分析出数据的常规值、特殊值和各自对应的含义,还要看看名字的长度范围,数据适合是趋势展示还是实时数据展示,可能适合什么图形。
(3)整理数据
接下来就是要在数据之间建立联系,寻找故事、模式、关联和挑战,去思考数据中最有趣的是什么,什么最让人惊讶,数据中反复出现的事实和主题是什么,可以对数据进行分类和重要性排序,这里一定要考虑到受众的问题,他们是最终用户,并与具体人员逐个确认。
确认的过程中要避免数据堆砌的情况,有什么数据就往上放什么数据,还是要针对故事主题进行理解,可以尝试问问自己和客户,这个数据必须放上去吗,不放行不行,有没有什么可以替换的……
6. 交互设计调研
到底大屏还是用来看的,数据的调研基础上,需要对交互设计进行充分的调研,可以从环境、使用人群、观看人群等角度来进行探索。
(1)环境
包括物理环境和使用环境,物理环境是指大屏的硬件基本信息,屏幕的数目和材质、接入方式、分屏能力、整屏分辨率、横纵比、终端的显卡配置、显示要求等,使用环境是指大屏的应用场景,在什么时候用,要用多久。
(2)使用人群
会有哪些人来使用操作大屏,以什么方式来操作,要实际观察一下。
(3)观看人群
观看人群都有哪些,他们都是什么类型的人,他们观看的路径、步骤和位置大概是什么样的。
从调研中我们要找到交互的默认状态是什么样、常规状态是什么样、特殊状态是什么,常规操作是什么、默认操作是什么、误操作有哪些等。
7. 原型设计
在一部完成作品所体现的全部创作努力中,作家百分之七十五以上的劳动都用在了故事设计上。
——《故事》
大屏同写电影剧本一样,设计是核心,所以我们没有理由不在设计上花心思。前期的研究分析和坚定的信念是我们着手设计的基础,在原型设计阶段主要过程是草稿设计、验证、评审、原型图设计。
(1)草稿设计
我们了解了客户的需求,要提炼出故事的关键词,关键词越简单我们理解的就越透彻,可视化的核心在于对内容的提炼,内容提炼得越精确,设计出来的图形结构就越紧凑,传达的效率就越高。反之,会导致图形结构臃肿散乱,关键信息无法高效地传达给读者。
根据关键词、主题、数据和交互的调研结果,用纸和笔进行草稿的制作,草稿上体现的是布局、图形和思想。
(2)验证
画完后,要和项目内部的同事一起去验证一下是否准确说明了故事,解决了问题,场景上能不能说通,分屏问题是否可以解决等。
(3)评审
在去见客户领导之前,先要跟设计和开发再次确认资源时间安排。向客户领导进行评审确认,收集客户的想法,修改几轮后得出成稿,并与客户取得确认,并向客户说明,现在修改还没有什么影响,后面内容再变就是变更,就会影响项目进度。草稿确认后要讲草稿电子化,并详细说明数据内容。
评审的时候可以再跟领导说明一下风格问题。
(4)原型图设计
设计部分也是一个多方沟通的过程,我们要和设计和开发一起将整个调研的结果回顾一下,将业务跟同事说清楚,努力缩小设计和业务需求之间的沟壑。将数据样本、草稿、交互方案(或原型)提供给设计和开发。
8. 检查测试
这部分是和原型设计紧密相连的,但因为此过程比较重要,所以单独拿出来说一下,这部分主要的工作是:内部检查、现场测试、客户评审和修改完善。
(1)内部检查
设计原型图完成后需要在公司内部进行自我检查,查看在内容、风格、实现上是否满足需求。
(2)现场测试
带着设计同事一起去客户大屏现场看看实际投放的效果,能不能看清楚、色差大不大,比例对不对等等,最好模拟一下使用场景,楼上楼下,近处远处是什么样的感受。
(3)客户评审
自我检查修改后与客户领导一同在大屏现场进行评审。
(4)修改完善
可能免不了要修改几次,最终形成一个版本,每一次变更要形成版本号,并记录变更内容发给客户。
最终我们还要为客户形成一个《展演脚本》,辅助客户讲大屏的价值最大化的体现。再之后就是数据对接、系统实施部分的内容,此次就不做介绍。
最后
文章的最后为大家提供一些调研中的技巧:
- 请被访者的上司安排会面;
- 开始前一小时,可以给被访人打电话咨询一下;
- 两人一组,这样一个问一个记录,避免遗漏信息;
- 可以在访谈中加入你已经知道的答案,这可以使你对被访谈者的诚实和知识有个大概的了解;
- 让被访者知道你在认真的听他说话:身体向客户倾斜,并时不时点头,经常用一些口语“嗯”“明白了”,同时写写画画;
- 留白:如果你觉得他们遗漏了一些信息或者不确定内容的重要信息,什么也不说,沉默一会,他们很可能会侃侃而谈,去填补空白;
- 问开放性的问题,不要问是和否,或者多个选择中的哪一个;
- 复述,复述,复述;
- 切勿问的太多,不要问被访者知道的一切事,你只需要知道两三件重要的事;
- 结束访问要出门的时候,问访谈者有个问题还想问一下,或者两天后再问,这样可以减低防备;
- 临走时也要再问一句,还有什么想告诉你的;
- 最重要的是倾听,访谈不是为了显示你有多么博学,如果是为了了解现状和最真实的情况,那就要多听;
- 倾听要做到身动、脑动和心动。身动是说我们除了要身体和语言上表示我们在听客户讲以外,要避免将手机放在他的眼前,也不要时不时的看手表和来回走,只要有一丁点的动作客户就能敏感的感受到你不耐烦的情绪;脑动是说如果客户没有表述清楚,你要为客户归纳好,总结好,帮助客户梳理内容;心动是指要知道客户背后的诉求,他们到底要怎么来解决这个问题。
本文由 @ SHsama 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自 Pexels,基于 CC0 协议
如果有大屏或者数字孪生的工作机会,还请联系我。
大屏基础信息表能分享一下吗
您好,《大屏基础信息调研表》能分享一份嘛?
请问一下,大屏的硬件您了解吗能不能讲讲,拼接屏,led屏等等
请问您是产品吗?
做大屏的时候是做项目的 现在是产品
看完非常收益,最近正好在用帆软做大屏!
作为B端产品接触了大屏半年,很有挫败感,即使项目起步阶段都想提高大屏的实用性,到了最后还是免不了成为大领导的一个看板
是的,通常大屏项目都会遇到这个问题,如果客户对数据可视化的理解不够深,就需要有一定的引导能力才可以带动客户。
谢谢分享~ 感觉是个心思细腻的设计师。
学到了大屏项目的流程和注意点,希望能有更多数据可视化方面的分享~~
哈哈谢谢 我并不是一个设计师 😆
正准备给客户交付一个自助式BI项目,我们之前没接触BI,虽然有WynBI这个软件帮我们搞定了所有的技术,业务的部分也得跟得上才行。