原文鏈接：3 Tips for Better Dashboard Design

原文作者：Joanna Ngai

創(chuàng)建高效的dashboard UI實(shí)踐

Dashboard是一塊將許多組件集成在一起顯示的UI，用戶可以收集很多關(guān)鍵的信息。

正確的設(shè)計(jì)，用戶可以簡單并且清晰地從大量的復(fù)雜信息中提取出有效的信息。作為企業(yè)或組織各種數(shù)據(jù)來源的工具。

這里有三個(gè)讓Dashboard更佳高效的建議：

1.組織

Dashboard上的內(nèi)容必須通過組織的方式反映信息的本質(zhì)，并且支持有效和有意義的監(jiān)測。

Dashboard上的信息不能被放置在任何地方，也不可以為了存入空間而放入簡單不適合的信息。項(xiàng)目中相近的內(nèi)容通常在位置上也應(yīng)該靠近。

-Stephen Few，Information Dashboard Design的作者

信息組織應(yīng)該遵循信息的層次結(jié)構(gòu)：哪些對用戶而言是重要的？突出關(guān)鍵信息，清晰，迅速。

通過web設(shè)計(jì)實(shí)踐，搜集到的有效的指導(dǎo)是基于網(wǎng)格布局設(shè)計(jì)。

當(dāng)你開始制定Dashboard時(shí)，你可以從下面這些角度考慮：

應(yīng)該把最重要的信息放在哪里？二級信息的呈現(xiàn)應(yīng)該是如何的？如何設(shè)計(jì)圖表和文本內(nèi)容？足夠的一致并且清晰嗎？留白部分如何幫助你的受眾更好的吸收信息？

2.適當(dāng)?shù)目梢暬?/b>

適當(dāng)?shù)目梢暬?/p>

有一個(gè)神奇的圖標(biāo)，曲線的輪廓可以在一瞬間填充整個(gè)區(qū)域-流行病的真實(shí)歷史，恐慌，或者一個(gè)時(shí)代的繁榮。曲線可以直達(dá)內(nèi)心，喚醒想象力，具有說服力。

-Henry D.Hubbard

可視化是Dashboard設(shè)計(jì)中的關(guān)鍵部分，原始數(shù)據(jù)往往是復(fù)雜的，可讀性差難以消化?？梢暬哪康脑谟冢诤芏痰膶?shí)踐內(nèi)揭示信息的內(nèi)在聯(lián)系，同時(shí)允許用戶獲得更多的細(xì)節(jié)，如果用戶想這么做的話。

可視化應(yīng)該是服務(wù)于一種特定的目的，比原始數(shù)據(jù)更加有效的傳達(dá)出特定的信息。

可以想想哪類信息是你想通過Dashboard傳遞給用戶的。

通過下面這些問題選擇一個(gè)適合的可視化方案：

他們最關(guān)心什么信息？

他們還需要其他哪些重要信息？

你想要傳達(dá)的信息類型是什么樣的？

3.降低復(fù)雜性

可視化的目的是理解，而不是圖片。

-Ben Shneiderman

選擇合適的展示數(shù)據(jù)數(shù)量和正確的信息視覺表現(xiàn)方法。使用的顏色英國微妙，有目的性，減少視覺上的混亂和復(fù)雜性。

Dashboard應(yīng)該呈現(xiàn)的是通過搜集處理后的高水平數(shù)據(jù)?？梢酝ㄟ^導(dǎo)航元素，比如菜單或者過濾器來簡化復(fù)雜的數(shù)據(jù)集合。