百度統計3.0蛻變:化繁為簡呈現重點資料視覺效果

文章描述：倚天出鞘，屠龍開鋒 – 百度統計3.0設計簡記.

隨著百度統計功能日趨完善，功能點逐步豐富， 3.0版是其易用性及互動視覺新的蛻變。此次升級以簡潔一致的視覺風格、眾多可視化元素、以及易用性改善，呈現出煥然一新的專業形象。接下來，就用以下幾點簡略講述統計3.0的蛻變曆程。

信噪比原則：化繁為簡，呈現重點

好設計的目的是使訊號最大化，而噪音最小化，從而產生一個高的信噪比。依據重要程度，控制整體資訊對比及優先順序，是本次升級的重要述求之一。

趨勢圖：將XY軸以外的線條、文字視覺弱化，以讓趨勢曲線更為清晰，明顯降低幹擾。

概況頁表格：去掉表格豎線盡量降低幹擾元素，凸顯“今日”資料，便於及時關注最新資料，同時把握資料變化趨勢。

資料視覺效果：繁雜資料，清晰具現

資料視覺效果主要指在藉助於圖形化手段，清晰有效地傳達與溝通訊息。

新老訪客比例：訪客屬性於站長而言較為重要，則設計時我們期望呈現清晰簡潔，但不失詳盡的資訊結構。以人物色彩區分新/老訪客，同時放大重要的比例資料，相對弱化顯示瀏覽量、來源TOP5等細節資料。

轉化漏鬥：將轉化過程以全新漏鬥形式直觀展現，對每個環節相關資料瞭然於胸，對網站改進有的放矢。

對齊原則：整齊劃一，視覺清晰

同一個或者更多的其他組成部分成一直線排列，有靠左對齊、靠右對齊、中間對齊。內容按規律對齊，可在視覺上形成虛擬邊緣，易於瀏覽。尤其在大量資料情況下，資料間與列頭的對齊便於快速查看與對比。

全域表格結構：依據各類資料的閱讀屬性來設定其對齊。例如文本類固定為靠左對齊，數字類固定為靠右對齊。

一致性原則：形式趨同，易學適用

一致使人們得以把知識有效遷移到新的環境中，迅速學習新事物，把注意力集中在人物的有關方面。相同的部分用相同的方法表達時，系統的使用性得到了有效改進。

系統內重要標籤：樣式一致降低認知成本。

協助體系的統一：

新的協助體系用綠色給人以平和、希望之感，易於辨識與瀏覽。在頁面頂部的報告標題處做醒目提示，位置固定。去掉了過去較多的“協助問號”，將內容集中顯示。

表頭資料指標，則用小問號提供快速、簡單的協助提示。

篇幅有限，就不將改進逐個列舉。留待各位在使用中慢慢品味，同時歡迎對百度統計給出寶貴建議：）。

若需詳細體驗，請移步tongji.baidu.com，並點擊“查看示範”。

作者：ericoming