loading資料載入的6種形式

2022-08-31 12:33:13 字數 1128 閱讀 6268

當有文字和時,會比文字載入的慢,這個時候往往文字先載入出來,在載入過程中使用佔位符,直到載入成功。當載入的頁面內容有固定的框架時,可以先載入框架,再載入框架內的內容。

通過先載入頁面框架,設計佔位符等形式可以減少使用者的心理等待時長,提高產品體驗。

twitter當年提出下拉重新整理,並被廣泛使用,讓使用者能夠手動對當前頁面進行更新,載入的loading樣式可以做進一步設計,例如qq將loading動畫和下拉手勢結合起來,增加了趣味性;豆瓣把loading做成了笑臉,給予了產品人性化的設計。

豆瓣&qq

當你瀏覽資訊時,不停的向上滑動,新的內容會不停的從底部出現,這種方式稱為自動載入。關於自動載入,要注意每次載入多少條內容,或者多少屏的內容,我無聊的數了數今日頭條每次會自動載入60條新聞。

知乎&same

當網路狀態不好時,可以考慮載入低質量的,當網路良好時,則載入高質量的。同理,當檢測到使用者正在使用蜂窩資料時,則顯示佔位符而不顯示,當使用wifi時則直接載入出。這些設計方案都是站在使用者的角度,真正的替使用者著想,為使用者帶來價值,使用者才會真正喜歡上你的產品。

知乎:蜂窩&wifi狀態

由於存在網速不快,網路異常,伺服器異常等情況,讓使用者等待的情況是必不可少的。但是我們都知道,等待會產生焦慮感,分分鐘讓使用者解除安裝你的產品,那麼我們可以通過哪些手段來降低或緩解使用者的焦慮感?

回到文章的開頭,作為產品設計人員,不應該把視野侷限在人與客戶端互動,也要把客戶端和服務端之間的資料傳輸考慮進來,站在使用者、客戶端和伺服器閉環的角度去思考產品,只有這樣,才能設計出體驗更好的資料載入方案,而不會有失偏頗。

UIWebView載入Loading 兩種方法

from 第一種方法 使用uiview and uiactivityindicatorview 建立uiwebview webview uiwebview alloc initwithframe cgrectmake 0 44 320 400 webview setuserinteractionen...

UIWebView載入Loading 兩種方法

uiwebview載入loading.兩種方法 第一種方法 使用uiview and uiactivityindicatorview 建立uiwebview webview uiwebview alloc initwithframe cgrectmake 0,44,320,400 webview s...

UIWebView載入Loading 兩種方法

第一種方法 使用uiview and uiactivityindicatorview 建立uiwebview webview uiwebview alloc initwithframe cgrectmake 0,44,320,400 webview setuserinteractionenabled...