3大秘訣打造讓老板眼前一亮可視化儀表盤

0 評(píng)論 770 瀏覽 1 收藏 12 分鐘

在數(shù)據(jù)分析領(lǐng)域,可視化儀表盤(Dashboard)是向管理層和業(yè)務(wù)團(tuán)隊(duì)傳達(dá)關(guān)鍵數(shù)據(jù)和業(yè)務(wù)見解的重要工具。一個(gè)設(shè)計(jì)精良的儀表盤不僅能清晰展示數(shù)據(jù),還能幫助決策者快速洞察業(yè)務(wù)現(xiàn)狀,提升決策效率。然而,許多人在制作儀表盤時(shí)往往陷入數(shù)據(jù)堆砌的誤區(qū),導(dǎo)致信息冗余且難以理解。

看板/儀表盤/Dashboard是數(shù)據(jù)分析結(jié)果的呈現(xiàn)。用于向讀者傳達(dá)有效的數(shù)據(jù)信息和業(yè)務(wù)見解,讓數(shù)據(jù)更清晰直觀的展示業(yè)務(wù)面貌,幫助讀者發(fā)現(xiàn)關(guān)鍵指標(biāo),提升決策速度。 由于看板本身承載的價(jià)值,搭建一個(gè)清晰可用的數(shù)據(jù)看板顯得至關(guān)重要。

一個(gè)設(shè)計(jì)糟糕,信息冗余的數(shù)據(jù)看板不僅無法傳達(dá)有用的信息,還可能使數(shù)據(jù)比原本更難以理解。 好看可以從兩個(gè)角度去理解,一是易于理解( Easy to read),即清晰準(zhǔn)確的呈現(xiàn)指標(biāo)全貌,讓讀者無需花費(fèi)時(shí)間和經(jīng)歷去解讀,能夠第一時(shí)間讀懂?dāng)?shù)據(jù)。二是美觀優(yōu)雅(Good-looking),即通過規(guī)則又協(xié)調(diào)的頁(yè)面,吸引讀者注意力盡可能多的停留在看板上。

?一、三大致勝秘訣,解鎖Dashboard魅力

1.1 講好故事(Tell a good story)

一個(gè)好的數(shù)據(jù)看板應(yīng)當(dāng)能夠?qū)?shù)據(jù)連接到業(yè)務(wù)中,回答查看者的問題。查看者能夠在短時(shí)間內(nèi)準(zhǔn)確無誤的接收并理解數(shù)據(jù)的業(yè)務(wù)意義,洞察業(yè)務(wù)現(xiàn)狀。 因此一個(gè)看板是否成功的制勝秘訣首先在于看板是否具有一個(gè)好的故事線。

?1.2 擺好數(shù)據(jù)(Present convincing data)

一個(gè)數(shù)據(jù)看板中通常包含十個(gè)及以上的圖表,圖表內(nèi)又包含大量的數(shù)據(jù)信息,每一個(gè)圖表該以何種格式呈現(xiàn),每一個(gè)數(shù)據(jù)該以何種單位展示,都是擺好數(shù)據(jù)需要考慮的問題。 隨時(shí)間遷移的銷售額波動(dòng)用折線圖會(huì)更生動(dòng),大金額銷售額數(shù)據(jù)的展示加上單位后綴會(huì)比直接的數(shù)據(jù)更直觀。因此,擺好數(shù)據(jù)對(duì)提升數(shù)據(jù)看板可讀性,增強(qiáng)數(shù)據(jù)信息傳遞的效率至關(guān)重要。

1.3 做好設(shè)計(jì)(Deliver a nice design)

俗話說:人靠衣裳馬靠鞍。要想看板一鳴驚人,好設(shè)計(jì)重中之重! 在數(shù)據(jù)可視化的項(xiàng)目中,設(shè)計(jì)原則備受重視,好設(shè)計(jì)加持下的數(shù)據(jù)看板,能夠巧用布局和排版,突出看板核心故事線,更快速地向閱讀者傳遞有效的業(yè)務(wù)信息,令數(shù)據(jù)與業(yè)務(wù)躍然紙上。

二、明確方向,構(gòu)建看板內(nèi)容與結(jié)構(gòu)

