Nathan Yau 在《數據之美》中寫到,可視化並不僅僅是一種工具,而更像是一種媒介,能最大化幫助我們挖掘數字背後的信息,讓數據“開口”講故事。可視化設計將信息和數據轉化為用戶能夠理解的圖表、圖形和地圖等元素,通過色彩、樣式凸顯其中的變化,幫助用戶更高效的獲取信息、判斷趨勢、識別變化等。那麼在可視化設計中怎麼讓用戶能更好的看清看懂數據或信息、讓用戶快速感知數據變化、讓數據於用戶所處的情境相呼應是微交互思考的方向。
應用於當前狀態表達,幫助快速判斷
「醫鹿-新冠疫苗熱力圖」隨著新冠疫情的反複, 新冠疫苗集中接種導致的排隊情況比較突出,用戶查詢適合接種點的需求比較旺盛,希望可以快速找距離近,有苗可約、排隊時間短的接種點;該熱力圖給用戶提供一款可以快速查詢附近可約苗、少排隊的接種點工具,並通過人流量可視化來高效輔助用戶選擇合適的接種點。
「雪球股票」在 list 頁麵中,每條 item 的背景顏色會隨著實時的漲跌情況閃現紅色或綠色,在 list 頁做到實時狀態前置。通過可視化中變化的凸顯,幫助用戶快速達成目標,在最少的時間內獲取更多的信息,並引導用戶進行更深層次的探究。
應用於複雜商家後台設計,幫助提效
「餓了麼商家端」數據指標形象化:利用動效描述數據指標含義,幫助商戶更好解讀。例如下方案例:對於加購轉化這個數據指標的解釋,設計師利用動態的加購商品示意圖來演示對應操作的界定。
「餓了麼商戶端」數據切換和頁麵聯動:借助 C 端頁麵展示 B 端數據,做到一一對應且更有畫麵感。
「餓了麼商家端」利用集合符號所見即所得拖拽標簽圈選人群。將商家後台係統複雜的人群圈選操作變得更加簡便且更容易幫助商家端的運營人員理解複雜運營規則。
利用 3D 可視化,多維度展示商品
「淘寶」商品賣點的用戶參與式互動表達 :利用不同的手勢滑動屏幕控製序列幀圖片。例如案例左一圖中為了讓用戶更直觀地了解攝像頭長焦模式下的拍攝效果,用手勢操作結合畫麵變化模擬了真實長焦影像的效果。其他兩個也是利用 3D 模擬工作原理,用戶可看到寵物洗澡機可拆卸演示以及烤箱的微蒸烤箱技術實現效果。
「淘寶」3D 化商品外觀展示:720 度及任意縮放查看商品 3D 模型以及不用款式和顏色的切換查看,增加線上商品的真實感和功能細節查看。
作者微信公眾號:「AlibabaDesign」
上一篇 如何使用PS快速排版作品集?
下一篇 設計師如何快速構圖?
熱門課程
專業講師指導 快速擺脫技能困惑相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題,火星幫你解答火星時代教育的UE4智慧城市學校培訓班為學員提供了全麵係統的UE4掌握和實踐,引領行業新潮流,學習成就未來。
掌握UE4智慧城市設計的核心技術,從入門到精通,快速打造屬於自己的智慧城市,讓你的設計技能更上一層樓。火星時代教育為您提供專業......
火星時代教育為你提供專業的UE4設計學課程,讓你更深入的理解和掌握UE4的設計應用。了解UE4設計學,提升技能,提高職業競爭力。
了解UE4設計時間培訓,提升你的遊戲開發技能。火星時代教育用專業知識助您快速步入华体会hth体育app在线登录 的行列。
了解UE4設計師培訓的重要性,探索實時圖形技術與UE4設計在遊戲行業的突出地位,揭示其就業前景的廣闊性並提供專業的UE4設計師......
探索虛幻4引擎遊戲培訓的重要性,以及為何你應當選擇火星時代教育來提升你的技能和知識。
1. 打開微信掃一掃,掃描左側二維碼
2. 添加老師微信,馬上領取免費課程資源
同學您好!