? ? ? ?當我們設計產(chǎn)品的時(shí)候,我們沒(méi)有辦法模擬不同的加載速度。因此如果用戶(hù)等待太長(cháng)的時(shí)間才能看到內容,并不是我們特意的安排?! 【W(wǎng)速不穩定,尤其是當我們加載圖片或音樂(lè )時(shí),時(shí)間會(huì )較長(cháng)。在這種情況下,我們不得不考慮在這種間隙向用戶(hù)展示什么內容才能讓他們感覺(jué)不枯燥?! 〖虞d動(dòng)圖(Spinner)效果不佳 加載 Spinner 并不是暗示加載或思考的正確方式。默認加載圖標(例如 iOS 的加載動(dòng)畫(huà)效果是從中心點(diǎn)輻射的灰色線(xiàn)條)通常具有消極的含義。它們應用于多種操作系統功能之中,包括設備啟動(dòng)、連接到網(wǎng)絡(luò )或者加載數據?! ∪藗冇憛捴豢吹郊虞d Spinner,但是卻看不多進(jìn)度或時(shí)間。讓用戶(hù)盯著(zhù)一個(gè)下載進(jìn)度條或者旋轉圈會(huì )讓跳出率提高?! 〔淮_定的等待時(shí)間比已知的、有限的等待時(shí)間讓人覺(jué)得更長(cháng)。你應該給你的用戶(hù)一個(gè)清晰地等待時(shí)間?! ∵M(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ù)的參與度,可以使用仿真內容作為文本和圖片?! c(diǎn)小建議: 1、加載屏幕不應該太亮。不需要太吸引眼球。Facebook 的灰色 Placeholder 就是一個(gè)很好的例子。當加載內容時(shí)使用模板元素,讓用戶(hù)熟悉將要加載的內容的整體結構?! ?、如果要加載圖片,你可以在 placeholder 中使用加載圖片的主色調。Medium 的圖片加載效果比較好。首先加載一個(gè)小型的模糊圖片,然后轉化成一個(gè)清晰的大圖片?! ∈褂?placeholder 和仿真內容并沒(méi)有加快加載過(guò)程,但是在用戶(hù)眼中加載速度好像變快了?! 》稚⒂脩?hù)的注意力 為了不讓用戶(hù)在等待時(shí)感到枯燥,可以適當分散他們的注意力。你可以使用一些有趣的、始料未及的東西吸引用戶(hù)的注意力,為 App 加載贏(yíng)得充足的時(shí)間?! ?dòng)畫(huà)片可以分散訪(fǎng)客的注意力,讓他們忽略加載時(shí)間?! 〗Y論 用戶(hù)討厭等待,如果你讓用戶(hù)覺(jué)得他們沒(méi)有等待,那么他們就會(huì )喜歡你的 App。一定要讓用戶(hù)覺(jué)得 App 的加載時(shí)間比他預計的短。