Dashboard設(shè)計(jì)思考,數(shù)據(jù)有效傳達(dá)信息

1 評(píng)論 9713 瀏覽 44 收藏 11 分鐘

本篇文章作者分別從用戶(hù)角色、信息密度、數(shù)據(jù)洞察三方面出發(fā),對(duì)Dashboard設(shè)計(jì)進(jìn)行詳細(xì)地介紹,最后跟大家分享自己的總結(jié)與感悟。

“Dashboard設(shè)計(jì)”這個(gè)關(guān)鍵詞已經(jīng)放置很久了,最近的工作涉及到一個(gè)管理平臺(tái)的改版,乘此機(jī)會(huì)來(lái)聊聊自己的一些思考感悟。

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》中指出“儀表盤(pán)是為了實(shí)現(xiàn)某些特定目標(biāo)而對(duì)重要信息進(jìn)行的視覺(jué)傳達(dá),對(duì)一屏上的內(nèi)容進(jìn)行組織呈現(xiàn)使人一瞥便能掌握其所傳達(dá)的信息。

這句話(huà)中有這么幾個(gè)關(guān)鍵詞:
“特定目標(biāo)”即指用戶(hù)可以監(jiān)控、篩選、對(duì)比、分析數(shù)據(jù)等,是能指引用戶(hù)行動(dòng),幫助他完成工作任務(wù);

“重要信息”指在數(shù)據(jù)中挖掘用戶(hù)想要了解、與工作息息相關(guān)的指標(biāo);

“一屏、一瞥”指用戶(hù)可以快速瀏覽獲知全局,效率至上。

Dashboard的設(shè)計(jì)本質(zhì)是可視化設(shè)計(jì),在《數(shù)據(jù)可視化》這本書(shū)中介紹可視化的一個(gè)標(biāo)準(zhǔn)流程如下圖:這個(gè)流程輸入的是數(shù)據(jù),輸出的是提煉的知識(shí),從數(shù)據(jù)到知識(shí)有兩條途徑:

  • 一條途徑是交互的可視化方法,用戶(hù)亦可對(duì)數(shù)據(jù)的可視化結(jié)果進(jìn)行交互的修正;
  • 另一條途徑是自動(dòng)的數(shù)據(jù)挖掘方法,用戶(hù)亦可調(diào)節(jié)參數(shù)對(duì)從數(shù)據(jù)中提煉的數(shù)據(jù)模型進(jìn)行修正。

無(wú)論采用什么樣的方式,黑貓白貓能抓老鼠就是好貓,最終的目標(biāo)是能夠提供深層次的數(shù)據(jù)洞察,能夠推動(dòng)后續(xù)行動(dòng)。

#13. Dashboard設(shè)計(jì)思考,數(shù)據(jù)有效傳達(dá)信息

Dashboard基礎(chǔ)的內(nèi)容可以在文末推薦閱讀中的幾篇文章中查看,本文我想分享以下幾點(diǎn):

  1. 樹(shù)立用戶(hù)角色,分析用戶(hù)需求;
  2. 合理控制頁(yè)面信息密度,不宜過(guò)簡(jiǎn),也不宜過(guò)多;
  3. Dashboard不是數(shù)據(jù)報(bào)表,而是能提供深層次的數(shù)據(jù)洞察。

一、用戶(hù)角色

我們知道“用戶(hù)角色”在C端產(chǎn)品中尤其重要,創(chuàng)建典型用戶(hù)角色可以幫助團(tuán)隊(duì)解決很多問(wèn)題,比如幫助決策者在創(chuàng)建和確定商業(yè)策略的優(yōu)先級(jí)掌握主動(dòng)權(quán),幫助產(chǎn)品團(tuán)隊(duì)判斷應(yīng)該增加的功能特性,指導(dǎo)設(shè)計(jì)師以用戶(hù)角色的角度做設(shè)計(jì)決策,指導(dǎo)用研在目標(biāo)用戶(hù)群中招募測(cè)試參與者。

對(duì)于一個(gè)B端產(chǎn)品用戶(hù)角色相對(duì)更加清晰點(diǎn),主要是研發(fā)人員、銷(xiāo)售人員、運(yùn)維人員、主管領(lǐng)導(dǎo)等,我們能夠很清楚的知道Dashboard的目標(biāo)用戶(hù)是誰(shuí)。

