文章主要從技術(shù)、產(chǎn)品和品牌三個(gè)層面對(duì)「下拉刷新」操作做一個(gè)深度的解讀和玩法。

現(xiàn)在，交互方式不斷進(jìn)步演變，「下拉刷新」不再只是一個(gè)簡(jiǎn)單的功能，對(duì)用戶來(lái)說(shuō)屬于高頻次操作。越來(lái)越多的設(shè)計(jì)者們?yōu)槠滟x予新的價(jià)值。今天針對(duì)這個(gè)「下拉刷新」操作從技術(shù)、產(chǎn)品和品牌三個(gè)層面做一個(gè)深度的解讀和玩法。

其實(shí)關(guān)于刷新這個(gè)功能是否有存在的必要在這兩年存在很大的爭(zhēng)議。有的人認(rèn)為系統(tǒng)自動(dòng)刷新完全可以替代手動(dòng)刷新解決用戶基礎(chǔ)需求，但事實(shí)卻刷新已經(jīng)是使用的很泛濫了，甚至已經(jīng)成為用戶必要操作習(xí)慣之一。

我將刷新分成windows系統(tǒng)刷新，網(wǎng)頁(yè)刷新和app下拉刷新三大發(fā)展階段。

系統(tǒng)右鍵刷新：windows遺留的坑

系統(tǒng)桌面右鍵刷新幾乎每天都有人在使用，而這個(gè)功能的存在其實(shí)windows系統(tǒng)的讓用戶來(lái)填的一個(gè)坑。而且時(shí)間久了，成為用戶習(xí)慣了就沒(méi)人在意。

windows刷新最直接的作用就是刷新能讓文件重新排序、歸類(lèi)和恢復(fù)到最新數(shù)據(jù)狀態(tài)。在速度上其實(shí)也有一定的提升。因?yàn)橛脩舾脑O(shè)置后，注冊(cè)表發(fā)生更改，系統(tǒng)運(yùn)行速度會(huì)慢一點(diǎn)，刷新后可以讓更改后的設(shè)置生效。

舉例，在域環(huán)境的文件共享創(chuàng)建了一個(gè)文件夾必須更新后才能顯示。很多xx管家其實(shí)就刪除注冊(cè)表讓系統(tǒng)變得更快就是這個(gè)原理。從現(xiàn)在技術(shù)層面理解可以解決這個(gè)問(wèn)題。而因這個(gè)windows歷史遺留問(wèn)題把這個(gè)坑位強(qiáng)加成為用戶的一個(gè)習(xí)慣。

網(wǎng)頁(yè)花式刷新：黃金坑的價(jià)值衍生

剛提到刷新是windows留下的坑位，的確這個(gè)坑位讓用戶接受了并在網(wǎng)頁(yè)時(shí)代讓其價(jià)值無(wú)限放大?？梢岳斫獬牲S金刷新。

刷新最直接的作用就是處理緩存問(wèn)題，不同的刷新方式有著不同的緩存機(jī)制。大致可以分為四種。

• 按F5刷新
• ctrl+F5刷新
• 轉(zhuǎn)至地址欄+enter刷新

F5刷新是不允許使用本地緩存，因此Last-Modified能起作用，但Expires無(wú)效。而Ctrl+F5是強(qiáng)制刷新，緩存機(jī)制失效。轉(zhuǎn)至”或地址欄里回車(chē)是正常的訪問(wèn)，Last-Modified和Expires都有效。

其實(shí)這可以這樣理解：

在用戶端瀏覽器刷新時(shí)把上一次的post參數(shù)記下來(lái)原封不動(dòng)傳輸?shù)椒?wù)器，在這個(gè)時(shí)候用戶端做任何操作行為系統(tǒng)都不予理會(huì)而是把上次所有post的數(shù)據(jù)全部重新發(fā)送給服務(wù)器。

