可視化設計如何打動人心？

Nathan Yau 在《數據之美》中寫到，可視化並不僅僅是一種工具，而更像是一種媒介，能最大化幫助我們挖掘數字背後的信息，讓數據「開口」講故事。那可視化設計如何打動人心呢？

可視化設計將信息和數據轉化為用戶能夠理解的圖表、圖形和地圖等元素，通過色彩、樣式凸顯其中的變化，幫助用戶更高效的獲取信息、判斷趨勢、識別變化等。那麼在可視化設計中怎麼讓用戶能更好的看清看懂數據或信息、讓用戶快速感知數據變化、讓數據於用戶所處的情境相呼應是微交互思考的方向。

降低理解難度

通過可視化表達，將不易理解的信息呈現的更加清晰明了，幫助用戶理解吸收。

1. 支付寶-基金指數

運用一般人對紅綠燈的理解，將其綠燈行紅燈停的概念，運用在基金投資上，幫助新手能簡單理解指數估值的走勢，更容易去判斷該基金買賣的時機，綠燈為值得購買，紅燈為建議賣出。

2. 支付寶-基金收益

欲購買基金時，透過尺標的形式選擇購買金額，同時下方展示購買該金額的預期收益，並用實際生活中的物品舉例，幫助用戶理解獲益的金額價值。

3. 手機淘寶-金幣小鎮

做任務簽到獲取能量，使用進度條的形式，來表達能量與金幣值轉換的關係，如當前獲取多少的能量，能兌換成多少金幣。

讓用戶感知變化

可視化中的變化凸顯能幫助用戶快速達成目標，在最少的時間內獲取更多的信息，並引導用戶進行更深層次的探究。可視化中的變化凸顯能幫助用戶快速達成目標，在最少的時間內獲取更多的信息，並引導用戶進行更深層次的探究。

1. AirVisual-空氣質量指標

依據顏色與人臉圖形表達空氣質量程度，顏色從綠黃橙紅紫暗紫色，人臉圖形從開心、難過的表情、戴口罩到戴防毒麵具等，來表達空氣質量從好到壞，讓用戶能直接看到顏色與圖形就能感知到當前情況，且知道對應的防範方式。

2. 我的天氣-3D地圖

日出日落的時間以動態的地球展示，地球滑動操作，讓用戶能實際感知到地球的光照情況。

3. 騰訊手機管家-充電狀態

手機充電時，以整個屏幕作為充電量的比例展示，以虛擬鴨子遊水的有趣形象，透過水位的高低表達當前已經充電到達的數值。

呼應用戶所在情景

在可視化中增加與用戶情境相關的元素，能夠讓用戶獲得更貼切，更直接的信息感知。

1. 高德-導航

當開車導航的當下，如果車速過快，在屏幕的雙側會顯示紅色的超速效果提示，比起左上角的車速展示，能更直接快速的感知到已經超速了。

2. 高德-用時預估

查看行程導航的預估用時，運用柱狀圖直觀展示不同出發時間到達目的地的所需時間，滑動時有震動的切換效果，同時上方地圖會顯示該時段路途上的擁堵情況，顯示預計到達時間。

提升數據操控感

提供足夠便捷的篩選或操控組件，方便用戶查看更多視圖空間，快速定位想要的內容。

1. 攜程-機票票價對比

運用柱狀圖展示不同日期的機票票價，能直觀看出價格間的差異，點擊後，可切換到該日期，查看具體航班資訊。

2. 攜程-機票低價提醒

機票的價格是浮動的，可透過低價提醒的設置，主動提示用戶票價已到達該預期價位，設置時如果價格設置的過低，到達的可能性越低，因此以價格滑動條操作，並以綠橙紅表達成功率的高低做提示。

作者：AlibabaDesign

來源：優設網