百度商橋

在線咨詢

400-660-9989

uipower@uipower.com

數據可視化UI設計方法研究

發布時間:2020-01-02 13:44:18

數據可視化,是關于數據視覺表現形式的科學技術研究。那如何將海量數據通過可視化圖形語言最為直觀的反映給大眾呢?我們憑借多年數據可視化設計的經驗,降低了使用者閱讀理解數據的門檻,同時用更為形象化的方式增強了企業的品牌競爭力與影響力。

一.數據可視化基礎原理

數據可視化原理是綜合運用UI(User Interface)、UE(User Experience)等技術,將采集或模擬的數據映射為可視化的圖形、圖像、三維、視頻或動畫,并允許用戶對數據進行交互分析的理論方法和技術。

二.數據可視化UI設計方法

1.數據分析與建設:我們將數據作為可視化語言的基本對象,通過取樣調查、模擬計算、業內歸納等方式對數據進行采集,最后提出相應的可視化解決方案,將數據表現形式重組,變得更為直觀、易讀。

2.數據變化與處理:原始數據含有一定的噪音和誤差,我們需要人為的對其進行優化,將數據瑕疵去除,提取數據核心特征,從而讓用戶更好地理解數據的含義。

3.數據可視化:將數據的數值、坐標、不同位置間的聯系等,通過不同的語言、標記、位置、形狀和顏色等元素展現出來,最終讓用戶通過可視化洞察數據來探索數據背后隱含的現象和規律。

4.用戶體驗:用戶從可視化數據中提取到的信息與相關的數據假設場景是要息息相關的,這些也可以幫助專家向公眾展示數據中較為重要與關鍵的信息。

三.結合案例談談數據可視化實現步驟

1.圖形可視化重要的數據

我們在表現重要的數據指標時,可以將與之有聯系的圖形語言作為表達基礎式。比如之前我們做的某廠風電項目中,我們將數據語言與圖表圖形相結合,直截了當的告訴閱讀者數據文字的意義與方向是什么。

UIPower案列-風電可視化項目.

2.用圖形化語言重組指標

我們在某市風電項目中,將原本繁瑣的數據通過不同的表現控件去展現,從而更好的體現可視化效果語言。

UIPower案列-風電可視化項目

3.圖形可視化指標之間的關系

我們可以將數據的關系放在場景中展現來表現數據之間的關聯特征,比如在此類數據圖表中,為了體現不同地區之間數據的關系聯系,我們將其統一置放于地圖中,這樣可以更為直觀的理解數據之間的場景關系。

UIPower案列-風電可視化項目

4.可視化時間和空間

通過時間與地域的維度來呈現不同控件下的信息,比如下圖中的地圖空間可視化再現,地圖作為主背景呈現了全部數據的信息點。

UIPower案列-風電可視化項目

5.動態表現圖表數據

我們用完上述的可視化方法以后,也要想著讓我們的靜態圖像盡可能的“動”起來。通常情況下,我們使用交互和動畫兩種方式來使得圖表變得更加動態化。在交互上,我們會使得整體頁面的鼠標浮動、點擊、跳轉等有一定的聯動效應;在動畫中,我們會盡可能的將所有靜態視覺語言動效化,即在頁面載入之后,將圖表的三維效果展現出一個從0到1生長變化的過程,從而取代進度條等常規等待語言。

四.數據可視化總結

數據可視化作為讓大眾更為直觀的感知圖形圖表數據的方式,擁有很大的戰略意義。它不僅能夠降低大眾閱讀數據的門檻,也可以讓企業通過自身的形象更為精準化的做企業品牌戰略的營銷。在以下案例中,我們通過豐富的可視化語言,將某企業能源行業的風采最為直觀的展現給了大眾,使得他們的專業力、技術力能夠更直觀的被大眾理解。

UIPower案列-風電可視化項目

數據可視化,需要以用戶為中心,以用戶體驗為基礎,輸出可視化報表,為業務賦能。在公司不具備或者沒有必要進行可視化工具自研的情況下,大量的可視化工具可供諸君選用,正所謂:君子生非異也,善假于物也。UIPower提供的數據可視化整體解決方案,包含可視化界面的高端定制設計及開發、可視化工具PowerUI,歡迎各位前來了解溝通。





{转码词},{转码词1},{转码词2},{转码词3}