Dashboard設(shè)計思考,數(shù)據(jù)有效傳達信息
本篇文章作者分別從用戶角色、信息密度、數(shù)據(jù)洞察三方面出發(fā),對Dashboard設(shè)計進行詳細(xì)地介紹,最后跟大家分享自己的總結(jié)與感悟。
“Dashboard設(shè)計”這個關(guān)鍵詞已經(jīng)放置很久了,最近的工作涉及到一個管理平臺的改版,乘此機會來聊聊自己的一些思考感悟。
A dashboard is a visual display of the most important information needed to achieve one or more objectives; consolidated and arranged on a single screen so the information can be monitored at a glance.
——《Information Dashboard Design》
Dashboard是什么?
在《Information Dashboard Design》中指出“儀表盤是為了實現(xiàn)某些特定目標(biāo)而對重要信息進行的視覺傳達,對一屏上的內(nèi)容進行組織呈現(xiàn)使人一瞥便能掌握其所傳達的信息。”
這句話中有這么幾個關(guān)鍵詞:
“特定目標(biāo)”即指用戶可以監(jiān)控、篩選、對比、分析數(shù)據(jù)等,是能指引用戶行動,幫助他完成工作任務(wù);
“重要信息”指在數(shù)據(jù)中挖掘用戶想要了解、與工作息息相關(guān)的指標(biāo);
“一屏、一瞥”指用戶可以快速瀏覽獲知全局,效率至上。
Dashboard的設(shè)計本質(zhì)是可視化設(shè)計,在《數(shù)據(jù)可視化》這本書中介紹可視化的一個標(biāo)準(zhǔn)流程如下圖:這個流程輸入的是數(shù)據(jù),輸出的是提煉的知識,從數(shù)據(jù)到知識有兩條途徑:
- 一條途徑是交互的可視化方法,用戶亦可對數(shù)據(jù)的可視化結(jié)果進行交互的修正;
- 另一條途徑是自動的數(shù)據(jù)挖掘方法,用戶亦可調(diào)節(jié)參數(shù)對從數(shù)據(jù)中提煉的數(shù)據(jù)模型進行修正。
無論采用什么樣的方式,黑貓白貓能抓老鼠就是好貓,最終的目標(biāo)是能夠提供深層次的數(shù)據(jù)洞察,能夠推動后續(xù)行動。
Dashboard基礎(chǔ)的內(nèi)容可以在文末推薦閱讀中的幾篇文章中查看,本文我想分享以下幾點:
- 樹立用戶角色,分析用戶需求;
- 合理控制頁面信息密度,不宜過簡,也不宜過多;
- Dashboard不是數(shù)據(jù)報表,而是能提供深層次的數(shù)據(jù)洞察。
一、用戶角色
我們知道“用戶角色”在C端產(chǎn)品中尤其重要,創(chuàng)建典型用戶角色可以幫助團隊解決很多問題,比如幫助決策者在創(chuàng)建和確定商業(yè)策略的優(yōu)先級掌握主動權(quán),幫助產(chǎn)品團隊判斷應(yīng)該增加的功能特性,指導(dǎo)設(shè)計師以用戶角色的角度做設(shè)計決策,指導(dǎo)用研在目標(biāo)用戶群中招募測試參與者。
對于一個B端產(chǎn)品用戶角色相對更加清晰點,主要是研發(fā)人員、銷售人員、運維人員、主管領(lǐng)導(dǎo)等,我們能夠很清楚的知道Dashboard的目標(biāo)用戶是誰。
知道了目標(biāo)用戶,我們就可以了解他們的目標(biāo)需求和工作流程,了解數(shù)據(jù)如何影響他們的工作任務(wù),了解他們是否熟知行業(yè)術(shù)語等。關(guān)于“是否要避免復(fù)雜的專業(yè)術(shù)語”,記得埃隆·馬斯克有說他不希望特斯拉的生產(chǎn)、軟件和流程中使用太多的縮寫詞或無意義的詞匯,任何需要進一步解釋的內(nèi)容都會阻礙交流。
其實通過用戶角色可以幫助我們決策是否用縮寫,比如PV、DAU/MAU這類數(shù)據(jù),他面向的用戶角色可能產(chǎn)品、運營、設(shè)計都有涉及,使用頁面訪問量、日活/月活或許會好點;再如電池管理系統(tǒng)(Battery Management System, BMS)、整車控制器(Vehicle Control Unit, VCU)這類詞匯,管理平臺只是面向研發(fā)人員的,在工作中經(jīng)常是用縮寫B(tài)MS、VCU來交流,使用縮寫詞能提供效率。
二、信息密度
之所以想分享“信息密度”這個詞,也是為了讓自己牢記這個詞。本次改版需求評估時,領(lǐng)導(dǎo)就說很多頁面被大面積的圖形元素占據(jù),一屏內(nèi)得不到多少內(nèi)容。
可能也是C端產(chǎn)品做多了,以前就沒有考慮過信息密度這回事兒。
看“信息密度”這個詞的百度百科,我是真沒理解清楚……
Anyway,按字面意思姑且認(rèn)為網(wǎng)頁的信息密度是指單位面積內(nèi)提供的相關(guān)信息量好了。
信息密度對用戶的認(rèn)知負(fù)載有很大影響,太高的信息密度會帶來很多的選擇,可能會導(dǎo)致用戶的分析癱瘓,畢竟你的用戶不是“水哥”王昱珩擁有最強大腦,而太低的信息密度就很難讓用戶找到他們想要的東西。
所以信息量過簡或過多都會影響可用性和用戶體驗,作為一個山西人,此時我想到了“和面”,拉面師傅能夠掌握合適的水粉比,水太少面會硬拉不開,水太多面會軟不勁道。所以如何使信息密度合理?
清楚目標(biāo):對于一個頁面,設(shè)計師應(yīng)該是清楚該頁面的目標(biāo)是什么,用戶如何實現(xiàn)他們的目標(biāo),從而如何設(shè)計信息架構(gòu)來達到這個目標(biāo)。
分清主次:業(yè)務(wù)數(shù)據(jù)必然有核心指標(biāo)和細(xì)分維度指標(biāo),即各數(shù)據(jù)間有主次關(guān)系。我們需要挖掘出用戶關(guān)心的數(shù)據(jù),通過視覺設(shè)計,以吸引人的方式優(yōu)先傳達給用戶。
這就要求設(shè)計師能熟悉業(yè)務(wù)數(shù)據(jù),或者能訪談到用戶,真實的從用戶的需求出發(fā),提煉的核心數(shù)據(jù)能夠精確精準(zhǔn)的反映業(yè)務(wù)水平。
當(dāng)然核心指標(biāo)也不可過多,根據(jù)喬治米勒的7+2原則,人的短期記憶一般一次只能記住5~9個事物,因此核心指標(biāo)在7個左右即可。
分步引導(dǎo):通過了解用戶角色和分析產(chǎn)品需求,設(shè)計師對用戶的工作流和數(shù)據(jù)的邏輯關(guān)聯(lián)是有一定了解的。如果數(shù)據(jù)信息過多,可以重新梳理邏輯模塊,分步引導(dǎo),簡化任務(wù),讓決定更加簡單。
冗余信息:當(dāng)版面內(nèi)容過少時,也可以增加些冗余的可視化信息來幫助用戶提高認(rèn)知。但是要記住可視化只是輔助用戶認(rèn)知和理解數(shù)據(jù)的工具,不可為了可視化而可視化,要能給用戶帶來價值。
三、數(shù)據(jù)洞察
So why do we put all this data on the page anyway? Answer: so people can do shit with it —— make decisions, investigate, predict the future, whatever. The point is, your users aren`t marveling at the pretty colors you`ve selected, they are trying to do their jobs.
——Erik K
還記得文首那句話嗎?
“儀表盤是為了實現(xiàn)某些特定目標(biāo)而對重要信息進行的視覺傳達,對一屏上的內(nèi)容進行組織呈現(xiàn)使人一瞥便能掌握其所傳達的信息?!?/p>
如果只是有一個數(shù)據(jù)接口,在Dashboard上呈現(xiàn)數(shù)據(jù)報表,那么它并不會帶來有用價值,一個Dashboard成功與否,我想最重要的評判是能否為用戶提供更深層次的數(shù)據(jù)洞察。
一般說來,Dashboard主要有監(jiān)控實時數(shù)據(jù)、歷史數(shù)據(jù)篩選、關(guān)聯(lián)數(shù)據(jù)對比、向上向下鉆取等功能。
這些功能也僅僅在可視化和交互層面,很多時候還是得用戶根據(jù)個人經(jīng)驗對這些數(shù)據(jù)進行決策,當(dāng)然設(shè)計師也就只能在交互和視覺層面下手。
那么隨著數(shù)據(jù)分析和人工智能的成熟,技術(shù)層面是可以在業(yè)務(wù)診斷、業(yè)務(wù)預(yù)測、決策支持等方面提供有價值的洞察,實現(xiàn)從“點”延伸到“線面體”上。
三、小結(jié)
總結(jié)一下:
一個有效的Dashboard能夠有助于提高用戶決策及行動效率,能夠即時的從復(fù)雜數(shù)據(jù)中獲取所需信息。
在設(shè)計中需要確立用戶畫像,深入調(diào)研用戶工作任務(wù)流,分析用戶需求,抓住核心指標(biāo);需要控制頁面信息密度,極簡主義切不可造成可用性問題;透過現(xiàn)象看到本質(zhì),通過數(shù)據(jù)洞察提供有價值的行動方針。
Dashboard還有個大的坑是“數(shù)據(jù)可視化”,螞蟻金服團隊的AntV介紹了很多基礎(chǔ)的圖標(biāo)用法,是個很好的基礎(chǔ)學(xué)習(xí)資料。
同時我最近也打算開始讀陳為的《數(shù)據(jù)可視化》,待深入學(xué)習(xí)后,再來填坑。
推薦閱讀
[1]《Dashboard設(shè)計進階》——看這一篇就夠了
[2]《儀表盤的設(shè)計》——如何讓數(shù)據(jù)有效發(fā)揮作用
[3]《Dashboard設(shè)計思考(上篇)》
[4]《Designing Data Driven Interface》——Telling the story of your data
[5] 《Information Dashboard Design》——Stephen_Few
[6] 《數(shù)據(jù)可視化》——陳為,沈則潛,淘煜波
作者:舟航,微信公眾號:圓滾滾的設(shè)計
本文由 @舟航 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash ,基于 CC0 協(xié)議
數(shù)據(jù)洞察的部分太少,剛起了開頭,還可以再講講