3大秘訣打造讓老板眼前一亮可視化儀表盤
在數(shù)據(jù)分析領域,可視化儀表盤(Dashboard)是向管理層和業(yè)務團隊傳達關鍵數(shù)據(jù)和業(yè)務見解的重要工具。一個設計精良的儀表盤不僅能清晰展示數(shù)據(jù),還能幫助決策者快速洞察業(yè)務現(xiàn)狀,提升決策效率。然而,許多人在制作儀表盤時往往陷入數(shù)據(jù)堆砌的誤區(qū),導致信息冗余且難以理解。
看板/儀表盤/Dashboard是數(shù)據(jù)分析結(jié)果的呈現(xiàn)。用于向讀者傳達有效的數(shù)據(jù)信息和業(yè)務見解,讓數(shù)據(jù)更清晰直觀的展示業(yè)務面貌,幫助讀者發(fā)現(xiàn)關鍵指標,提升決策速度。 由于看板本身承載的價值,搭建一個清晰可用的數(shù)據(jù)看板顯得至關重要。
一個設計糟糕,信息冗余的數(shù)據(jù)看板不僅無法傳達有用的信息,還可能使數(shù)據(jù)比原本更難以理解。 好看可以從兩個角度去理解,一是易于理解( Easy to read),即清晰準確的呈現(xiàn)指標全貌,讓讀者無需花費時間和經(jīng)歷去解讀,能夠第一時間讀懂數(shù)據(jù)。二是美觀優(yōu)雅(Good-looking),即通過規(guī)則又協(xié)調(diào)的頁面,吸引讀者注意力盡可能多的停留在看板上。
?一、三大致勝秘訣,解鎖Dashboard魅力
1.1 講好故事(Tell a good story)
一個好的數(shù)據(jù)看板應當能夠?qū)?shù)據(jù)連接到業(yè)務中,回答查看者的問題。查看者能夠在短時間內(nèi)準確無誤的接收并理解數(shù)據(jù)的業(yè)務意義,洞察業(yè)務現(xiàn)狀。 因此一個看板是否成功的制勝秘訣首先在于看板是否具有一個好的故事線。
?1.2 擺好數(shù)據(jù)(Present convincing data)
一個數(shù)據(jù)看板中通常包含十個及以上的圖表,圖表內(nèi)又包含大量的數(shù)據(jù)信息,每一個圖表該以何種格式呈現(xiàn),每一個數(shù)據(jù)該以何種單位展示,都是擺好數(shù)據(jù)需要考慮的問題。 隨時間遷移的銷售額波動用折線圖會更生動,大金額銷售額數(shù)據(jù)的展示加上單位后綴會比直接的數(shù)據(jù)更直觀。因此,擺好數(shù)據(jù)對提升數(shù)據(jù)看板可讀性,增強數(shù)據(jù)信息傳遞的效率至關重要。
1.3 做好設計(Deliver a nice design)
俗話說:人靠衣裳馬靠鞍。要想看板一鳴驚人,好設計重中之重! 在數(shù)據(jù)可視化的項目中,設計原則備受重視,好設計加持下的數(shù)據(jù)看板,能夠巧用布局和排版,突出看板核心故事線,更快速地向閱讀者傳遞有效的業(yè)務信息,令數(shù)據(jù)與業(yè)務躍然紙上。
二、明確方向,構(gòu)建看板內(nèi)容與結(jié)構(gòu)
假設你是某教育產(chǎn)品的分析師,客戶成功主管今天聯(lián)系你,希望你能做一個看板幫助他了解所有線上課程的核心指標,以評估線上課程當前的用戶滿意度及可能存在的問題。 收到這個任務的你,該如何去設計這個看板呢? 閱讀者的角色 + 閱讀者希望看到的信息 = 看板需要講述的故事 具體來講,分以下兩個步驟。
?2.1 明確看板閱讀者角色(who to present)
不同角色的用戶對于數(shù)據(jù)看板的訴求各有不同,譬如,對于企業(yè)高管,更關注核心指標,關注目標和現(xiàn)狀之間的差距,關注當前業(yè)務主要風險點;而對于業(yè)務leader,更關注利潤增長、銷售漏斗,關注業(yè)務異常表現(xiàn),希望能夠監(jiān)控部門員工的核心KPI等。 不同角色對看板內(nèi)數(shù)據(jù)的需求不同,只有明確了誰是目標受眾,才能進一步確定看板內(nèi)的數(shù)據(jù)內(nèi)容。
2.2 確定呈現(xiàn)的數(shù)據(jù)內(nèi)容(what to present)
明確了閱讀者角色后,我們可以通過調(diào)研甚至訪談確認數(shù)據(jù)需求(譬如:需要哪些緯度的哪些指標?),這部分工作不僅體現(xiàn)在看板搭建初期,在看板的運維階段同樣關鍵,了解到大家想看到什么數(shù)據(jù),并結(jié)合看板閱讀者查閱訴求的更迭,不斷更新非常重要。
2.3 精雕深層的數(shù)據(jù)細節(jié)(reader stratification)
每個看板可能存在多個讀者,不同用戶對于數(shù)據(jù)顆粒度的要求不同。因為為了支撐閱讀者更自由的數(shù)據(jù)探索,展現(xiàn)數(shù)據(jù)不同層次的信息,支撐用戶自主提取出更深層的信息,看板制作者應適當嵌入上鉆下鉆、多表聯(lián)動、圖表跳轉(zhuǎn)、智能歸因等交互,增強閱讀者體驗。
三、精挑細選,讓圖表與數(shù)據(jù)生動呈現(xiàn)
現(xiàn)在你已經(jīng)確定了看板內(nèi)的圖表素材,但看板看起來仍平淡無奇,圖表內(nèi)的數(shù)據(jù)讀起來依然費勁。 于是你發(fā)現(xiàn)問題可能出在了圖表的選擇和數(shù)據(jù)的呈現(xiàn)上,但是怎樣才能讓數(shù)據(jù)代表的業(yè)務意義生動立體,躍然紙上呢?
3.1 選對圖表類型
俗話說“一圖勝千言”,數(shù)據(jù)分析看板的呈現(xiàn)都是以圖表為載體,選對了圖表才能更快速的向閱讀者傳達準確無誤的信息。但BI產(chǎn)品提供的圖表種類繁多,應用場景各有不同,我們該如何選擇圖表來展示自己的數(shù)據(jù)呢? 通常根據(jù)需要展示數(shù)據(jù)的結(jié)構(gòu),我們可以講圖表分為四大類型:比較、關系、構(gòu)成、分布/地理。在此基礎上,結(jié)合數(shù)據(jù)變量,再判斷使用哪種圖表類型更合適一些。
在此準備了產(chǎn)品支持的圖表類型及其常見應用場景示例,可以參考。
3.2 巧用數(shù)據(jù)配置
選好了圖表類型,并不意味著大功告成。圖表標題、單位、圖例、標簽等都對用戶解讀數(shù)據(jù)有較大幫助,其中尤其是繪圖區(qū)的數(shù)據(jù)格式深藏玄機
四、設計與排版
在設計領域,有一個認知負荷的概念,它代表作品內(nèi)有效信息傳遞給讀者所需要的成本。一個優(yōu)秀的可視化作品,能夠快速在剔除冗余的圖表信息,在短時將足量信息通過視覺通道輸送至讀者大腦,完成數(shù)據(jù)傳遞。 本章節(jié)將重點介紹設計、排版以及圖示配色等常見數(shù)據(jù)分析優(yōu)化思路。
4.1 基礎設計原則
(1)對比(Contract): 通過對比突出差異。 常見的對比形狀對比、大小對比、顏色對比。
(2)重復(Repeatation): 通過重復實現(xiàn)看板內(nèi)組件的統(tǒng)一, 增強視覺效果。 常見的重復有頁面內(nèi)圖標的重復、頁面內(nèi)圖表的重復、頁面間結(jié)構(gòu)的重復。
(3)對齊(Alignment): 通過對齊,使元素間統(tǒng)一、有聯(lián)系且彼此關系更明晰。 常見的對齊方式有居左對齊、居中對齊、居右對齊。通常不建議避免在同一頁面上混合使用多種對齊方式。 ? 說明 在儀表盤編輯頁面內(nèi),當拖動組件時,系統(tǒng)會自動顯示對齊線
(4)親密(Proximity): 通過將圖表組件分組,將相近元素靠近擺放,將不同元素遠離擺放,在視覺上引導用戶元素間的親密差異。 利用親密性原則,通過將統(tǒng)一層級元素簡單地分在一組,通過顏色、背景、配置等實現(xiàn)分離,視覺上就會自動分組。
4.2 圖標與顏色
儀表盤好不好看,高不高端,分曉通常就在這里! 精美的圖示讓儀表盤更加精致,出彩的配色更是讓儀表盤立體豐富。 一個協(xié)調(diào)合理的配色能夠幫助看板更好的講述故事。例如:分析銷售額同環(huán)比變化時,你可以使用統(tǒng)一的紅綠配色,分別代表了銷售額的上漲和下跌。
配色基本知識: ? ?
通用配色方案: 主色+輔色+點綴色 主色(通常占75%)
- 主色(通常占50%) 整幅作品的主要色彩,影響整個看板呈現(xiàn)的感官印象;
- 輔色(通常占20%) 幫助主色建立更完整的形象,使看板和諧或活潑;
- 點綴色(通常占5%) 牽引和提醒特定內(nèi)容,突出重點。配色步驟: 根據(jù)內(nèi)容確定配色方案; 根據(jù)主題確定主色、輔色及點綴色; 盡量不超過四種配色。
- 主色呈現(xiàn)方式: 面積大,且純度高; 雖面積稍小,但畫面中一眼可見的最突出的色彩;也可以是雙主色。
- 輔助色的運用: 可使用主色的同類色,使畫面統(tǒng)一和諧。 也可使用主色的對比色,使畫面活潑穩(wěn)定。
- 點綴色的特點: 出現(xiàn)次數(shù)多;顏色跳躍;與其他顏色反差大,能夠突出重點。
好看的皮囊千篇一律,有趣的靈魂百里挑一。數(shù)據(jù)分析的看板的制作也相似,故事講得好是核心第一要義。
本文由人人都是產(chǎn)品經(jīng)理作者【數(shù)據(jù)干飯人】,微信公眾號:【數(shù)據(jù)干飯人】,原創(chuàng)/授權 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
- 目前還沒評論,等你發(fā)揮!