“動效所在的頁面和位置——這是一個怎樣的動效——這個頁面的使用場景是怎樣的——為什么要這樣設(shè)計——是否達到設(shè)計目標”走敌。今天來看第三個案例蠢熄。
③ 貼吧首頁推薦加載動畫
加載動畫
1.這個動效出現(xiàn)在百度貼吧app的各個加載/刷新頁面中。這里以首頁頂部tab切換時的動畫作為例子奔害。
2.這是一只奔跑中的百度熊孩子楷兽，動作有趣、形象可愛舀武，小熊下方有“加載中…”文字拄养，提醒用戶這是個加載過渡頁面离斩。
3.百度熊孩子的奔跑動畫被設(shè)計在百度貼吧的各個加載/刷新頁面中银舱。一般用戶注意到這個頁面時，說明用戶當前的網(wǎng)絡(luò)環(huán)境并不理想跛梗，或者系統(tǒng)/硬件問題寻馏，導致應(yīng)用加載緩慢。
4.應(yīng)用正在加載時核偿，產(chǎn)品應(yīng)該給予用戶適當?shù)姆答伋锨贰Ｌ貏e是百度貼吧這種以內(nèi)容為首的應(yīng)用，用戶對內(nèi)容是比較渴求的漾岳，如果出現(xiàn)空白的頁面轰绵，會加重用戶等待時的焦慮感，甚至懷疑是不是手機/應(yīng)用出錯了尼荆。因此：①反饋用戶正在加載內(nèi)容左腔，而不是手機/應(yīng)用出了問題，了解應(yīng)當前的情況捅儒；②活潑可愛的小熊讓用戶心生愉悅液样，減少等待加載時的焦慮感振亮；
5.這樣的設(shè)計達到了設(shè)計目標。
