儀表盤設計中的13條常見錯誤

1.超過屏幕的邊界

1.1將儀表盤分割成兩個模塊

儀表盤的信息通常因為兩種方式割裂開來

1)分離成一個必須帶導航的分割屏幕;

2)分離成通過某種形式的交互訪問的單個屏幕的不同實例;

當所有的信息都應該同時被看到,以獲得所需的見解時,這種分裂破壞了儀表板的獨特優勢。


上圖的儀表板以打破了數據之間相互更有意義的連接關系,它不提供數據的綜合可視化概述。瀏覽者們需要同時瀏覽所有的信息,使其能夠比較它們是如何相互影響。

上圖的儀表板需要觀眾點擊所需的產品,并一次查看一個產品的信息。

1.2儀表盤需要滾動

人們通常認為,任何超出他們的視野范圍并且需要滾動觀看的東西,都不會比立即顯現的重要。?

上圖的儀表板顯示了,需要滾動來查看所有信息時,犧牲了實效性。

2.數據缺少對比

沒有任何上下文意味著很少。 相比什么? 這是好還是壞?我們過去比過去好嗎,還是比我們預測的更糟? 為關鍵信息提供正確的背景,使數字之間能發生啟發。

上圖的儀表盤未能提供足夠的信息使得數據有意義。 提供上下文不一定需要選擇單一的對照,可以給出幾個上下文。 例如,季度銷售額為736,502美元可能會從預算目標為100萬美元的比較中獲益。 去年這一天的銷售額為856,923美元; 以及過去六個季度的時間序列銷售數字。 這樣的顯示將提供比當前銷售數字的簡單顯示更豐富。

3.呈現過多的細節

儀表盤幾乎總是需要信息來支持觀眾快速瀏覽的需要。 太多的細節或者表達得太精確的信息,只是讓觀眾降低瀏覽速度而不給他們帶來任何好處。 使用儀表盤,每一個不必要的信息都會浪費時間,試圖過濾掉重要的東西,這在時間是至關重要的時候是不能容忍的。


上圖的儀表板顯示不必要的細節,例如表示為秒的時間和表示為10位小數的度量。

4.選擇有缺陷的方案

為了有意義的測量,我們必須知道正在測量內容的單位。 如果沒有將清晰有效的信息傳達給用戶辨識,那么度量就是不足。?


上圖沒有能夠說明測量數據的意義。

5.選擇不恰當的顯示媒體

選擇不適當的顯示媒體是最常見的設計錯誤之一,而不僅僅是儀表盤,同時也是所有定量數據形式呈現的設計。



上圖餅狀圖呈現問題:相加的數據最后不能為100%;




上圖每一個餅的數據呈現過于平均,缺乏對比;

6.介紹無意義的品種

你應該始終選擇最有效的顯示方式,即使這樣一個儀表盤只能填充相同類型圖形的多個實例。事實上,在適當的情況下,顯示方式的一致性會使觀眾使用相同的感知策略來解釋數據,從而節省時間和精力。


上圖說明了各種各樣的變化。 這種視覺混亂會使儀表盤上的每個項目都會發生感知策略的變化,這意味著用戶需要花費額外的時間和精力。

7.使用設計糟糕的顯示媒體

選擇合適的媒體來顯示數據及其消息還不夠,還必須設計該媒體的組件,以便清晰有效地進行通信,而無需分心。

上圖的問題:

1)餅圖和標簽視覺上需要來回切換,缺少映射關系;

2)餅圖的切片和標簽的順序都是隨機的,缺少先后關系;

3)餅狀圖的飽和度過高,明亮的顏色應該用于其他應該脫穎而出的數據;

上圖的問題:

1)數字沒有進行以千的單位進行分組,導致難以區分數據的大??;

2)數字應該位于軸的外側,而不是軸的內側,導致指針會遮蔽數字;

上圖的問題:

1)毫無意義的網格;

2)3D效果的使用過于浮夸;

3)每條數據顏色都不同,導致用戶的注意力分散;

上圖的問題:

1)使用3D效果數據遮蔽的問題;

8.編寫的數據不夠準確

上圖的柱狀圖的左側刻度數據不夠準確。

9.數據組織無序

儀表盤通常需要在有限的空間內呈現大量的信息。 如果信息的組織不好,重要的信息沒有正確的放置,結果將是混亂的。


上圖的儀表盤根據數據的性質和重要性缺乏適當的視覺的平衡。

10.重點信息沒有突出

當你看到儀表盤時,即使不存在于屏幕最顯眼的區域,你的眼睛也應立即關注最重要的信息。


上圖的所有數據都是同樣的豐富多彩的,給我們帶來了一致的吸引程度,但沒有視覺的焦點。在儀表盤上的數據應該都是重要的,但觀眾的眼睛應該始終被引導到最關鍵的信息。

11.無用的裝飾使頁面凌亂

儀表盤上的另一個常見問題是無用裝飾。 他們或者希望我們將被藝術吸引,或者假設裝飾的美觀是必要的。 然而,我向你保證,即使是一見鐘情的人們,也會在接下來幾天之內審美疲勞的。

上圖的儀表盤正在試圖模擬一些質感,但這些都是導致分心的裝飾。數據可視化專家說過:不適當的圖形也蓬勃發展,因為許多圖形藝術家認為統計數據無聊而乏味。 然后,裝飾的圖形必須掌握,動畫,并且經??浯髷祿杏惺裁醋C據...如果統計數據無聊,那么你的呈現是錯誤的。

12.濫用或者過度使用顏色

我要在這里強調的剩下的一點是顏色不應該隨意使用。顏色的選擇應該深思熟慮,了解我們如何感知顏色和顏色差異的意義。

13.缺乏吸引力的視覺設計


來自:《information dashboard design》

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,106評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,441評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,211評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,736評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,475評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,834評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,829評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,009評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,559評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,306評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,516評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,038評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,728評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,132評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,443評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,249評論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,484評論 2 379

推薦閱讀更多精彩內容

  • 原文作者:Neil Turner。 如果你是一名專業的騎行者,那么你很可能聽過“Domestique”這個詞。對于...
    神經卡卡夕閱讀 2,227評論 0 8
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,172評論 4 61
  • 星辰喧囂 星河澎湃 玻璃的脆弱 和水晶的晶瑩 那一點點光的銳利 可以穿越時間 穿越星云 穿越一切一切 輝煌誰的眼睛...
    羅不息閱讀 150評論 0 2
  • 于1946年出版的長篇小說《圍城》由中國現代著名作家、文學研究家錢鐘書先生所著,曾有報道稱書評家夏志清先生認...
    艾小月閱讀 283評論 1 1
  • 卜算子*人生感懷 獨居林深處 只看白云飄 朝觀旭日暮賞月 長聞汝水聲 昔日王謝斗 燕入百姓家 兩耳不聞窗外事 閑...
    三月陽光_28c7閱讀 278評論 0 0