APP常見的幾種刷新類型

6 評論 28133 瀏覽 894 收藏 8 分鐘

這兩天無意看到一些內(nèi)容刷新案例,發(fā)現(xiàn)原來光一個刷新操作,也是有不同的刷新類型區(qū)分的,所以在這里記錄一下。

 

內(nèi)容刷新主要是為了消除因時間間隔造成的內(nèi)容或狀態(tài)不一致,通過刷新可以推送較新的內(nèi)容。刷新可以分為分為手動和自動兩種,自動刷新就不需要累贅了,進(jìn)入頁面之后,app自動與服務(wù)器提交一個請求,如果有內(nèi)容更新就會自動推送過來,然后頁面再自動更新內(nèi)容。但是有時候,比如說頁面自動刷新太慢或者在瀏覽過程中需要刷新內(nèi)容,用戶就會使用到手動刷新的方式。移動端的手動刷新一般為下拉刷新(得益于twitter的發(fā)明),極少部分頁面會通過點擊刷新按鈕刷新。

在之前沒有想到,原來不同場景下的內(nèi)容刷新,也會對應(yīng)著不同的交互反饋:空白頁面刷新失敗有提示、緩存頁面刷新失敗無提示、緩存頁面刷新失敗有提示。

空白頁面刷新失敗有提示

現(xiàn)在的應(yīng)用都標(biāo)榜以內(nèi)容為中心,所以都會極力避免空白頁面的出現(xiàn)。對于大部分的應(yīng)用,最好的方法就是使用緩存,進(jìn)入頁面之后,先顯示之前的緩存,然后再進(jìn)行內(nèi)容的刷新。其次,消滅空白頁面的第二種方法就是提供系統(tǒng)推薦項進(jìn)行替代。但是對于一些頁面,頁面內(nèi)容跟用戶的使用狀態(tài)關(guān)系密切,無法避免會出現(xiàn)空白頁面,這時候會使用一些引導(dǎo)類的提示,使得頁面變得更加豐富,同時可以促進(jìn)用戶產(chǎn)生內(nèi)容。

但是一些資訊類應(yīng)用,比如讀讀日報,打開默認(rèn)是空白頁面,然后再加載內(nèi)容(我不是很明白這種設(shè)定)。其他一些應(yīng)用,比如:豆瓣一刻和MONO,每天第一次進(jìn)入應(yīng)用的時候也會出現(xiàn)空白頁面。我猜想第二類應(yīng)用的展示方式的原因是這樣的。他們的內(nèi)容推送都是嚴(yán)格以天為單位的,每天固定時段推送精選內(nèi)容。他們會希望你每天只看并且看完當(dāng)天的東西,所以一旦到了第二天,昨天的內(nèi)容就是累贅了。所以每天第一次進(jìn)入應(yīng)用的時候會出現(xiàn)空白頁面,象征著每天都是從新開始。此時就會對應(yīng)一個“空白刷新”邏輯。

一般而言,空白頁刷新失敗之后會進(jìn)行錯誤提示,一般提示為“網(wǎng)絡(luò)有問題,請點擊重試”。如圖:

804591-d1b15be134b0979c (1)
讀讀日報

空白刷新對應(yīng)的場景是這樣子的:用戶想要刷新出內(nèi)容,并且用戶知道這里可以刷出新內(nèi)容,但是沒有刷新成功,這時候需要給用戶一個交待。所以需要提示用戶。同時,提示完用戶之后需要給用戶一個解決方法,這就是“點擊后重試”。

緩存頁面刷新失敗無提示

常見的應(yīng)用比如知乎、網(wǎng)易新聞、好奇心日報、微信朋友圈等,這些應(yīng)用都會采用緩存的形式,打開之后顯示的是緩存內(nèi)容,然后系統(tǒng)會給服務(wù)器發(fā)送請求,如果有內(nèi)容更新的話就會自動更新一次內(nèi)容,更新之后的內(nèi)容直接覆蓋當(dāng)前的內(nèi)容。更新失敗之后是沒有提示的。但是有一些應(yīng)用,比如有道詞典、企鵝FM、網(wǎng)易云音樂等,他們更新失敗之后是有提示的。

