和大數(shù)據(jù)相關(guān)的產(chǎn)品經(jīng)常會和圖表打交道浴麻,當(dāng)有些問題反復(fù)出現(xiàn)的時候力奋,我會想找一些guideline類型的文章來做一個簡單的指導(dǎo)侣诺。
雖然我們設(shè)計小哥說這個不適合做guideline抛人,但我覺得能有一篇文章介紹一些基本方法和原則叹洲,總勝過反反復(fù)復(fù)瑣瑣碎碎(但我知道依然不可避免)蹋凝。
關(guān)于圖表的選用和表現(xiàn)鲁纠,我依稀記得這本書講得比較清楚:誰說菜鳥不會數(shù)據(jù)分析,我做過紙質(zhì)讀書筆記鳍寂,有空會整理一下改含。那么既然還沒有整理筆記,也沒有找到一篇集大全的文章迄汛,因此就試整理幾篇我覺得比較不錯的捍壤。
以下以引用為主骤视,鏈接即原文。在正文開始前我想說(哦好像前面太啰嗦了)鹃觉,設(shè)計完圖表后专酗,不妨想象,如果一個注意力并不集中盗扇、并不耐心的用戶(比如你日理萬機的老板祷肯?)讀到你的幾篇圖表,Ta能get你珍貴的數(shù)據(jù)疗隶、獨特的思路嗎佑笋?你要通過圖表,引導(dǎo)ta做什么斑鼻?
在實際項目中我還遇到過四五張圖表非常接近蒋纬,很容易讓人走神,這個部分我還沒整理到坚弱,會繼續(xù)思考的:)
一颠锉、選用合適的圖表
數(shù)據(jù)可視化的方法有很多種,可視化專家Andrew Abela 認(rèn)為可視化方法大致可分為6大類數(shù)十種方法史汗,譬如數(shù)據(jù)可視化琼掠、信息可視化、概念可視化停撞、戰(zhàn)略可視化瓷蛙、象征可視化、復(fù)合可視化戈毒。
氣泡圖是散點圖的一種變體冠桃,通過每個點的面積大小,反映第三維道宅。
卡特里娜颶風(fēng)的路徑食听,三個維度分別為經(jīng)度、緯度污茵、強度樱报。點的面積越大,就代表強度越大泞当。因為用戶不善于判斷面積大小迹蛤,所以氣泡圖只適用不要求精確辨識第三維的場合。
如果為氣泡加上不同顏色(或文字標(biāo)簽),氣泡圖就可用來表達(dá)四維數(shù)據(jù)盗飒。比如下圖就是通過顏色嚷量,表示每個點的風(fēng)力等級。
二逆趣、關(guān)于圖表的細(xì)節(jié)
經(jīng)典蝶溶,完整原文:Data_Visualization_101_How_to_Design_Charts_and_Graphs.pdf
讓數(shù)據(jù)變有趣!如何設(shè)計實用易讀的圖表(上)
三汗贫、關(guān)于表格的細(xì)節(jié)
1. 根據(jù)表格的用途身坐,設(shè)計表格的布局
2. 減少讀者計算
3.精簡指標(biāo)秸脱,創(chuàng)造信息層級
4.不留空白單元格
5.斑馬條的運用
橫向或縱向的斑馬線以及懸停高亮底色能夠很好的引導(dǎo)用戶的視線落包,避免在閱讀時出現(xiàn)錯行、迷失的情況:斑馬線會使得行與行的界限更為分明摊唇,尤其對數(shù)據(jù)列較多時的橫向引導(dǎo)得到加強咐蝇,這樣看行內(nèi)的內(nèi)容時不容易錯行,而懸停變色行主要是配合操作交互巷查,明確區(qū)分出光標(biāo)所在的行有序。
6.高亮重點信息岛请,提高閱讀速度
7.對齊旭寿,便于用戶快速瀏覽
8.設(shè)計視覺層級,引導(dǎo)讀者視線
9. 堅持使用簡單的矩陣布局盅称,盡量減少視覺噪音