設計中的細節與思考:百度統計流量研究院細細品味

來源:互聯網
上載者:User

文章描述:可視化的快樂 – 百度統計流量研究院設計小結.

百度統計流量研究院為了將資料更好的傳達給使用者,我們採用了動態資料可視化的方式(Interactive Infographic)。希望我們的設計能將使用者帶入到新鮮、愉悅的氛圍之中。當然,我們在設計的過程中也體會到了可視化的快樂,並且希望與大家一同分享。

好的流程是成功的一半

預估難度、多部門協作:好的溝通流程是成功的一半。在設計最初,首先應當評估的就是項目開發難度。若開發難度較大,或者說開發人員對於可視化產品的製作經驗較少,則最好引入多部門協作的工作方式,盡量避免設計與實現脫節的情況出現。

統籌設計、紙上文章:統籌設計是十分重要的,因為它可以保證你的設計思路是連貫的、有脈絡的。以我們的經驗來見,從最初的設計想法到低傳真的原型都可以通過手繪+貼紙的方式來實現。“紙上文章”最大的好處就是極大的縮短了迭代所學的時間,並且給予了各部門同學更加直觀、簡潔的印象,對於多部門協作十分有利。

積极參与:UE的工作不僅是把完整的設計方案呈現出來,還應該保證最終產品高品質的上線。舉個例子,在開發人員開發作業系統報告時,採取了真實自然光的渲染方式。而實際上在背景色較深的頁面上採用這種渲染方式會使得圖表主體的立體感變差,並且失去質感。對於這種情況, UE迅速與開發人員溝通,由UE來負責flash圖片的繪製工作,實現了高質感、立體感強的效果。

設計詳解

在設計之初,我們的主要思想確定為用多圖表聯動互動的方式多維度展示資料,並且確定了在圖表中突出展現給使用者最需要的資訊,即信噪比原則。在這個過程中,我們利用了改變圖形指標,引入具象元素,以及將生活情感化總結等方式,將資料視覺效果展現。同時我們也仔細的研究了資料的規律與趨勢,選擇了合理的展示策略。下面結合一些圖片來向大家詳細敘說大體的設計思路:

多圖表聯動互動:多圖表聯動互動本身就是一種很有視覺衝擊力的互動方式,也可以讓我們從不同緯度來查看資料。使用者的一次操作就可以帶動多圖表的更新,其中的趣味性大家可以去體驗。

信噪比原則:使用者關注的資訊是主流的資料的佔比與趨勢等資訊,而不是末尾的非主流資料的資訊。因此在設計過程中盡量的剔除無參考意義的資訊是十分重要的,例如在解析度使用方式報告中的佔比很小非標準解析度就是無參考意義的資訊。同時對於資料量較多的,比較繁瑣的資料,把最重要的資料突出展示,同時也提供使用者全集資料以供查看。

上圖是我們在設計過程中的一個被否決的方案,這個方案沒有很好的突出重點的資訊,也不方便使用者查看全集的資訊。而最終我們希望傳達給使用者的資訊應該是第一印象即可大致的瞭解資料的分布,隨後也可對更多的資料進行更加詳細的查看分析。

改變圖形指標:仔細探究資料與圖形之間的邏輯關係,找出可以代表資料分布的圖形指標(顏色、形狀、面積等)。採用較為新穎的圖形指標,會給使用者帶來新鮮的感受,這裡採用了面積指標。

引入具象元素:在設計中融入具象元素,能夠將使用者快速的帶入到產品之中,讓使用者更直觀的瞭解內容。

將生活情感化總結:對資料的規律進行總結,將生活的類似經驗進行總結,運用到設計之中,賦予設計以情感。在作業系統市場份額報告中,用星系的概念來表現微軟在作業系統這一領域的統治地位。

將生活情感化總結:同樣的,越來越多瀏覽器廠家就像切多士麵包一樣在瓜分市場份額,百花齊放。

合理的展示策略:例如在對網民地區分布報告的資料進行分析後,我們發現除廣東省外,其他省的資料基本呈線性排列的一個趨勢,並且網民地區分布資料波動較小。在各省資料差異較小情況下,我們放棄了普遍被採用的固定資料對應固定圖形的策略,而是採用了指定資料最大值與最小值對應的圖形範圍,期間資料按照比例展示圖形的方式。通過這種方式,各省之間的資料差異一目瞭然。除此之外,在設計的過程中,我們匯入了真實的資料作為依據,藉此保證視覺效果的和諧統一。

更多設計中的細節與思考,歡迎大家移步百度統計流量研究院細細品味,享受可視化的快樂。



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。