假設(shè)你是某教育產(chǎn)品的分析師,客戶成功主管今天聯(lián)系你,希望你能做一個(gè)看板幫助他了解所有線上課程的核心指標(biāo),以評(píng)估線上課程當(dāng)前的用戶滿意度及可能存在的問題。 收到這個(gè)任務(wù)的你,該如何去設(shè)計(jì)這個(gè)看板呢? 閱讀者的角色 + 閱讀者希望看到的信息 = 看板需要講述的故事 具體來講,分以下兩個(gè)步驟。

?2.1 明確看板閱讀者角色(who to present)

不同角色的用戶對(duì)于數(shù)據(jù)看板的訴求各有不同,譬如,對(duì)于企業(yè)高管,更關(guān)注核心指標(biāo),關(guān)注目標(biāo)和現(xiàn)狀之間的差距,關(guān)注當(dāng)前業(yè)務(wù)主要風(fēng)險(xiǎn)點(diǎn);而對(duì)于業(yè)務(wù)leader,更關(guān)注利潤(rùn)增長(zhǎng)、銷售漏斗,關(guān)注業(yè)務(wù)異常表現(xiàn),希望能夠監(jiān)控部門員工的核心KPI等。 不同角色對(duì)看板內(nèi)數(shù)據(jù)的需求不同,只有明確了誰是目標(biāo)受眾,才能進(jìn)一步確定看板內(nèi)的數(shù)據(jù)內(nèi)容。

2.2 確定呈現(xiàn)的數(shù)據(jù)內(nèi)容(what to present)

明確了閱讀者角色后,我們可以通過調(diào)研甚至訪談確認(rèn)數(shù)據(jù)需求(譬如:需要哪些緯度的哪些指標(biāo)?),這部分工作不僅體現(xiàn)在看板搭建初期,在看板的運(yùn)維階段同樣關(guān)鍵,了解到大家想看到什么數(shù)據(jù),并結(jié)合看板閱讀者查閱訴求的更迭,不斷更新非常重要。

2.3 精雕深層的數(shù)據(jù)細(xì)節(jié)(reader stratification)

每個(gè)看板可能存在多個(gè)讀者,不同用戶對(duì)于數(shù)據(jù)顆粒度的要求不同。因?yàn)闉榱酥伍喿x者更自由的數(shù)據(jù)探索,展現(xiàn)數(shù)據(jù)不同層次的信息,支撐用戶自主提取出更深層的信息,看板制作者應(yīng)適當(dāng)嵌入上鉆下鉆、多表聯(lián)動(dòng)、圖表跳轉(zhuǎn)、智能歸因等交互,增強(qiáng)閱讀者體驗(yàn)。

三、精挑細(xì)選,讓圖表與數(shù)據(jù)生動(dòng)呈現(xiàn)

現(xiàn)在你已經(jīng)確定了看板內(nèi)的圖表素材,但看板看起來仍平淡無奇,圖表內(nèi)的數(shù)據(jù)讀起來依然費(fèi)勁。 于是你發(fā)現(xiàn)問題可能出在了圖表的選擇和數(shù)據(jù)的呈現(xiàn)上,但是怎樣才能讓數(shù)據(jù)代表的業(yè)務(wù)意義生動(dòng)立體,躍然紙上呢?

3.1 選對(duì)圖表類型

俗話說“一圖勝千言”,數(shù)據(jù)分析看板的呈現(xiàn)都是以圖表為載體,選對(duì)了圖表才能更快速的向閱讀者傳達(dá)準(zhǔn)確無誤的信息。但BI產(chǎn)品提供的圖表種類繁多,應(yīng)用場(chǎng)景各有不同,我們?cè)撊绾芜x擇圖表來展示自己的數(shù)據(jù)呢? 通常根據(jù)需要展示數(shù)據(jù)的結(jié)構(gòu),我們可以講圖表分為四大類型:比較、關(guān)系、構(gòu)成、分布/地理。在此基礎(chǔ)上,結(jié)合數(shù)據(jù)變量,再判斷使用哪種圖表類型更合適一些。

在此準(zhǔn)備了產(chǎn)品支持的圖表類型及其常見應(yīng)用場(chǎng)景示例,可以參考。

3.2 巧用數(shù)據(jù)配置

選好了圖表類型,并不意味著大功告成。圖表標(biāo)題、單位、圖例、標(biāo)簽等都對(duì)用戶解讀數(shù)據(jù)有較大幫助,其中尤其是繪圖區(qū)的數(shù)據(jù)格式深藏玄機(jī)

