先做一块中庸的大屏

大屏千千万,总有块是你做的。会Excel的分析师都可以设计一块给自己、给管理层、给业务相关同事或伙伴的大屏,数据大屏的本质是有层次关系构建的图表信息组。

大屏的应用也随着大数据技术成熟而越发普及,在一些通信展、科技展里随处可见大屏的身影,某种意义上来说数据应用能力越来越多地代表了企业硬实力。好的大屏可以是可以观察服务前、中、后的运作现况。常规的大屏按照应用场景、目的可分为以下几大类:

1)对外的企业名片,常常在大型展览或公司一楼大厅中可以看到。主要展现企业服务的政绩,服务用户的体量、累计解决问题量、成交金额或监测环境的主要指标等。这类大屏主要是对外的,所以不会将特别核心的考核业务数据以及与问题相关的数据进行展示。这类大屏为了让更多的观众注意到数据一般不会局限于单台屏幕播放,一般会占用4*4块电视甚至更多的屏幕进行演示。此类大屏对设计要求比较高,采取与企业文化相投的设计风格来衬托出企业的愿景、内涵及审美。

2)对内的监控使用,包括公安、气象、火箭发射、企业一般都会为自己各个项目配置大屏看板甚至专门有一个指挥中心负责大屏监控的工作,这类大屏专门挑和kpi息息相关的数据进行展示,一般会围绕kpi的全链路环节进行展示,展示的内容按照层级依次下钻,基本能在异常发生时直接在大屏上发现端倪。一般服务部门级以上规模的大屏会因为涉及细节较多,屏幕内的数据可能会出现多个并列层级的指标树(如同时出现运营、产品的指标树),所以看板内的图表会更多一点,而且是对内的那么设计感、美观性要求就不那么重要了,实用才是关键。

3)对观众的娱乐大屏,比如现场观众为现场PK的选手投票统计结果。

这次我想围绕企业名片类大屏布局做一些总计和推荐。



用户在10秒钟内能记住的信息非常有限,所以要展示企业、部门政绩时需要言简意赅、挑用户角度的数据进行说明而不应该事无巨细地将所有环节数据都予以展示。我以为左中右下的布局样式最精简、最容易让人接受。

我们再说下大屏产品的落地流程:

鸡和蛋的先后顺序好像不太容易解,可数据和大屏的顺序其实是有先后逻辑的。我们必然是按照这样的顺序实现大屏落地:

指标体系>业务筛查>开发评估>大屏开发

一切的源头在于指标体系,指标体系的设计目的是尽可能保正各单位的目标方向一致性。指标体系根职能部门的业务工作内容而一层一层地拆解就会落到每个部门和具体员工身上。所以先有的监控数据大纲后再做大屏的设计,而非是将Excel里的图表拼凑一起这样碎片化。

布局设计类似于写议论文的总>分模式,有引导性地从大局到环节到关键节点的展示,这符合读者的阅读和认知规律。

这里给大家推荐左中右下的大屏布局,它有这样几个优势:

1)数据主次清晰,易凸显逻辑性帮助读者理解

2)阅读连贯,眼动方向比较单一(从左至右)

3)读者视觉主观上会认为信息量比较精简、集中有针对性,记忆困难不大

4)视觉整体美观,不显得特别零碎


左中右下布局(指标可切换的意思就是tab滚动播放)


原本我是一个支持4*4设计的人,因为地图的感染力特别强,如果展台提供的4*4屏幕则可以给地图提供2*2的空间这样展示地图细节更清晰,其实本质还是九宫格。下图中有一张就是我参与的作品。但随着年龄增长和对数据理解的不断变化,我越发觉得那种丰富的大屏其实并不适用于初次观摩大屏的读者或者说路人,精简而又有效地表达出背后故事的大屏才是读者最需要的,“哦,原来是这么回事,他们是做这个的呀”。


客观地说,大屏布局还是需要有一定的基础设计理论才能做得更协调更好用,最快的方法就是搜刮一批别人设计好的作品然后总结各个作品的优缺点,并且逐步建立一套理论体系。在本次的百度调研过程中,重庆理工大学的大屏深得我心,多个细节里都体现出了设计者的心思,局部整体协调。而我却被数据蒙蔽了双眼盲目地追求多就是好,丰富就是霸气的错误思想。


重庆理工大学大屏--来自百度



以下是从百度搜索dashboard、数据大屏、tableau、powerbi等关键词搜罗到的一批兼备故事性布局和美感的大屏案例。我们可以看到优秀的设计可以降低读者的焦虑同时又能把信息传递出去,并非把数字、饼图、柱形图、条形图、折线图、地图都用了一遍就能证明你设计的看板是不呆板是有新意的。


百度渠道搜寻到的杰出大屏作品
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容

  • 渐变的面目拼图要我怎么拼? 我是疲乏了还是投降了? 不是不允许自己坠落, 我没有滴水不进的保护膜。 就是害怕变得面...
    闷热当乘凉阅读 4,190评论 0 13
  • 夜莺2517阅读 127,664评论 1 9
  • 版本:ios 1.2.1 亮点: 1.app角标可以实时更新天气温度或选择空气质量,建议处女座就不要选了,不然老想...
    我就是沉沉阅读 6,802评论 1 6
  • 我是一名过去式的高三狗,很可悲,在这三年里我没有恋爱,看着同龄的小伙伴们一对儿一对儿的,我的心不好受。怎么说呢,高...
    小娘纸阅读 3,345评论 4 7
  • 那一年,我选择了独立远行,火车带着我在前进的轨道上爬行了超过23个小时; 那一年,我走过泥泞的柏油路,在那个远离故...
    木芽阅读 1,603评论 4 5