如何設計一個好的儀表盤:Dundas Dashboard設計思路

Dashboard的概念已經存在了很多年了,但這個概念的內涵在這些年發生了很大的變化。從最早的廠家追求靚麗儀表盤的玩具式界面,到今年以研究領域提倡的清楚務實的觀點逐佔上風,Dashboard已經進入主流的BI應用,也成爲一個和報表相當的重要工具。Dundas Dashboard 是由Dundas公司開發的一款目前最流行的儀表盤(dashboard)控件。下面就讓我們來看看如何設計一個好的儀表盤:

 

  • 當你第一眼看到一個儀表盤,你的注意力是否立刻被吸引到最重要的部分?

避免讀者的注意力被吸引到其它地方,或者不必要的分散,首先要避免在儀表盤上使用過多不同顏色的部件。如下圖,人的視覺在很多不同顏色的情況下,常常很難集中在一個點上。

Dashboard設計思路,多顏色圖表,儀表盤,dundas

而如果我們使用一種顏色,只是把需要強調的部分用一個不同的顏色,那要突出的部分自然地就會吸引到讀者的注意力。如下圖:

Dashboard設計思路,多顏色圖表,儀表盤,dundas

這個原理在儀表盤上是同理的。所以不管我們是用儀表盤、圖表還是其它的顯示形式,都應該儘量保持界面的簡潔。然後適當地應用顏色的變化把最重要的東西突出出來。

  • 讀者是否可以很容易的識別信息顯示的組織和分片?

人對信息的處理最高效的方式還是分而治之。在儀表盤的設計上,我們也應該幫助用戶做一些信息的組織。這樣讀者不需要自己來對信息進行分片。 
在信息組織上最容易犯的一個錯誤是過多的使用分界線或背景色。其實最簡單有效的方式是通過對間距的調整,通過部件間的空白區間達到分片的目的。這樣就不會把界面的顯示弄的很複雜,又可以很自然(幾乎是無意識的)幫助讀者分片。

  • 最重要的信息是否放在最顯眼的位置?

信息的排放不止需要考慮組織和分片,同時也需要做一定的優先界定。最重要的信息應該放在最顯眼的位置,以此類推。從視覺的角度,在從左向右閱讀的環境裏,位置的優先級基本可以按下圖排列。 左上角在正常的情況下是最顯眼的。也可以採取一些措施,讓中間的位置更加顯眼,其它的貫徹從左到右,從上到下的順序。

                                    Dashboard設計思路,多顏色圖表,儀表盤,dundas      

  • 如果數據需要比較,儀表盤應該提供一個簡潔的方式。

除了直接查詢數據,數據間的比較大概是最常見的一個需求。如果沒有直接的支持,用戶就必須手工或在頭腦裏進行這個工作。而這種方式常常不是最高效和準確的。 在儀表盤的設計上,如果我們已經知道數據比較的需求,可以直接把數據以比較的形式顯示。比如如果我們需要表達的是兩個產品的盈利率比較,就不要顯示盈利額,而直接顯示盈利百分比。這樣讀者就可以直接地看到比較的結果,而不需要在頭腦裏進行計算。 
     如果儀表盤需要支持不同的比較,Dundas Dashboard的設計者應該在界面上提供讓用戶直接選擇不同比較的機制。比如通過單選框讓用戶選擇比較的方法。


Dashboard設計思路,多顏色圖表,儀表盤,dundas

  • 如果信息有一定的順序才能最好地理解,儀表盤是否提供了一個引導讀者按照中國人習慣的順序觀察的方法。

最自然的方法,是通過把內容根據從左向右,從上到下的程序排列。如果閱讀的程序十分重要,也不妨加上箭頭,明確地指示閱讀的程序。

  • 用戶能否在不需要滾動和點擊的情況下看到所有的信息。

作爲一個信息綜合顯示的界面,一目瞭然是十分重要的。當然,在實際應用中,要完全避免任何的滾動和點擊也不很現實。但在可能的情況下,應該儘可能地避免要求用戶做任何不必要的操作來訪問信息。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章