10個(gè)創(chuàng)意丨加載指示器

系統(tǒng)狀態(tài)的可見性是用戶界面設(shè)計(jì)中最重要的原則之一。

良好的交互設(shè)計(jì)提供反饋

雖然應(yīng)用程序或網(wǎng)站的即時(shí)響應(yīng)是最好的,但有時(shí)您的產(chǎn)品將無法遵守速度指南。互聯(lián)網(wǎng)連接不良可能導(dǎo)致響應(yīng)緩慢,或者操作本身可能需要很長時(shí)間。對(duì)于這種情況,設(shè)計(jì)人員必須向用戶保證應(yīng)用程序正在處理他們的請(qǐng)求并且正在取得實(shí)際進(jìn)展。

等待動(dòng)畫進(jìn)度指示器是在發(fā)生或加載某些事物時(shí)為用戶提供系統(tǒng)狀態(tài)的最常見形式。但是大多數(shù)等待指標(biāo)看起來很無聊,因?yàn)楫a(chǎn)品創(chuàng)建者只是使用默認(rèn)加載指標(biāo)(無論他們?cè)O(shè)計(jì)的系統(tǒng)是什么提供它們)。

無限加載微調(diào)器通知用戶正在加載內(nèi)容。

如果你不能縮短線路,你應(yīng)該至少嘗試讓用戶更加愉快。

創(chuàng)意進(jìn)度指標(biāo)可以減少用戶對(duì)時(shí)間的感知。如果一個(gè)應(yīng)用程序在等待時(shí)為用戶提供了一些有趣的東西,那么這會(huì)讓用戶更少關(guān)注等待本身。因此,為了確保人們?cè)诘却虑榘l(fā)生時(shí)不會(huì)覺得無聊,設(shè)計(jì)師可以讓他們分心。

在本文中,我想探討加載指標(biāo)的十個(gè)令人興奮的概念。

1.面試正在加載......

使用等待時(shí)間向他們的團(tuán)隊(duì)介紹訪客

2.加載圣誕禮物

它看起來像一個(gè)應(yīng)用程序正在加載禮物。

3.可愛的貓

設(shè)計(jì)師可以使用能夠產(chǎn)生強(qiáng)烈積極(希望)情緒的東西,而不是使用系統(tǒng)加載微調(diào)器。

4.雙螺旋

此加載動(dòng)畫會(huì)創(chuàng)建3D變換效果。

5.尋找最佳航班

用戶選擇航班的起點(diǎn)和終點(diǎn)并單擊“搜索”按鈕后,動(dòng)畫將顯示從起點(diǎn)到目的地的航班

6.將數(shù)據(jù)保存到云端

此加載指示符基于將文件上載到云的隱喻。垂直進(jìn)度條幾乎完全按字面意思。

7.使裝載過程感覺活著

這個(gè)動(dòng)畫使加載的過程看起來令人興奮,因?yàn)榭粗腥俗咪摻z

8.閃屏的精美動(dòng)畫

設(shè)計(jì)精美的啟動(dòng)畫面與精美的動(dòng)畫相結(jié)合,可以為應(yīng)用程序開發(fā)人員提供額外的幾秒鐘時(shí)間來下載所有必需的數(shù)據(jù)。

9.拉動(dòng)以刷新動(dòng)畫

這種刷新動(dòng)畫具有明確的功能目的。它連接兩個(gè)狀態(tài) - 更新前后。

10.文件上傳動(dòng)畫

此動(dòng)畫是平滑狀態(tài)轉(zhuǎn)換的一個(gè)很好的例子。最終復(fù)選標(biāo)記通知用戶操作成功。


結(jié)論

雖然上面提到的所有效果都可以改善用戶體驗(yàn),但最好不要過度使用它們。第一次看起來有趣和可愛的東西,在100次之后可能看起來很乏味和可預(yù)測(cè)。創(chuàng)意加載效果也無法解決加載時(shí)間慢的問題。當(dāng)用戶一遍又一遍地看到相同的加載效果時(shí),他們很快就會(huì)開始指責(zé)應(yīng)用程序的加載時(shí)間很慢。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容