想象你是公司的數據分析師。去年,老闆開除了一些人,現在想要制定下一年的招聘需求,老闆正在思考是否有必要再招人,他想征求你的建議。
首先,你想要了解去年解雇那些人對團隊整體生産力的影響。所以你繪制了下面圖片中的折線圖。藍色折線是每個月新增工單數,紅色折線是去年處理工單數。
兩個折線一對比,你發現從7月份解雇人員後,新增工單數超過了處理工單數,這說明人力不足的确導緻了團隊生産力的下降。
現在你想将繪制的這個粗糙圖表改造,然後再展示給老闆看,不然如此醜陋的圖表肯定會挨批的。
你能發現這個圖形有哪些地方可以優化嗎?
圖表中每一個多餘的元素都會增加用戶的認知負荷。所以我們采用下面的設計原則,來讓圖表變的漂亮。
這樣會使的數據更突出。
線條本來就可以直觀展示數據,有了數據标記會增加用戶的認知負荷。
這并不是說永遠不要使用數據标記,而是要有目的地使用,尤其不要因為它們默認包含在你的繪圖軟件裡而使用。
下面圖片是經過這兩個原則處理後的效果,你會發現數據顯得更加突出了。
避免使用傾斜的元素。一項研究(2005年Wigdor和Balakrishnan的研究)表明,閱讀45度傾斜的文字時,速度比閱讀正常方向排列的文字要平均慢52%,閱讀90度傾斜的文字平均慢205%。所以我們将上面圖表中的x軸标簽水平排列,從而消除傾斜的文字。
很多時候,系統默認生成的軸标簽當中會在小數點後面出現多餘的尾數0,這些0沒有任何參考價值,反而讓數字看起來比實際複雜得多。
當小數點後面尾數是0時,我們可以去掉這些尾數以減少受衆不必要的認知負荷。
作為數據的設計師,我們需要盡量識别出任何困難消耗用戶精力的問題。我始終覺得在圖例和數據之間切換事件麻煩的事情。在這種情況下,我們直接在需要描述的數據旁進行标記出來。
對數據标簽和所描述的數據使用相同的顔色。這對用戶來說給出的信息是:這兩部分信息是相關聯的。比如前面案例中的新增工單折線和數據标簽都用藍色。而處理工單折線和數據标簽都是有紅色。
用戶通常會從頁面或者屏幕的左上方開始,按“之”字形移動視線并消化信息(如下圖)。
所以避免使用居中對齊的文字,我喜歡将文字(标題,坐标軸标簽等)按左上角對齊。這意味着用戶會先看到有關如何閱讀圖表的細節,然後再看到數據本身。
很多人軟件比如Excel自動生成的字體太醜了。我一般中文使用微軟雅黑,英文和數字使用:Arial 字體。
經過上面7個圖表設計原則,整個圖表的可讀性有了顯著提升(下圖)。
現在你已經知道了這7個設計原則,以後就可以像設計師一樣設計圖表了。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!