知道了目標(biāo)用戶(hù),我們就可以了解他們的目標(biāo)需求和工作流程,了解數(shù)據(jù)如何影響他們的工作任務(wù),了解他們是否熟知行業(yè)術(shù)語(yǔ)等。關(guān)于“是否要避免復(fù)雜的專(zhuān)業(yè)術(shù)語(yǔ)”,記得埃隆·馬斯克有說(shuō)他不希望特斯拉的生產(chǎn)、軟件和流程中使用太多的縮寫(xiě)詞或無(wú)意義的詞匯,任何需要進(jìn)一步解釋的內(nèi)容都會(huì)阻礙交流。

其實(shí)通過(guò)用戶(hù)角色可以幫助我們決策是否用縮寫(xiě),比如PV、DAU/MAU這類(lèi)數(shù)據(jù),他面向的用戶(hù)角色可能產(chǎn)品、運(yùn)營(yíng)、設(shè)計(jì)都有涉及,使用頁(yè)面訪(fǎng)問(wèn)量、日活/月活或許會(huì)好點(diǎn);再如電池管理系統(tǒng)(Battery Management System, BMS)、整車(chē)控制器(Vehicle Control Unit, VCU)這類(lèi)詞匯,管理平臺(tái)只是面向研發(fā)人員的,在工作中經(jīng)常是用縮寫(xiě)B(tài)MS、VCU來(lái)交流,使用縮寫(xiě)詞能提供效率。

二、信息密度

之所以想分享“信息密度”這個(gè)詞,也是為了讓自己牢記這個(gè)詞。本次改版需求評(píng)估時(shí),領(lǐng)導(dǎo)就說(shuō)很多頁(yè)面被大面積的圖形元素占據(jù),一屏內(nèi)得不到多少內(nèi)容。

可能也是C端產(chǎn)品做多了,以前就沒(méi)有考慮過(guò)信息密度這回事兒。

看“信息密度”這個(gè)詞的百度百科,我是真沒(méi)理解清楚……

Anyway,按字面意思姑且認(rèn)為網(wǎng)頁(yè)的信息密度是指單位面積內(nèi)提供的相關(guān)信息量好了。

信息密度對(duì)用戶(hù)的認(rèn)知負(fù)載有很大影響,太高的信息密度會(huì)帶來(lái)很多的選擇,可能會(huì)導(dǎo)致用戶(hù)的分析癱瘓,畢竟你的用戶(hù)不是“水哥”王昱珩擁有最強(qiáng)大腦,而太低的信息密度就很難讓用戶(hù)找到他們想要的東西。

所以信息量過(guò)簡(jiǎn)或過(guò)多都會(huì)影響可用性和用戶(hù)體驗(yàn),作為一個(gè)山西人,此時(shí)我想到了“和面”,拉面師傅能夠掌握合適的水粉比,水太少面會(huì)硬拉不開(kāi),水太多面會(huì)軟不勁道。所以如何使信息密度合理?

清楚目標(biāo):對(duì)于一個(gè)頁(yè)面,設(shè)計(jì)師應(yīng)該是清楚該頁(yè)面的目標(biāo)是什么,用戶(hù)如何實(shí)現(xiàn)他們的目標(biāo),從而如何設(shè)計(jì)信息架構(gòu)來(lái)達(dá)到這個(gè)目標(biāo)。

分清主次:業(yè)務(wù)數(shù)據(jù)必然有核心指標(biāo)和細(xì)分維度指標(biāo),即各數(shù)據(jù)間有主次關(guān)系。我們需要挖掘出用戶(hù)關(guān)心的數(shù)據(jù),通過(guò)視覺(jué)設(shè)計(jì),以吸引人的方式優(yōu)先傳達(dá)給用戶(hù)。

這就要求設(shè)計(jì)師能熟悉業(yè)務(wù)數(shù)據(jù),或者能訪(fǎng)談到用戶(hù),真實(shí)的從用戶(hù)的需求出發(fā),提煉的核心數(shù)據(jù)能夠精確精準(zhǔn)的反映業(yè)務(wù)水平。

當(dāng)然核心指標(biāo)也不可過(guò)多,根據(jù)喬治米勒的7+2原則,人的短期記憶一般一次只能記住5~9個(gè)事物,因此核心指標(biāo)在7個(gè)左右即可。

