關于數據:先加載還是先展示?

5 評論 20623 瀏覽 53 收藏 5 分鐘

當用戶打開你的app,你希望把數據展示給他,還任由他在上面操作,還是等數據加載好了,再給他呢?

兩種方式各有利弊:

先展示,后加載:

  • 優點:給用戶0等待的錯覺
  • 缺點:當前數據有可能是錯的,而且得等用戶操作到最后一步才會發現

先加載,后展示:

  • 優點:保證數據的質量和準確
  • 缺點:網絡不好時,造成等待

這是項目進行了快一個月的今天,我在驗收產品時發現的一個小細節問題。乍一眼看起來好像沒什么太大的爭議,但是當我發現我們的產品采用的是第一種方式,而且我直到操作到最后一步才發現我上當了的時候,我的內心是極度崩潰的T_T。于是在第一時間找到了攻城獅。然后我倆的對話,一直在上面的兩個利弊中盤旋。

還原場景:

作為一個用戶,我既不希望等待,也不希望被騙,然而,最不希望的其實是被騙,這種心情大概是這樣的:

265765-b77d481dc631cb41

那到底是先加載還是先展示呢?我的答案是,當需加載的是功能時,可以先展示再加載,當需加載的是內容時,則反過來。

何解,用實例說話(僅針對電商類APP):

淘寶

打開APP的第一個頁面是功能,所以先展示再加載的:

265765-6ec71d690f13b6d2

隨便點擊一個模塊(不要點菜單),下面要展示的將要是內容(商品),所以是先加載再展示的,沒有加載完都不展示:

265765-25df96da76cd3390

京東

同樣的,功能模塊先展示后加載

265765-1beba89b2b54e517

內容先加載,沒加載完不展示:

265765-12c0023fc76097a4

平安萬里通

同樣,功能模塊先加載:

265765-9ed90973da9fd15f

內容沒加載完不展示:

265765-9b6ff541ffe0f7f9

有沒有發現什么蹊蹺之處?

顯然,功能模塊對于一個產品來說是既有固定的,在短時間內幾乎不會更新,所以這種數據出現錯誤或與當前狀態不同的幾率小得多,因此,可以使用先展示后加載的方式。

另一方面,內容(特別是商品數據)是最容易產生變動的,為了保證每一個消費者看到的數據都是最真實,最準確的,所以務必要先加載再展示。

最后在我的曉之以情,動之以理的勸說之下,攻城獅總算同意了把我們的預約理發師內容改成了先加載再展示的方式。

特別鳴謝:

勇勇童鞋|首席IOS開發攻城獅@優剪生活

#專欄作家#

康小胖,人人都是產品經理專欄作家,產品經理。專注專注O2O電子商務,堅決擁護用講故事的思維做產品,關注旅游行業及移動互聯網,愛好圓珠筆涂鴉。

本文系作者獨家授權發布,未經本站許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 首頁功能可寫進,先展示后加載;之后的可以先加載后顯示

    來自上海 回復
  2. 樓主的方法非常實用,真棒!

    來自廣東 回復
  3. 樓主提供的是兩種方式的選擇方法,挺實用的,總結來說就是具體情況具體分析。

    來自北京 回復
  4. WiFi隨處是,4g以普及,用戶也不會加載太長時間,相對而言數據的真實展現顯得尤為重要?。?!

    來自北京 回復
  5. 模塊既有緩存,也能保證加載速度

    棒棒噠

    來自中國 回復