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