當我們設計產(chǎn)品的時(shí)候，我們沒(méi)有辦法模擬不同的加載速度。因此如果用戶(hù)等待太長(cháng)的時(shí)間才能看到內容，并不是我們特意的安排的。

在網(wǎng)速不穩定的情況下，尤其是當我們加載圖片或音樂(lè )時(shí)，時(shí)間會(huì )較長(cháng)。在這種時(shí)候，我們不得不考慮在這這種間隙向用戶(hù)展示什么內容才能讓他們感覺(jué)不枯燥。接下來(lái)合肥微信開(kāi)發(fā)告訴你如何讓用戶(hù)覺(jué)得你的APP加載速度很快。

加載動(dòng)圖（Spinner）效果不佳

  加載 Spinner 并不是暗示加載或思考的正確方式。默認加載圖標（例如 iOS 的加載動(dòng)畫(huà)效果是從中心點(diǎn)輻射的灰色線(xiàn)條）通常具有消極的含義。它們應用于多種操作系統功能之中，包括設備啟動(dòng)、連接到網(wǎng)絡(luò )或者加載數據。

  人們討厭只看到加載 Spinner，但是卻看不多進(jìn)度或時(shí)間。讓用戶(hù)盯著(zhù)一個(gè)下載進(jìn)度條或者旋轉圈會(huì )讓跳出率提高。

不確定的等待時(shí)間比已知的、有限的等待時(shí)間讓人覺(jué)得更長(cháng)。你應該給你的用戶(hù)一個(gè)清晰地等待時(shí)間。

  進(jìn)度條可以告訴用戶(hù)這個(gè)過(guò)程需要花費多長(cháng)時(shí)間，雖然一般不太正確。不夠你可以通過(guò)一些方法隱藏過(guò)程中的延遲，例如你可以在開(kāi)始的時(shí)候讓速度顯示地快一點(diǎn)，在結尾的時(shí)候，顯示速度慢一點(diǎn)。進(jìn)度條不應該中斷，否則用戶(hù)就會(huì )認為這個(gè) App 卡住了。

后臺操作

  在后臺操作中包含行為有兩個(gè)優(yōu)點(diǎn)——用戶(hù)可見(jiàn)；在用戶(hù)真正發(fā)出請求時(shí)就會(huì )加載完畢。當程序在后臺運營(yíng)時(shí)，給用戶(hù)呈現一些其他的內容。一個(gè)很好的案例是在 Instagram 中加載圖片。用戶(hù)一旦選擇想要分享的圖片，就開(kāi)始加載。

  在后臺加載圖片的過(guò)程中，Instagram 邀請用戶(hù)添加標題和標簽，當用戶(hù)準備按 “分享” 鍵時(shí)，加載過(guò)程就完成了，這時(shí)候就可以立刻分享圖片了。

仿真內容和 Placeholder（占位符）

 如果你無(wú)法縮短加載時(shí)間，那么你應該試圖讓用戶(hù)在等待中更高興一點(diǎn)?？梢岳眠@個(gè)時(shí)間顯示一些臨時(shí)的信息。為了提高用戶(hù)的參與度，可以使用仿真內容作為文本和圖片。

幾點(diǎn)小建議：

1、加載屏幕不應該太亮，不需要太吸引眼球。Facebook 的灰色 Placeholder 就是一個(gè)很好的例子。當加載內容時(shí)使用模板元素，讓用戶(hù)熟悉將要加載的內容的整體結構。

  2、如果要加載圖片，你可以在 placeholder 中使用加載圖片的主色調。Medium 的圖片加載效果比較好。首先加載一個(gè)小型的模糊圖片，然后轉化成一個(gè)清晰的大圖片。

  使用 placeholder 和仿真內容并沒(méi)有加快加載過(guò)程，但是在用戶(hù)眼中加載速度好像變快了。

分散用戶(hù)的注意力

  為了不讓用戶(hù)在等待時(shí)感到枯燥，可以適當分散他們的注意力。你可以使用一些有趣的、始料未及的東西吸引用戶(hù)的注意力，為 App 加載贏(yíng)得充足的時(shí)間。

動(dòng)畫(huà)片可以分散方可的注意力，讓他們忽略加載時(shí)間。

結論

  用戶(hù)討厭等待，如果你讓用戶(hù)覺(jué)得他們沒(méi)有等待，那么他們就會(huì )喜歡你的 App。一定要讓用戶(hù)覺(jué)得 App 的加載時(shí)間比他預計的短。