如何用最準确的媒介來清晰、直接地傳達數據和其所表示的信息？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 協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部