大屏数据可视化的过程是什么?

11 评论 50930 浏览 153 收藏 16 分钟

这不是一个具体告诉你怎么设计的攻略文档,这里面多是理解的内容,可以让读者更好的去完成大屏可视化项目。

我的第一性原理

可视化设计原则中最基本和最经典的原则来自于设计师爱德华·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)修改完善

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

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

最后

文章的最后为大家提供一些调研中的技巧:

  1. 请被访者的上司安排会面;
  2. 开始前一小时,可以给被访人打电话咨询一下;
  3. 两人一组,这样一个问一个记录,避免遗漏信息;
  4. 可以在访谈中加入你已经知道的答案,这可以使你对被访谈者的诚实和知识有个大概的了解;
  5. 让被访者知道你在认真的听他说话:身体向客户倾斜,并时不时点头,经常用一些口语“嗯”“明白了”,同时写写画画;
  6. 留白:如果你觉得他们遗漏了一些信息或者不确定内容的重要信息,什么也不说,沉默一会,他们很可能会侃侃而谈,去填补空白;
  7. 问开放性的问题,不要问是和否,或者多个选择中的哪一个;
  8. 复述,复述,复述;
  9. 切勿问的太多,不要问被访者知道的一切事,你只需要知道两三件重要的事;
  10. 结束访问要出门的时候,问访谈者有个问题还想问一下,或者两天后再问,这样可以减低防备;
  11. 临走时也要再问一句,还有什么想告诉你的;
  12. 最重要的是倾听,访谈不是为了显示你有多么博学,如果是为了了解现状和最真实的情况,那就要多听;
  13. 倾听要做到身动、脑动和心动。身动是说我们除了要身体和语言上表示我们在听客户讲以外,要避免将手机放在他的眼前,也不要时不时的看手表和来回走,只要有一丁点的动作客户就能敏感的感受到你不耐烦的情绪;脑动是说如果客户没有表述清楚,你要为客户归纳好,总结好,帮助客户梳理内容;心动是指要知道客户背后的诉求,他们到底要怎么来解决这个问题。

 

本文由 @ SHsama 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pexels,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 大屏基础信息表能分享一下吗

    来自上海 回复
  2. 您好,《大屏基础信息调研表》能分享一份嘛?

    来自山东 回复
  3. 请问一下,大屏的硬件您了解吗能不能讲讲,拼接屏,led屏等等

    来自江苏 回复
  4. 请问您是产品吗?

    来自四川 回复
    1. 做大屏的时候是做项目的 现在是产品

      来自北京 回复
  5. 看完非常收益,最近正好在用帆软做大屏!

    来自江苏 回复
  6. 作为B端产品接触了大屏半年,很有挫败感,即使项目起步阶段都想提高大屏的实用性,到了最后还是免不了成为大领导的一个看板

    来自浙江 回复
    1. 是的,通常大屏项目都会遇到这个问题,如果客户对数据可视化的理解不够深,就需要有一定的引导能力才可以带动客户。

      来自北京 回复
  7. 谢谢分享~ 感觉是个心思细腻的设计师。
    学到了大屏项目的流程和注意点,希望能有更多数据可视化方面的分享~~

    来自浙江 回复
    1. 哈哈谢谢 我并不是一个设计师 😆

      来自北京 回复
  8. 正准备给客户交付一个自助式BI项目,我们之前没接触BI,虽然有WynBI这个软件帮我们搞定了所有的技术,业务的部分也得跟得上才行。

    来自陕西 回复