到了web時(shí)代刷新功能已經(jīng)被開(kāi)發(fā)者玩出各種新高度。比如刷新加載最新緩存的數(shù)據(jù)。在網(wǎng)速差或者請(qǐng)求不到服務(wù)器的時(shí)候會(huì)做一些體驗(yàn)好的交互表現(xiàn)，例如“哎呦喂，這個(gè)頁(yè)面找不到了”。谷歌在這方面其實(shí)也做了一些事情。最典型的是谷歌瀏覽器在無(wú)法加載到網(wǎng)頁(yè)時(shí)候會(huì)自動(dòng)觸發(fā)一個(gè)恐龍小游戲。這是一種解決降低用戶在體驗(yàn)的時(shí)候煩躁程度。

App下拉刷新：被開(kāi)發(fā)者玩出了新高度

很多用戶特別沉迷于今日頭條和網(wǎng)易新聞這種feed App，幾乎每天上班下班閑暇時(shí)間都在不斷刷新聞。而最值得提的是這個(gè)刷新的次數(shù)要比看信息次數(shù)多很多。在沒(méi)有信號(hào)的時(shí)候瘋狂刷，看完信息的時(shí)候刷，不想看這類(lèi)信息的時(shí)候刷，甚至無(wú)聊發(fā)呆的時(shí)候也在刷。

有多少人知道下拉刷新這個(gè)操作已經(jīng)是tiwtter率先提出來(lái)了，而起在年5月份成功申請(qǐng)了該項(xiàng)專利，雖然對(duì)外聲明是防御性專利，但它的價(jià)值已經(jīng)必然被所有開(kāi)發(fā)者玩的很high了（不知道tiwtter什么時(shí)候開(kāi)始收費(fèi)）。隨著app的下拉刷新被廣泛應(yīng)用，產(chǎn)品經(jīng)理們把所有目光都放在app上，自然就誕生了app下拉刷新功能新的歷史使命和作用。app的刷新價(jià)值其實(shí)就歸位三類(lèi)，數(shù)據(jù)加載，品牌溢出和業(yè)務(wù)體驗(yàn)等三項(xiàng)。目前這三類(lèi)價(jià)值都得到了很全面的體現(xiàn)。

我們現(xiàn)在聊聊下拉刷新的技術(shù)實(shí)現(xiàn)原理。

app下拉刷新其實(shí)就是下拉加載最新的數(shù)據(jù)，無(wú)非就是操作動(dòng)作不同和數(shù)據(jù)類(lèi)型不同的區(qū)分。

• 操作動(dòng)作：手指觸發(fā)（上拉，下拉和點(diǎn)擊），搖一搖和語(yǔ)音觸發(fā)
• 數(shù)據(jù)類(lèi)型：最新數(shù)據(jù)，個(gè)性化數(shù)據(jù)和歷史數(shù)據(jù)。

很多人提到下拉刷新和上拉加載有什么區(qū)別，其實(shí)原理都是一樣的。都在時(shí)內(nèi)容看完后，系統(tǒng)為了響應(yīng)用戶觸摸事件而在頂部或者地步顯示一個(gè)刷新試圖，在系統(tǒng)操作完成后再隱藏掉。

再回到數(shù)據(jù)層面，大部分app都是為了推送最新數(shù)據(jù)給用戶。除開(kāi)一些feed app要保證讓用戶獲得更好的內(nèi)容體驗(yàn)，根據(jù)用戶瀏覽行為賦予一些個(gè)性化推送機(jī)制。從而保證用戶在操作時(shí)獲取自己感興趣的內(nèi)容。

下一篇文章將會(huì)從數(shù)據(jù)加載，品牌溢出和業(yè)務(wù)體驗(yàn)三方面重點(diǎn)講app的下拉刷新的歷史使命和價(jià)值體現(xiàn)。

本文系作者@瘋狂老斑鳩 獨(dú)家授權(quán)發(fā)布，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自u(píng)nsplash，基于CC0協(xié)議