數(shù)據(jù)可視化在移動端的主要體現(xiàn)是“數(shù)據(jù)圖表”，我們最常用的數(shù)據(jù)設計組件就是：柱狀圖、折線圖、環(huán)形圖等，它們簡單易懂，容易被用戶接受。它們常常出現(xiàn)在與我們生活息息相關的產(chǎn)品當中，例如健身 app 中使用圖表記錄我們體重的變化；效率工具型的 app 記錄分析你在某一件事情的花費的時間；金融理財展示股市中某一支股票的價格走勢等等。

2.數(shù)據(jù)可視化的特點

數(shù)據(jù)可視化屬于一種理性思維，產(chǎn)品通過圖表可以向用戶清晰的反應用戶在每一個項目中所花費的時間和精力，用戶可以通過數(shù)據(jù)可視化的圖表形式快速了解到其中的信息?，F(xiàn)在iOS 和 Android 平臺暫時沒有推出在數(shù)據(jù)可視化的設計規(guī)范，但是大家只要按照平臺的基本規(guī)范設計，相信都能設計出美觀、大方數(shù)據(jù)圖表。如果大家對數(shù)據(jù)可視化有興趣，這里向大家推薦 ANtv（https://antv.alipay.com/zh-cn/index.html）螞蟻數(shù)據(jù)可視化團隊，ANtv 是國內(nèi)在數(shù)據(jù)可視化發(fā)展最完善的團隊之一。

3.使用原則

在數(shù)據(jù)可視化設計的時候我們首先要注意的是盡量避免使用“復雜”的數(shù)據(jù)表現(xiàn)形式，針對于普通用戶我們要始終堅持 – 簡單易懂的原則。其次在選擇數(shù)據(jù)表現(xiàn)形式的時候一定要考慮到是否適用于目標數(shù)據(jù)，如果不能清晰的向用戶清晰的傳遞出數(shù)據(jù)背后的信息，那么建議你重新進行分析，更換數(shù)據(jù)表現(xiàn)形式。在我們經(jīng)常使用的數(shù)據(jù)圖表中，柱狀圖擅長數(shù)值比較；折線圖擅長做數(shù)據(jù)趨勢展示；餅圖和環(huán)形圖適用于各類數(shù)據(jù)比例比較。這里我們需要注意的是折線適用于具有連貫關系數(shù)據(jù)緯度進行比較，而柱狀圖則不需要。我們以不同蔬菜的價格比較和單個蔬菜價格趨勢為例，例如當我們在比較各種蔬菜的價格的時候，由于各品類蔬菜沒有任何連貫性的邏輯關系，所以折線圖不合適，而柱狀圖則能清晰的表達蔬菜之間價格比對。

蔬菜品種之間沒有任何連續(xù)性，所以不適合用折線圖來表示；而單個蔬菜的價格走勢是通過具有連續(xù)性的“時間”緯度進行比較的，所以趨勢圖選擇折線圖更加合適。

餅圖不適用于分類過多的數(shù)據(jù)展示，隨著數(shù)據(jù)種類的增加切片的數(shù)量也隨之增加，每個切片的大小過于相似，無法達到數(shù)據(jù)對比的目的。

相對PC，手機屏幕展示的區(qū)域有限，不適宜展現(xiàn)數(shù)據(jù)緯度過多的數(shù)據(jù)。假設我們遇到數(shù)據(jù)緯度眾多的數(shù)據(jù)，我們可以通過橫軸交互來增加數(shù)據(jù)展示區(qū)域。

我們還可以對數(shù)據(jù)進行梳理清洗，通過增加交互步驟減少用戶的記憶負擔，分段查看數(shù)據(jù)。例如燈塔專業(yè)版中的行業(yè)數(shù)據(jù)將電影行業(yè)中涵蓋的信息分成票房、影片數(shù)、影院數(shù)、銀幕數(shù)等維度進行分析。

4.場景分析

柱狀圖

柱狀圖擅長對不同類型的數(shù)據(jù)進行數(shù)值比較，柱狀圖之間的條目相對獨立，數(shù)據(jù)之間不需要有邏輯的關聯(lián)性。我們常用的柱狀圖分為橫向柱狀圖和縱向柱狀圖，如下圖：

兩者的區(qū)別在于縱向柱狀圖帶有一定的邏輯關系，可用于 TOP 排名，數(shù)值越大的位置越靠上。例如 iOS 系統(tǒng)中會記錄你最常使用的 App 形成縱向柱狀圖，并按照使用 App 的時長大小進行一次排列。

橫向柱狀圖

橫向柱狀圖只需在以 X 軸為基線通過對比柱形圖的長短就可以進行數(shù)據(jù)比較，因其簡潔、直白的設計形式深受用戶們的喜愛，應用領域極廣，是我們最常見到的圖表形式之一。例如在支付寶中會顯示用戶每月的消費，并能通過橫軸交互查看更多數(shù)據(jù)。

縱向柱狀圖

縱向柱狀圖以 Y 軸為基線通過對比柱形圖的長短就可以進行數(shù)據(jù)比較，縱向柱狀圖區(qū)別于橫向柱狀圖的地方在于：在具有一定關聯(lián)性的數(shù)據(jù)種類進行比較的時候，可以通過數(shù)值的大小依次排列顯示明確數(shù)據(jù)等級關系。例如網(wǎng)易有錢中會按照你消費的品類數(shù)值的大小進行排布，讓用戶明確知道自己在那一方面消費最多，并且依靠 Y 軸交互我們可以向下滑動查看更多數(shù)據(jù)信息。