大屏千千萬，總有塊是你做的。會(huì)Excel的分析師都可以設(shè)計(jì)一塊給自己、給管理層、給業(yè)務(wù)相關(guān)同事或伙伴的大屏，數(shù)據(jù)大屏的本質(zhì)是有層次關(guān)系構(gòu)建的圖表信息組。
大屏的應(yīng)用也隨著大數(shù)據(jù)技術(shù)成熟而越發(fā)普及，在一些通信展、科技展里隨處可見大屏的身影，某種意義上來說數(shù)據(jù)應(yīng)用能力越來越多地代表了企業(yè)硬實(shí)力。好的大屏可以是可以觀察服務(wù)前、中、后的運(yùn)作現(xiàn)況。常規(guī)的大屏按照應(yīng)用場(chǎng)景、目的可分為以下幾大類：
1）對(duì)外的企業(yè)名片，常常在大型展覽或公司一樓大廳中可以看到。主要展現(xiàn)企業(yè)服務(wù)的政績(jī)，服務(wù)用戶的體量、累計(jì)解決問題量、成交金額或監(jiān)測(cè)環(huán)境的主要指標(biāo)等。這類大屏主要是對(duì)外的，所以不會(huì)將特別核心的考核業(yè)務(wù)數(shù)據(jù)以及與問題相關(guān)的數(shù)據(jù)進(jìn)行展示。這類大屏為了讓更多的觀眾注意到數(shù)據(jù)一般不會(huì)局限于單臺(tái)屏幕播放，一般會(huì)占用4*4塊電視甚至更多的屏幕進(jìn)行演示。此類大屏對(duì)設(shè)計(jì)要求比較高，采取與企業(yè)文化相投的設(shè)計(jì)風(fēng)格來襯托出企業(yè)的愿景、內(nèi)涵及審美。
2）對(duì)內(nèi)的監(jiān)控使用，包括公安、氣象、火箭發(fā)射、企業(yè)一般都會(huì)為自己各個(gè)項(xiàng)目配置大屏看板甚至專門有一個(gè)指揮中心負(fù)責(zé)大屏監(jiān)控的工作，這類大屏專門挑和kpi息息相關(guān)的數(shù)據(jù)進(jìn)行展示，一般會(huì)圍繞kpi的全鏈路環(huán)節(jié)進(jìn)行展示，展示的內(nèi)容按照層級(jí)依次下鉆，基本能在異常發(fā)生時(shí)直接在大屏上發(fā)現(xiàn)端倪。一般服務(wù)部門級(jí)以上規(guī)模的大屏?xí)驗(yàn)樯婕凹?xì)節(jié)較多，屏幕內(nèi)的數(shù)據(jù)可能會(huì)出現(xiàn)多個(gè)并列層級(jí)的指標(biāo)樹（如同時(shí)出現(xiàn)運(yùn)營(yíng)、產(chǎn)品的指標(biāo)樹），所以看板內(nèi)的圖表會(huì)更多一點(diǎn)，而且是對(duì)內(nèi)的那么設(shè)計(jì)感、美觀性要求就不那么重要了，實(shí)用才是關(guān)鍵。
3）對(duì)觀眾的娛樂大屏，比如現(xiàn)場(chǎng)觀眾為現(xiàn)場(chǎng)PK的選手投票統(tǒng)計(jì)結(jié)果。
這次我想圍繞企業(yè)名片類大屏布局做一些總計(jì)和推薦。
用戶在10秒鐘內(nèi)能記住的信息非常有限，所以要展示企業(yè)、部門政績(jī)時(shí)需要言簡(jiǎn)意賅、挑用戶角度的數(shù)據(jù)進(jìn)行說明而不應(yīng)該事無巨細(xì)地將所有環(huán)節(jié)數(shù)據(jù)都予以展示。我以為左中右下的布局樣式最精簡(jiǎn)、最容易讓人接受。
我們?cè)僬f下大屏產(chǎn)品的落地流程:
雞和蛋的先后順序好像不太容易解，可數(shù)據(jù)和大屏的順序其實(shí)是有先后邏輯的。我們必然是按照這樣的順序?qū)崿F(xiàn)大屏落地:
指標(biāo)體系>業(yè)務(wù)篩查>開發(fā)評(píng)估>大屏開發(fā)
一切的源頭在于指標(biāo)體系，指標(biāo)體系的設(shè)計(jì)目的是盡可能保正各單位的目標(biāo)方向一致性。指標(biāo)體系根職能部門的業(yè)務(wù)工作內(nèi)容而一層一層地拆解就會(huì)落到每個(gè)部門和具體員工身上。所以先有的監(jiān)控?cái)?shù)據(jù)大綱后再做大屏的設(shè)計(jì)，而非是將Excel里的圖表拼湊一起這樣碎片化。
布局設(shè)計(jì)類似于寫議論文的總>分模式，有引導(dǎo)性地從大局到環(huán)節(jié)到關(guān)鍵節(jié)點(diǎn)的展示，這符合讀者的閱讀和認(rèn)知規(guī)律。
這里給大家推薦左中右下的大屏布局，它有這樣幾個(gè)優(yōu)勢(shì)：
1）數(shù)據(jù)主次清晰，易凸顯邏輯性幫助讀者理解
2）閱讀連貫，眼動(dòng)方向比較單一（從左至右）
3）讀者視覺主觀上會(huì)認(rèn)為信息量比較精簡(jiǎn)、集中有針對(duì)性，記憶困難不大
4）視覺整體美觀，不顯得特別零碎
原本我是一個(gè)支持4*4設(shè)計(jì)的人，因?yàn)榈貓D的感染力特別強(qiáng)，如果展臺(tái)提供的4*4屏幕則可以給地圖提供2*2的空間這樣展示地圖細(xì)節(jié)更清晰，其實(shí)本質(zhì)還是九宮格。下圖中有一張就是我參與的作品。但隨著年齡增長(zhǎng)和對(duì)數(shù)據(jù)理解的不斷變化，我越發(fā)覺得那種豐富的大屏其實(shí)并不適用于初次觀摩大屏的讀者或者說路人，精簡(jiǎn)而又有效地表達(dá)出背后故事的大屏才是讀者最需要的，“哦，原來是這么回事，他們是做這個(gè)的呀”。
客觀地說，大屏布局還是需要有一定的基礎(chǔ)設(shè)計(jì)理論才能做得更協(xié)調(diào)更好用，最快的方法就是搜刮一批別人設(shè)計(jì)好的作品然后總結(jié)各個(gè)作品的優(yōu)缺點(diǎn)，并且逐步建立一套理論體系。在本次的百度調(diào)研過程中，重慶理工大學(xué)的大屏深得我心，多個(gè)細(xì)節(jié)里都體現(xiàn)出了設(shè)計(jì)者的心思，局部整體協(xié)調(diào)。而我卻被數(shù)據(jù)蒙蔽了雙眼盲目地追求多就是好，豐富就是霸氣的錯(cuò)誤思想。
以下是從百度搜索dashboard、數(shù)據(jù)大屏、tableau、powerbi等關(guān)鍵詞搜羅到的一批兼?zhèn)涔适滦圆季趾兔栏械拇笃涟咐?。我們可以看到?yōu)秀的設(shè)計(jì)可以降低讀者的焦慮同時(shí)又能把信息傳遞出去，并非把數(shù)字、餅圖、柱形圖、條形圖、折線圖、地圖都用了一遍就能證明你設(shè)計(jì)的看板是不呆板是有新意的。
