淺談APP設(shè)計(jì)中的緩存、加載與刷新

1 評(píng)論 28607 瀏覽 422 收藏 6 分鐘

百度搜索“為什么”,大約有100000000條搜索結(jié)果。Why?常常出現(xiàn)在情侶的爭(zhēng)吵中,同時(shí)也推動(dòng)著社會(huì)各方面的進(jìn)步。面對(duì)著自己設(shè)計(jì)出來的產(chǎn)品,要多問為什么,然后再講給別人,所以今天的故事我們從“為什么”開始講起。

1、緩存

APP中顯示的數(shù)據(jù)除了從服務(wù)器獲取,還有一個(gè)數(shù)據(jù)來源就是本地?cái)?shù)據(jù)庫(緩存),它給我們的設(shè)計(jì)增加了很多豐富性。

那么為什么要加緩存?

場(chǎng)景一:【等待】,在向服務(wù)器請(qǐng)求新的數(shù)據(jù)時(shí)。我們讓用戶看到什么?第一種是漂亮的等待加載頁面;第二種是緩存的內(nèi)容。對(duì)于第二種,用戶可以對(duì)頁面進(jìn)行操作,等待新數(shù)據(jù)時(shí)可以查看舊數(shù)據(jù),更具有“可操作性”與“可用性”,從而減輕了從服務(wù)器獲取數(shù)據(jù)這一動(dòng)作的大小和時(shí)間長短,增強(qiáng)了用戶體驗(yàn)。另一方面,如果內(nèi)容更新的間隔較長或者用戶刷新的間隔較短,在沒有緩存的情況下,很多數(shù)據(jù)我們會(huì)多次重復(fù)的向服務(wù)器獲取,增加了成本。

1

場(chǎng)景二:【結(jié)果】沒有聯(lián)網(wǎng),或者在地鐵上網(wǎng)絡(luò)太差無法加載數(shù)據(jù)時(shí),如果留給用戶一個(gè)空白頁面,實(shí)在是感覺有點(diǎn)不負(fù)責(zé)任啊。并且很多功能在沒有聯(lián)網(wǎng)的情況下也有使用的可能性,比如:APP中的通訊錄,查看一些聊天記錄,通知信息,文章列表等。因?yàn)橛脩舸蜷_APP不一定是要看新信息,說不定是回顧老信息(或許老信息里也有用戶之前沒看的),所以恰當(dāng)?shù)木彺婵梢詽M足更多的用戶場(chǎng)景。

2

場(chǎng)景三:【金錢】有一天,一個(gè)用戶發(fā)現(xiàn)自己裝了某個(gè)APP后流量用的特別快,Ta可能永遠(yuǎn)將這個(gè)APP打入冷宮了,而增加緩存正是節(jié)省流量的一個(gè)方法。雖然節(jié)省的不多或者用戶也察覺不到,但是作為一個(gè)有態(tài)度的產(chǎn)品經(jīng)理,應(yīng)該多做一些思考。

加緩存應(yīng)該注意的問題:

  1. 時(shí)間與容量限制,如果讓緩存無限制的增加,手機(jī)將不堪重負(fù),所以應(yīng)該對(duì)緩存做些限制,比如多長時(shí)間后自動(dòng)清除緩存,可緩存的最大容量是多少;
  2. 還是那句話,結(jié)合自己的產(chǎn)品。

2、加載

這里的加載特指頁面中沒有緩存數(shù)據(jù),完全從服務(wù)器加載內(nèi)容。

產(chǎn)品設(shè)計(jì)的每個(gè)角落都充滿著產(chǎn)品經(jīng)理的智慧,因?yàn)榧虞d時(shí)頁面中沒有可操作性,為了讓用戶更有耐性,那種菊花的加載動(dòng)畫被各種有意思,符合場(chǎng)景的動(dòng)畫代替。但我認(rèn)為這里面有兩個(gè)小問題:

  1. 不要給予特別大的希望,因?yàn)槿绻虞d時(shí)你讓我等待很長時(shí)間,多么有意思的動(dòng)畫都?jí)阂植蛔∥夷穷w煩躁的心。
  2. 在網(wǎng)速較快時(shí)(大部分時(shí)間網(wǎng)速都挺好的),那個(gè)動(dòng)畫一閃而過會(huì)讓我心里有點(diǎn)膈應(yīng)。所以很多APP又將加載動(dòng)畫回歸到了簡(jiǎn)單菊花樣式上去。

除了從動(dòng)畫方面改造,我們還可以考慮一下加載時(shí)提示語的內(nèi)容,我認(rèn)為大致有三個(gè)方向:

  1. 品牌,產(chǎn)品的宗旨或目標(biāo)或口號(hào);
  2. 共患難,讓用戶感覺到是網(wǎng)絡(luò)蹂躪了我們和他們,并不是我們和網(wǎng)絡(luò)一起蹂躪了用戶。
  3. 直接告訴用戶你在做什么。

3、刷新

這里的刷新特指頁面中有緩存數(shù)據(jù),從服務(wù)器獲取新數(shù)據(jù)的過程。

下拉刷新是很常見的操作習(xí)慣,但是平時(shí)的下拉會(huì)帶著整個(gè)頁面向下移動(dòng)。用戶體驗(yàn)做得越來越細(xì)后,在做下拉動(dòng)作時(shí),只是從屏幕上方拉下一個(gè)簡(jiǎn)單的刷新動(dòng)畫,降低頁面變化的動(dòng)作,增強(qiáng)用戶體驗(yàn)。QQ空間的刷新動(dòng)作做的更為輕便。

3

總結(jié):

以上是我對(duì)緩存、加載、刷新設(shè)計(jì)上的一些體驗(yàn),但是對(duì)于一個(gè)產(chǎn)品,最好的用戶體驗(yàn)的應(yīng)該是解決了用戶的實(shí)際問題。我只聽到有人說:你用這個(gè)軟件吧,在這上面真的能買到便宜的東西,用那個(gè)軟件可以每天看一些有意思的文章等等等。但是不會(huì)聽到有人這樣告訴我:你用這個(gè)軟件吧,它的加載動(dòng)畫,交互設(shè)計(jì)做的特別好…………………………

 

本文由 @耿瑞超(微信號(hào):13373926389) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 學(xué)到很多,希望能加微信。正在學(xué)習(xí)中ing 867688976

    來自北京 回復(fù)