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

來源:互聯網
上載者:User

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

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

信噪比原則:化繁為簡,呈現重點

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

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

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

資料視覺效果:繁雜資料,清晰具現

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

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

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

對齊原則:整齊劃一,視覺清晰

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

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

一致性原則:形式趨同,易學適用

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

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

協助體系的統一:

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

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

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

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

作者:ericoming



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。