<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 可視化設計如何打動人心?

          2020-11-27    濤濤

          Nathan Yau 在《數據之美》中寫到,可視化并不僅僅是一種工具,而更像是一種媒介,能最大化幫助我們挖掘數字背后的信息,讓數據「開口」講故事。

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

          降低理解難度

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

          可視化設計如何打動人心?我總結了這4個方法

          1. 支付寶-基金指數

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

          可視化設計如何打動人心?我總結了這4個方法

          2. 支付寶-基金收益

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

          可視化設計如何打動人心?我總結了這4個方法

          3. 手機淘寶-金幣小鎮

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

          讓用戶感知變化

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

          可視化設計如何打動人心?我總結了這4個方法

          1. AirVisual-空氣質量指標

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

          可視化設計如何打動人心?我總結了這4個方法

          2. 我的天氣-3D地圖

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

          可視化設計如何打動人心?我總結了這4個方法

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

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

          呼應用戶所在情景

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

          可視化設計如何打動人心?我總結了這4個方法

          1. 高德-導航

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

          可視化設計如何打動人心?我總結了這4個方法

          2. 高德-用時預估

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

          提升數據操控感

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

          可視化設計如何打動人心?我總結了這4個方法

          1. 攜程-機票票價對比

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

          可視化設計如何打動人心?我總結了這4個方法

          2. 攜程-機票低價提醒

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

          文章來源:優設   作者:AlibabaDesign

          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          日日噜噜夜夜狠狠久久丁香五月| 久久久久久国产精品无码超碰| 精品一区二区久久| 久久99精品国产麻豆婷婷| 欧美粉嫩小泬久久久久久久| 久久综合狠狠综合久久综合88| 久久精品aⅴ无码中文字字幕重口| 伊人热人久久中文字幕| 欧美伊人久久大香线蕉综合| 久久99热这里只有精品国产| 999久久久国产精品| 九九精品久久久久久噜噜| 成人国内精品久久久久影院| 国产香蕉久久精品综合网| 婷婷综合久久中文字幕蜜桃三电影 | 亚洲狠狠综合久久| 亚洲人成无码网站久久99热国产| 国产69精品久久久久777| 亚洲Av无码国产情品久久| 99精品伊人久久久大香线蕉| 漂亮人妻被中出中文字幕久久 | 久久精品国产72国产精福利| 99久久国产综合精品麻豆| 青青草国产97免久久费观看| 高清免费久久午夜精品| 久久精品国产亚洲av麻豆蜜芽 | 久久精品免费观看| 久久精品九九亚洲精品| 亚洲精品国产综合久久一线| 国产亚州精品女人久久久久久 | 香港aa三级久久三级| 久久久久亚洲AV片无码下载蜜桃 | 久久精品男人影院| 国产情侣久久久久aⅴ免费| 波多野结衣中文字幕久久| 欧美亚洲国产精品久久高清| 久久精品国产精品亚洲| 久久99精品久久久久久不卡| 久久国产成人| 亚洲精品无码久久久久AV麻豆| 99久久精品国产综合一区|