Nathan Yau 在《數據之美》中寫到,可視化並不僅僅是一種工具,而更像是一種媒介,能最大化幫助我們挖掘數字背後的信息,讓數據「開口」講故事。那可視化設計如何打動人心呢?
可視化設計將信息和數據轉化為用戶能夠理解的圖表、圖形和地圖等元素,通過色彩、樣式凸顯其中的變化,幫助用戶更高效的獲取信息、判斷趨勢、識別變化等。那麼在可視化設計中怎麼讓用戶能更好的看清看懂數據或信息、讓用戶快速感知數據變化、讓數據於用戶所處的情境相呼應是微交互思考的方向。
降低理解難度
通過可視化表達,將不易理解的信息呈現的更加清晰明了,幫助用戶理解吸收。
1. 支付寶-基金指數
運用一般人對紅綠燈的理解,將其綠燈行紅燈停的概念,運用在基金投資上,幫助新手能簡單理解指數估值的走勢,更容易去判斷該基金買賣的時機,綠燈為值得購買,紅燈為建議賣出。
2. 支付寶-基金收益
欲購買基金時,透過尺標的形式選擇購買金額,同時下方展示購買該金額的預期收益,並用實際生活中的物品舉例,幫助用戶理解獲益的金額價值。
3. 手機淘寶-金幣小鎮
做任務簽到獲取能量,使用進度條的形式,來表達能量與金幣值轉換的關係,如當前獲取多少的能量,能兌換成多少金幣。
讓用戶感知變化
可視化中的變化凸顯能幫助用戶快速達成目標,在最少的時間內獲取更多的信息,並引導用戶進行更深層次的探究。可視化中的變化凸顯能幫助用戶快速達成目標,在最少的時間內獲取更多的信息,並引導用戶進行更深層次的探究。
1. AirVisual-空氣質量指標
依據顏色與人臉圖形表達空氣質量程度,顏色從綠黃橙紅紫暗紫色,人臉圖形從開心、難過的表情、戴口罩到戴防毒麵具等,來表達空氣質量從好到壞,讓用戶能直接看到顏色與圖形就能感知到當前情況,且知道對應的防範方式。
2. 我的天氣-3D地圖
日出日落的時間以動態的地球展示,地球滑動操作,讓用戶能實際感知到地球的光照情況。
3. 騰訊手機管家-充電狀態
手機充電時,以整個屏幕作為充電量的比例展示,以虛擬鴨子遊水的有趣形象,透過水位的高低表達當前已經充電到達的數值。
呼應用戶所在情景
在可視化中增加與用戶情境相關的元素,能夠讓用戶獲得更貼切,更直接的信息感知。
1. 高德-導航
當開車導航的當下,如果車速過快,在屏幕的雙側會顯示紅色的超速效果提示,比起左上角的車速展示,能更直接快速的感知到已經超速了。
2. 高德-用時預估
查看行程導航的預估用時,運用柱狀圖直觀展示不同出發時間到達目的地的所需時間,滑動時有震動的切換效果,同時上方地圖會顯示該時段路途上的擁堵情況,顯示預計到達時間。
提升數據操控感
提供足夠便捷的篩選或操控組件,方便用戶查看更多視圖空間,快速定位想要的內容。
1. 攜程-機票票價對比
運用柱狀圖展示不同日期的機票票價,能直觀看出價格間的差異,點擊後,可切換到該日期,查看具體航班資訊。
2. 攜程-機票低價提醒
機票的價格是浮動的,可透過低價提醒的設置,主動提示用戶票價已到達該預期價位,設置時如果價格設置的過低,到達的可能性越低,因此以價格滑動條操作,並以綠橙紅表達成功率的高低做提示。
作者:AlibabaDesign
來源:優設網
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答想要製作自己的手機遊戲嗎?火星時代教育讓您實現此目標!理論學習與實戰操作相結合,我們的專業課程將帶您逐步掌握手機遊戲製作的精髓。
了解影視後期技能培訓學校的重要性,以及火星時代教育如何幫助你成為創意工業的精英。
詳解影視概念培訓的收費模式與注意事項,以及火星時代教育在此領域的優勢和服務介紹。
火星時代教育為您詳盡介紹UI設計課程培訓價格,助你快速掌握UI設計技能,提升職場競爭力
揭示UE界麵設計的關鍵技術與實踐應用,探究如何運用設計思維和工具提升產品用戶體驗。火星時代,引領教育創新。
若你想浸入影視動畫行業,挑選一所優質的專業培訓機構至關重要。從專業設施、師資力量到畢業生就業,火星時代教育與眾不同,是靠譜的影......
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!