分步引導(dǎo):通過(guò)了解用戶(hù)角色和分析產(chǎn)品需求,設(shè)計(jì)師對(duì)用戶(hù)的工作流和數(shù)據(jù)的邏輯關(guān)聯(lián)是有一定了解的。如果數(shù)據(jù)信息過(guò)多,可以重新梳理邏輯模塊,分步引導(dǎo),簡(jiǎn)化任務(wù),讓決定更加簡(jiǎn)單。

冗余信息:當(dāng)版面內(nèi)容過(guò)少時(shí),也可以增加些冗余的可視化信息來(lái)幫助用戶(hù)提高認(rèn)知。但是要記住可視化只是輔助用戶(hù)認(rèn)知和理解數(shù)據(jù)的工具,不可為了可視化而可視化,要能給用戶(hù)帶來(lái)價(jià)值。

三、數(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

還記得文首那句話(huà)嗎?

“儀表盤(pán)是為了實(shí)現(xiàn)某些特定目標(biāo)而對(duì)重要信息進(jìn)行的視覺(jué)傳達(dá),對(duì)一屏上的內(nèi)容進(jìn)行組織呈現(xiàn)使人一瞥便能掌握其所傳達(dá)的信息?!?/p>

如果只是有一個(gè)數(shù)據(jù)接口,在Dashboard上呈現(xiàn)數(shù)據(jù)報(bào)表,那么它并不會(huì)帶來(lái)有用價(jià)值,一個(gè)Dashboard成功與否,我想最重要的評(píng)判是能否為用戶(hù)提供更深層次的數(shù)據(jù)洞察。

#13. Dashboard設(shè)計(jì)思考,數(shù)據(jù)有效傳達(dá)信息

一般說(shuō)來(lái),Dashboard主要有監(jiān)控實(shí)時(shí)數(shù)據(jù)、歷史數(shù)據(jù)篩選、關(guān)聯(lián)數(shù)據(jù)對(duì)比、向上向下鉆取等功能。

這些功能也僅僅在可視化和交互層面,很多時(shí)候還是得用戶(hù)根據(jù)個(gè)人經(jīng)驗(yàn)對(duì)這些數(shù)據(jù)進(jìn)行決策,當(dāng)然設(shè)計(jì)師也就只能在交互和視覺(jué)層面下手。

那么隨著數(shù)據(jù)分析和人工智能的成熟,技術(shù)層面是可以在業(yè)務(wù)診斷、業(yè)務(wù)預(yù)測(cè)、決策支持等方面提供有價(jià)值的洞察,實(shí)現(xiàn)從“點(diǎn)”延伸到“線(xiàn)面體”上。

三、小結(jié)

總結(jié)一下:

一個(gè)有效的Dashboard能夠有助于提高用戶(hù)決策及行動(dòng)效率,能夠即時(shí)的從復(fù)雜數(shù)據(jù)中獲取所需信息。

在設(shè)計(jì)中需要確立用戶(hù)畫(huà)像,深入調(diào)研用戶(hù)工作任務(wù)流,分析用戶(hù)需求,抓住核心指標(biāo);需要控制頁(yè)面信息密度,極簡(jiǎn)主義切不可造成可用性問(wèn)題;透過(guò)現(xiàn)象看到本質(zhì),通過(guò)數(shù)據(jù)洞察提供有價(jià)值的行動(dòng)方針。

Dashboard還有個(gè)大的坑是“數(shù)據(jù)可視化”,螞蟻金服團(tuán)隊(duì)的AntV介紹了很多基礎(chǔ)的圖標(biāo)用法,是個(gè)很好的基礎(chǔ)學(xué)習(xí)資料。

同時(shí)我最近也打算開(kāi)始讀陳為的《數(shù)據(jù)可視化》,待深入學(xué)習(xí)后,再來(lái)填坑。

推薦閱讀

[1]《Dashboard設(shè)計(jì)進(jìn)階》——看這一篇就夠了

[2]《儀表盤(pán)的設(shè)計(jì)》——如何讓數(shù)據(jù)有效發(fā)揮作用

[3]《Dashboard設(shè)計(jì)思考(上篇)》

[4]《Designing Data Driven Interface》——Telling the story of your data

[5] 《Information Dashboard Design》——Stephen_Few

[6] 《數(shù)據(jù)可視化》——陳為,沈則潛,淘煜波

 

作者:舟航,微信公眾號(hào):圓滾滾的設(shè)計(jì)

本文由 @舟航 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash ,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 數(shù)據(jù)洞察的部分太少,剛起了開(kāi)頭,還可以再講講

    來(lái)自陜西 回復(fù)