我覺得這兩種應(yīng)用的區(qū)分點在于

  1. 應(yīng)用的使用頻率;
  2. 內(nèi)容的時間連續(xù)性;
  3. 界面之間的關(guān)系緊密度。

比如說網(wǎng)易新聞,作為一個打發(fā)時間的工具,每天使用頻率就會比較高,所以用戶進(jìn)來之后是想看看有沒有更新。其次,網(wǎng)易新聞的內(nèi)容是連續(xù)不斷更新的,所以用戶會知道當(dāng)前顯示的內(nèi)容是我看看過并且處理過的。最后,新聞列表頁面顯示的是摘要,用戶可以通過摘要快速進(jìn)行判斷是否要進(jìn)入詳情頁,摘要有助于幫助用戶回憶上一次的使用場景。

所以這就對應(yīng)著一個這樣的場景:用戶只是想看看有沒有更新,所以他們已經(jīng)做好了“沒有新內(nèi)容”的心理預(yù)期,所以即使是更新不了內(nèi)容,用戶也不會想太多。反倒是,如果進(jìn)行了錯誤提示,用戶可能會有一種挫敗感。因為他知道現(xiàn)在有內(nèi)容,只是因為網(wǎng)絡(luò)的原因而沒有更新,他要進(jìn)行的任務(wù)受到了外界因素的阻礙,由此產(chǎn)生一種細(xì)微的挫敗感。

804591-db622577893b6464

網(wǎng)易新聞

緩存頁面刷新失敗有提示

另一類應(yīng)用,使用頻率沒那么高,或者內(nèi)容不具備時間連續(xù)性的,又或者說當(dāng)前界面無法喚起用戶上一次的使用場景。那么就有必要進(jìn)行率先你失敗提示了。

比如說企鵝FM,音頻類的應(yīng)用注定使用不會那么頻繁,因為通過視覺接收的信息會比通過聽覺接收的信息更快更多,同時音頻類對環(huán)境的要求較高(比如用耳機(jī)時要求環(huán)境不那么嘈雜,外放時要求在私人場所)。其次,此類應(yīng)用都是實時推薦的,不存在時間連續(xù)性的問題,用戶無法通過時間來判斷內(nèi)容是否被閱讀過。再者,標(biāo)題也無法幫你快速做出判斷,你還是要進(jìn)去聽過才知道內(nèi)容是什么。最后如果不提醒,用戶進(jìn)入到詳情頁再收到提醒,就會覺得應(yīng)用浪費了用戶的時間。所以,對于此類內(nèi)容,刷新失敗是有必要進(jìn)行提醒的。如下圖:

804591-2a563a2aeb95ac7f

企鵝FM

本來只是一個小小的刷新,沒想到自己能扯這么多。正如那句話所說的:魔鬼藏在細(xì)節(jié)當(dāng)中。所以我還是把這個小細(xì)節(jié)與大家分享一下。

 

本文由 @Autumn阿秋?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 人家微信 沒網(wǎng) 就是顯示沒網(wǎng)

    來自上海 回復(fù)
  2. 受教,正好這幾天在設(shè)計應(yīng)用刷新

    來自浙江 回復(fù)
  3. 學(xué)習(xí)了。。。

    來自浙江 回復(fù)
  4. 最后一條的原因,我理解應(yīng)該是,當(dāng)用戶插上耳機(jī)才發(fā)現(xiàn)沒有網(wǎng)絡(luò)的時候,可能會覺得被玩兒了

    來自廣東 回復(fù)
    1. 尤其是需要在線聽得時候,播放了才提示沒網(wǎng),就太坑了

      來自天津 回復(fù)
  5. 學(xué)習(xí)了,挺有道理;最近也在考慮怎么給用戶提示相關(guān)信息;

    來自河南 回復(fù)