四、設(shè)計(jì)與排版

在設(shè)計(jì)領(lǐng)域,有一個(gè)認(rèn)知負(fù)荷的概念,它代表作品內(nèi)有效信息傳遞給讀者所需要的成本。一個(gè)優(yōu)秀的可視化作品,能夠快速在剔除冗余的圖表信息,在短時(shí)將足量信息通過視覺通道輸送至讀者大腦,完成數(shù)據(jù)傳遞。 本章節(jié)將重點(diǎn)介紹設(shè)計(jì)、排版以及圖示配色等常見數(shù)據(jù)分析優(yōu)化思路。

4.1 基礎(chǔ)設(shè)計(jì)原則

(1)對(duì)比(Contract): 通過對(duì)比突出差異。 常見的對(duì)比形狀對(duì)比、大小對(duì)比、顏色對(duì)比。

(2)重復(fù)(Repeatation): 通過重復(fù)實(shí)現(xiàn)看板內(nèi)組件的統(tǒng)一, 增強(qiáng)視覺效果。 常見的重復(fù)有頁(yè)面內(nèi)圖標(biāo)的重復(fù)、頁(yè)面內(nèi)圖表的重復(fù)、頁(yè)面間結(jié)構(gòu)的重復(fù)。

(3)對(duì)齊(Alignment): 通過對(duì)齊,使元素間統(tǒng)一、有聯(lián)系且彼此關(guān)系更明晰。 常見的對(duì)齊方式有居左對(duì)齊、居中對(duì)齊、居右對(duì)齊。通常不建議避免在同一頁(yè)面上混合使用多種對(duì)齊方式。 ? 說明 在儀表盤編輯頁(yè)面內(nèi),當(dāng)拖動(dòng)組件時(shí),系統(tǒng)會(huì)自動(dòng)顯示對(duì)齊線

(4)親密(Proximity): 通過將圖表組件分組,將相近元素靠近擺放,將不同元素遠(yuǎn)離擺放,在視覺上引導(dǎo)用戶元素間的親密差異。 利用親密性原則,通過將統(tǒng)一層級(jí)元素簡(jiǎn)單地分在一組,通過顏色、背景、配置等實(shí)現(xiàn)分離,視覺上就會(huì)自動(dòng)分組。

4.2 圖標(biāo)與顏色

儀表盤好不好看,高不高端,分曉通常就在這里! 精美的圖示讓儀表盤更加精致,出彩的配色更是讓儀表盤立體豐富。 一個(gè)協(xié)調(diào)合理的配色能夠幫助看板更好的講述故事。例如:分析銷售額同環(huán)比變化時(shí),你可以使用統(tǒng)一的紅綠配色,分別代表了銷售額的上漲和下跌。

配色基本知識(shí): ? ?

通用配色方案: 主色+輔色+點(diǎn)綴色 主色(通常占75%)

  • 主色(通常占50%) 整幅作品的主要色彩,影響整個(gè)看板呈現(xiàn)的感官印象;
  • 輔色(通常占20%) 幫助主色建立更完整的形象,使看板和諧或活潑;
  • 點(diǎn)綴色(通常占5%) 牽引和提醒特定內(nèi)容,突出重點(diǎn)。配色步驟: 根據(jù)內(nèi)容確定配色方案; 根據(jù)主題確定主色、輔色及點(diǎn)綴色; 盡量不超過四種配色。
  • 主色呈現(xiàn)方式: 面積大,且純度高; 雖面積稍小,但畫面中一眼可見的最突出的色彩;也可以是雙主色。
  • 輔助色的運(yùn)用: 可使用主色的同類色,使畫面統(tǒng)一和諧。 也可使用主色的對(duì)比色,使畫面活潑穩(wěn)定。
  • 點(diǎn)綴色的特點(diǎn): 出現(xiàn)次數(shù)多;顏色跳躍;與其他顏色反差大,能夠突出重點(diǎn)。

好看的皮囊千篇一律,有趣的靈魂百里挑一。數(shù)據(jù)分析的看板的制作也相似,故事講得好是核心第一要義。

本文由人人都是產(chǎn)品經(jīng)理作者【數(shù)據(jù)干飯人】,微信公眾號(hào):【數(shù)據(jù)干飯人】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!