最近有用「愛(ài)奇藝」看視頻的小可愛(ài)們一定都發(fā)現(xiàn)了播放器進(jìn)度條上多出了綠色的波浪曲線。這其實(shí)是「愛(ài)奇藝」新版本升級(jí)上線的「綠鏡曲線」功能。這個(gè)類似熱力值曲線的圖,讓倍速播放外顯。
在進(jìn)入手機(jī)端「高德地圖」界面時(shí),會(huì)出現(xiàn)天氣動(dòng)效,提示實(shí)時(shí)的天氣狀況。例如當(dāng)前地區(qū)正在下雨,進(jìn)入App之后就會(huì)出現(xiàn)下雨的動(dòng)畫場(chǎng)景。直觀形象的提醒很有沉浸感,有出行計(jì)劃的小伙伴一...
在「騰訊視頻」的「doki」頻道為愛(ài)豆打卡的界面,「粉絲值」的數(shù)據(jù)與升級(jí)反饋,是以一個(gè)在進(jìn)度條上奔跑的女孩兒的動(dòng)畫形象來(lái)呈現(xiàn)的。有趣的動(dòng)畫不僅可視化了需要展示的數(shù)據(jù),也很貼切...
「網(wǎng)易云音樂(lè)」的會(huì)員成長(zhǎng)等級(jí)及特權(quán)展示,結(jié)合了貫穿產(chǎn)品始終的黑膠唱片轉(zhuǎn)動(dòng)元素來(lái)做信息可視化呈現(xiàn)。不僅為翻看不同會(huì)員等級(jí)的交互過(guò)程增加了趣味性,切換不同等級(jí)如同轉(zhuǎn)動(dòng)黑膠唱片,還...
在「喜茶」小程序的點(diǎn)單頁(yè)面,會(huì)以進(jìn)度條的形式顯示當(dāng)前門店已有多少筆訂單,以及共計(jì)多少杯飲品正在制作中。可視化的數(shù)據(jù)呈現(xiàn)給用戶帶來(lái)掌控感,方便用戶在點(diǎn)單的同時(shí)預(yù)估自己的排隊(duì)情況...
在快遞行業(yè),當(dāng)送貨速度達(dá)到極限時(shí),通過(guò)數(shù)據(jù)的實(shí)時(shí)追蹤與可視化呈現(xiàn)讓用戶了解到一個(gè)包裹從下單到包裝、出庫(kù)、一級(jí)級(jí)轉(zhuǎn)接運(yùn)輸?shù)娜^(guò)程,利于減少用戶對(duì)快遞行業(yè)的誤解與不滿情緒。因?yàn)樘?..
在「小宇宙」App的單集播放頁(yè)中,你會(huì)發(fā)現(xiàn)播放進(jìn)度條和常規(guī)的滑塊進(jìn)度條有很大差別。除了具有常規(guī)的拖拽定位媒體的播放位置,還將用戶的點(diǎn)贊情況進(jìn)行了可視化傳達(dá)。柱子較高的片段代表...
在「餓了么」下單點(diǎn)餐時(shí),除了常規(guī)的可以按價(jià)格、銷量、活動(dòng)補(bǔ)貼與距離等條件對(duì)店鋪進(jìn)行排序和選擇,還可以直接按照配速速度進(jìn)行店鋪篩選。對(duì)于點(diǎn)外賣的用戶群體而言,多為忙碌的上班族和...
步行時(shí)使用「百度地圖」App進(jìn)行道路導(dǎo)航,系統(tǒng)會(huì)自動(dòng)計(jì)算行走路程碳減排與消耗卡路里的數(shù)值。并且步行時(shí)產(chǎn)生運(yùn)動(dòng)所消耗熱量的數(shù)值會(huì)通過(guò)食物的圖標(biāo)(比如薯?xiàng)l??、巧克力??等)呈現(xiàn)出來(lái)...
為移動(dòng)端用戶設(shè)計(jì)出清晰而有意義的圖表是一大挑戰(zhàn),「墨跡天氣」App中提供了2小時(shí)雨雪 、24小時(shí)、15天、40天天氣預(yù)報(bào)相關(guān)的圖表模式。在2小時(shí)降水全國(guó)雷達(dá)圖中,降水量隨時(shí)間...
當(dāng)今互聯(lián)網(wǎng)時(shí)代,終身學(xué)習(xí)已經(jīng)成為了很多人的共識(shí),因此各種資訊、課程、知識(shí)學(xué)習(xí)平臺(tái)也應(yīng)運(yùn)而生。「得到」作為知識(shí)付費(fèi)這一垂直領(lǐng)域的教育產(chǎn)品,在如何提高用戶完課率和學(xué)習(xí)效率的提升上...
音樂(lè)的情感表達(dá),除了通過(guò)聽覺(jué)展現(xiàn),視覺(jué)的力量同樣不容忽視。MOO音樂(lè)就通過(guò)音樂(lè)的「動(dòng)態(tài)頻譜」,讓用戶不僅能聽見好音樂(lè),還能看見音樂(lè)的節(jié)奏變化。界面的設(shè)計(jì)十分極簡(jiǎn),主要以整屏的...
「影貓mvcat」是一個(gè)專注電影推薦的聚合網(wǎng)站,它以樹狀結(jié)構(gòu)的思維導(dǎo)圖形式為用戶羅列出一系列將電影分類的關(guān)鍵詞。用戶可按照自己對(duì)題材、情感、獎(jiǎng)項(xiàng)等多種標(biāo)簽的偏好進(jìn)行篩選,這樣...
駕駛車輛出行到不熟悉的陌生地點(diǎn)時(shí),很容易開過(guò)頭或者走錯(cuò)路。「百度地圖」在到達(dá)目的地之前,會(huì)顯示一張目的地附近的實(shí)景照片來(lái)幫助駕駛員識(shí)路。實(shí)景照片比一般的提示性文字或虛擬二維圖...
周報(bào)、月報(bào)作為App常駐的復(fù)盤功能,其核心目的能夠快速、直觀且讓用戶被動(dòng)獲取多維度的階段性數(shù)據(jù)。「微信讀書」選擇了將時(shí)間可視化,變?yōu)椴ㄐ螆D,凸顯閱讀時(shí)間最長(zhǎng)當(dāng)天的數(shù)據(jù),直接作...