當我們設計產品的時候,我們沒有辦法模擬不同的載入速度。因此如果使用者等待太長的時間才能看到內容,並不是我們特意的安排。
網速不穩定,尤其是當我們載入圖片或音樂時,時間會較長。在這種情況下,我們不得不考慮在這種間隙向用戶展示什麼內容才能讓他們感覺不枯燥。
載入動圖(Spinner)效果不佳
載入Spinner並不是暗示載入或思考的正確方式。預設載入圖示(例如iOS的載入動畫效果是從中心點輻射的灰色線條)通常具有消極的含義。它們應用於多種操作系統功能之中,包括裝置啟動、連線到網路或者載入資料。
人們討厭只看到載入Spinner,但是卻看不多進度或時間。讓使用者盯著一個下載進度條或者旋轉圈會讓跳出率提高。
不確定的等待時間比已知的、有限的等待時間讓人覺得更長。你應該給你的使用者一個清晰地等待時間。
進度條可以告訴使用者這個過程需要花費多長時間,但是一般不太正確。你可以通過一些方法隱藏過程中的延遲,例如你可以在開始的時候讓速度顯示地快一點,在結尾的時候,顯示速度慢一點。進度條不應該中斷,否則使用者就會認為這個App卡住了。
後臺操作
在後臺操作中包含行為有兩個優點——使用者可見;在使用者真正發出請求時就會載入完畢。當程式在後臺運營時,給使用者呈現一些其他的內容。一個很好的案例是在Instagram中載入圖片。使用者一旦選擇想要分享的圖片,就開始載入。
在後臺載入圖片的過程中,Instagram邀請使用者新增標題和標籤,當用戶準備按「分享」鍵時,載入過程就完成了,這時候就可以立刻分享圖片了。
模擬內容和Placeholder(佔位符)
如果你無法縮短載入時間,那麼你應該試圖讓使用者在等待中更高興一點。可以利用這個時間顯示一些臨時的資訊。爲了提高使用者的參與度,可以使用模擬內容作為文字和圖片。
幾點小建議:
1、載入螢幕不應該太亮。不需要太吸引眼球。Facebook 的灰色Placeholder就是一個很好的例子。當載入內容時使用模板元素,讓使用者熟悉將要載入的內容的整體結構。
2、如果要載入圖片,你可以在placeholder中使用載入圖片的主色調。Medium的圖片載入效果比較好。首先載入一個小型的模糊圖片,然後轉化成一個清晰的大圖片。
使用placeholder和模擬內容並沒有加快載入過程,但是在使用者眼中載入速度好像變快了。
分散使用者的注意力
爲了不讓使用者在等待時感到枯燥,可以適當分散他們的注意力。你可以使用一些有趣的、始料未及的東西吸引使用者的注意力,為App載入贏得充足的時間。
動畫片可以分散訪客的注意力,讓他們忽略載入時間。
結論使用者討厭等待,如果你讓使用者覺得他們沒有等待,那麼他們就會喜歡你的App。一定要讓使用者覺得App的載入時間比他預計的短。
本文來自36氪