我的第一性原理

可视化设计中最基本和最经典的原则来自于设计师爱德华·R·塔夫特的描述,他在《量化信息的视觉表现》中概述了数据墨水比例原则:

定义表现数据的墨水在打印图标的总墨水的占比,在合理的基础上,使数据墨水比例最大化并去除非数据墨水和多余的数据墨水。

该原则要表达的核心思想就是简洁,我们的图表和数据都要简洁。最好的大屏可视化不是数据的平铺,不是设计的天马星空,而是针对客户场景。理解数据复杂性的基础上,通过可视化的手段,形成一个高度提炼的故事。

我们在项目调研、设计阶段都要以简洁、场景化为出发点。在理解客户复杂的场景、复杂的数据的基础上,将故事简化,表达明了,为客户真正解决问题。

如何理解数据可视

百度的解释是这样的:

数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。

数据可视化通俗说就是要用图形讲故事。客户如果一见面就要看设计,那很显然我们就要跑偏了。我们在大屏上看到的是设计样式,看到的是一些指标数据。但再细想一下,人们关心的从来不是数据,数据只是做个参考,人们关心的是这些数据能给自己带来什么。

我们不是在关心CPU利用率这个百分比,而是关心业务能不能有效运行。数据和图形只是占位符,本身并没有什么意义。

只有在特定场景下,融入数据才是有意义的。而可视化也只有将有意义的数据进行处理才能让数据产生持久效应。

大屏数据可视化的过程

规则是“你必须按这种方法做事。”原理是:“这种方式有效……而且经过了时间的验证。”两者有着本质区别。

大屏可视化的过程主要分为以下几个部分:

  1. 界定问题;
  2. 达成共识;
  3. 探索调研;
  4. 原型设计;
  5. 检查测试。

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)修改完善

可能免不了要修改几次,最终形成一个版本,每一次变更要形成版本号,并记录变更内容发给客户。

最终我们还要为客户形成一个《展演脚本》,辅助客户讲大屏的价值最大化的体现。再之后就是数据对接、系统实施部分的内容。