“Dashboard設(shè)計”這個關(guān)鍵詞已經(jīng)放在公眾號內(nè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》中指出“儀表盤是為了實現(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)準流程如下圖熊咽。這個流程輸入的是數(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)容可以在文末推薦閱讀中的幾篇文章中查看，本文我想分享以下幾點：
1. 樹立用戶角色陷虎，分析用戶需求
2. 合理控制頁面信息密度到踏，不宜過簡，也不宜過多
3. 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，按字面意思姑且認為網(wǎng)頁的信息密度是指單位面積內(nèi)提供的相關(guān)信息量好了块饺。信息密度對用戶的認知負載有很大影響赞辩，太高的信息密度會帶來很多的選擇，可能會導(dǎo)致用戶的分析癱瘓授艰，畢竟你的用戶不是“水哥”王昱珩擁有最強大腦辨嗽，而太低的信息密度就很難讓用戶找到他們想要的東西。所以信息量過簡或過多都會影響可用性和用戶體驗淮腾，作為一個山西人糟需，此時我想到了“和面”，拉面師傅能夠掌握合適的水粉比谷朝，水太少面會硬拉不開洲押，水太多面會軟不勁道。
所以如何使信息密度合理圆凰？
清楚目標(biāo)：對于一個頁面杈帐，設(shè)計師應(yīng)該是清楚該頁面的目標(biāo)是什么，用戶如何實現(xiàn)他們的目標(biāo)专钉，從而如何設(shè)計信息架構(gòu)來達到這個目標(biāo)挑童。
分清主次：業(yè)務(wù)數(shù)據(jù)必然有核心指標(biāo)和細分維度指標(biāo)，即各數(shù)據(jù)間有主次關(guān)系跃须。我們需要挖掘出用戶關(guān)心的數(shù)據(jù)站叼，通過視覺設(shè)計，以吸引人的方式優(yōu)先傳達給用戶菇民。這就要求設(shè)計師能熟悉業(yè)務(wù)數(shù)據(jù)尽楔，或者能訪談到用戶投储，真實的從用戶的需求出發(fā)，提煉的核心數(shù)據(jù)能夠精確精準的反映業(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)容過少時竟坛，也可以增加些冗余的可視化信息來幫助用戶提高認知闽巩。但是要記住可視化只是輔助用戶認知和理解數(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)使人一瞥便能掌握其所傳達的信息隅很。”如果只是有一個數(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ā)揮作用
[4]Designing Data - Driven Interface, Telling the story of your data
[5] Information Dashboard Design, Stephen_Few.
[6] 數(shù)據(jù)可視化, 陳為, 沈則潛, 淘煜波
作者：舟航从媚，微信公眾號：圓滾滾的設(shè)計
