如何用最準確的媒介來清晰、直接地傳達數據和其所表示的信息？Dashboard可以幫到你。
一、Dashboard的含義
早期dashboard是指汽車等產品上的信息面板，中文譯名即儀表盤。
在Mac的OS系統內，dashboard是指包含各類小widget的面板。
目前我們說的dashboard承襲了儀表板的核心概念——通過圖表、列表等形式，直接、高效、準確地向用戶傳遞重要信息。
在dribble等網站上可以搜到很多作品（如下圖）。不過除非是用於對外展示，否則dashboard的形式不必特別華麗。
因為對於To B用戶而言，它的核心始終是傳遞信息。界面上的內容都應有存在的理由，一些額外的裝飾可能會造成干擾。
我們要做的事情是：少做沒意義的事情，多把有用的信息呈現並突顯出來。
二、設計步驟
設計dashboard時，可以按照以下四項逐步推進：
2.1 用戶場景
進行用戶場景分析時，需要明確“用戶”和“任務”“數據內容”這三個要素。
用戶需要通過（監測、分析、評估）內容去完成（一些特定的）目的。
對於用戶：需要了解其身份、在公司內的職位、工作內容等。
對於目的：需要弄清是什麼觸發了用戶使用dashboard的行為？用戶訪問dashboard的原因是什麼？為了達到目的需要以什麼頻率訪問dashboard？
對於內容：需要明白用戶使用dashboard後需要做出哪些決定？哪些關鍵信息輔助自己做出決定？有哪些情況需要提醒用戶等。
2.2 展示形式
根據數據內容選擇不同形式或形式組合，例如dashboard內常用的圖表、表格或列表等。其中，圖表的特點是可以方便看出趨勢但是難以索引 ，表格與列表反之。
同時，並不是所有內容都要以可視化的形式展現，只可視化必要而且能迅速看出端倪的東西。
關於圖表形式，印象中初中的數學課就已經介紹過，在此就不贅述了。需要特別說明幾點細節問題，信息設計大牛Steven Few在他的《information Dashboard Design》一書中有提到：
- 人對於面積和角度的敏感度不如對長度的感覺。餅圖通常不是一個好的選擇，除非很強調個體在整體中的比例，此時也可以用堆積條形圖；
- 人對於橫向長度的敏感度又高於縱向；
- 3D的數據圖表又增加了縱深的維度會影響閱讀和記憶；
- 要做到圖表上每個像素都是有用不多餘的，一般折線或柱狀圖已經足夠用了。
2.3 數據排布
要通過對業務的瞭解、對用戶的訪談等對界面內各項內容的重要性進行區分。用戶必須看到或者必須去做的事情要放在醒目的位置，或者要給與強烈的視覺暗示，避免用戶因為數據的不起眼而錯過重要信息。
ToB產品內涉及的數據信息通常也很多，要對各部分內容進行有邏輯地分組。在排版上給與用戶分組的暗示，讓用戶能更快速定位到需要的信息。（關於數據排布的部分，還會再寫一篇格式塔心理學的應用~之後奉上）
2.4 交互方式
在完成以上幾步後，需要根據內容細化交互方式。
例如信息關係是否有層級？如果有，那麼是用什麼形式去展現這個層級，下拉列表還是彈窗？還是會在圖表內有進一步的交互動作（如下圖）？
有哪些內容需要進行說明或者提醒？採用hover還是toast？
相似控件的交互方式是否保持一致？
……
三、小結
總而言之，dashboard是與用戶進行信息展示與溝通的媒介，要用最準確的媒介來清晰、直接地傳達數據和其所表示的信息。
Steven Few在書中提出，評價dashboard的好壞要看其組織是否合理、內容是否簡潔、對相應用戶群體或領域是否有針對性的定製化內容。我們在設計時也可以參考下這些標準。
Reference:
題圖來自 Pexels ，基於 CC0 協議
閱讀更多 人人都是產品經理 的文章
