相信大家都在APP中遇到過“進(jìn)度條”，清晰可見的進(jìn)度能夠讓用戶感知等待的時間，降低用戶體驗不適感?！斑M(jìn)度”對于APP而言，不僅僅承載了用戶信息，也是引導(dǎo)用戶執(zhí)行的導(dǎo)向。本文總結(jié)了一些關(guān)于進(jìn)度條的案例，分享給你。

“進(jìn)度”是APP里最常見又挺重要的模塊，因為它不僅承載著了用戶在時間和行為上的操作記錄，更是引導(dǎo)用戶完成各種目標(biāo)的條件之一。

因此帶大家看下有哪些“進(jìn)度”上的小案例，給你的工作需求、作品集提供靈感來源~

01 等待過程換成領(lǐng)取紅包

案例簡介：在花小豬里等待司機(jī)接單時，下方會展示【領(lǐng)取紅包】的進(jìn)度條，等待時間越久，得到的紅包越多越大。

解決問題：用紅包來緩解用戶的等待情緒，降低因等待時間過長 而「取消打車」的意愿與漏斗，促使用戶繼續(xù)等車

創(chuàng)造價值：促進(jìn) 訂單成交率和用戶好感度的提升。

案例精髓總結(jié)：學(xué)會思考通過「停留時間」判斷用戶訴求/引導(dǎo)用戶行為。

其他思考：如果在等待過程中凌冷一倆個紅包，后面師傅又臨時取消訂單了。此時得到的紅包是否會收回？或者有使用條件。

02 用進(jìn)度條鼓勵用戶輸入

案例簡介：在美團(tuán)上評價某服務(wù)時，會以進(jìn)度條的方式鼓勵用戶更多評價：根據(jù)【輸入文字?jǐn)?shù)量】而動態(tài)展示距離【獲38積分進(jìn)度】。當(dāng)達(dá)到38積分后，再輸入文字而無配圖時，進(jìn)度條的加載速度會變慢，直到用戶配上圖片時才能獲取138積分。

解決問題：通過進(jìn)度條的變化與積分獎勵提示，引導(dǎo)用戶輸入更多評價，為后續(xù)其他用戶看到更多真實、可參考的評價內(nèi)容。

創(chuàng)造價值：促進(jìn) 優(yōu)質(zhì)/有效評價的增長。

案例精髓總結(jié)：意外的贈品/福利 可提升用戶積極性 or 促進(jìn)產(chǎn)品目標(biāo)的實現(xiàn)。

其他思考：運(yùn)用了「系統(tǒng)狀態(tài)可見性原則」：讓用戶知道【自己在做什么、系統(tǒng)在做什么、處在系統(tǒng)的什么位置等】，并在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答佭\(yùn)用了。

03 用殘缺圖形引導(dǎo)流程

案例簡介：在谷歌日歷創(chuàng)建某個目標(biāo)時，每到一個步驟時下方的圖形都只會顯示一部分。只有完成全部步驟，該圖形才會完整地顯示出來，引導(dǎo)用戶創(chuàng)建完整內(nèi)容以看到完整圖形，特別地“雞賊”。

解決問題：通過殘缺的圖形勾起用戶好奇心，引導(dǎo)用戶創(chuàng)建完整內(nèi)容以看到完整圖形，減少流失，增強(qiáng)產(chǎn)品趣味性。

創(chuàng)造價值：提升用戶對產(chǎn)品理解和APP易用性的提升。

案例精髓總結(jié)：視覺元素也能跟隨進(jìn)度逐步顯示，慢慢勾起用戶好奇心。

其他思考：運(yùn)用了「系統(tǒng)狀態(tài)可見性原則」：讓用戶知道【自己在做什么、系統(tǒng)在做什么、處在系統(tǒng)的什么位置等】，并在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答佭\(yùn)用了。

04 可視化的等級進(jìn)度

案例簡介：在騰訊視頻上喜歡、守護(hù)某個愛豆，可以看到會以【女生奔跑】的動畫形象來表示當(dāng)前的粉絲值，將對愛豆的守護(hù)進(jìn)度可視化出來，特別好玩。

解決問題：有效地傳達(dá)出粉絲對愛豆的守護(hù)心理，讓用戶感知當(dāng)前守護(hù)進(jìn)度，給用戶帶來驚喜并拉進(jìn)之間的距離。

創(chuàng)造價值：促進(jìn) 產(chǎn)品趣味性與用戶好感度的提升。

案例精髓總結(jié)：?UI與動效的設(shè)計需要符合目標(biāo)用戶的群體特征。

其他思考：

• 粉絲不知女生才有，人物形象的設(shè)計可允許男粉用戶切換性別
• 人物形象的設(shè)計與“粉絲”沒啥關(guān)系，體現(xiàn)不出粉絲應(yīng)有“開心、瘋狂、應(yīng)援”等元素，更像一個健康跑步達(dá)人。

05 文章進(jìn)度「可視化」

案例簡介：在電腦上打開boss直聘的文章鏈接，滑動屏幕時就會出現(xiàn)一個【文章進(jìn)度條】，跟隨用戶的閱讀位置而變化長度。

解決問題：用戶一眼就能知道當(dāng)前的閱讀進(jìn)度、知道還有多久就能讀完該文章，減少操作與認(rèn)知負(fù)荷。

創(chuàng)造價值：促進(jìn)用戶的閱讀效率與觀看體驗的提升。

案例精髓總結(jié)：當(dāng)信息復(fù)雜+數(shù)量巨大時，必須給予用戶清晰的分類與狀態(tài)、位置指引。

其他思考：這個雖然是用微信的瀏覽器加載的，但是里面的內(nèi)容確是boss直聘自定義開發(fā)的。而且聽說原本的設(shè)計花花綠綠的，是boss直聘的老板說改的。

06 自動恢復(fù)上次閱讀進(jìn)度

案例簡介：在微信上查看某篇公眾號文章，當(dāng)你有事要返回上一頁，然后又重新點擊閱讀文章時：會自動加載至上次退出前的頁面位置，幫助用戶恢復(fù)上次的閱讀進(jìn)度，便于繼續(xù)閱讀下去，徹底解放雙手。

解決問題：免去用戶重新or手動查找上次的閱讀進(jìn)度，減少操作與認(rèn)知負(fù)荷，突顯產(chǎn)品的個性化服務(wù)。

創(chuàng)造價值：促進(jìn) 文章閱讀效率與產(chǎn)品體驗的提升。

案例精髓總結(jié)：盡量減少需要用戶記憶的事情/行動，提供「再認(rèn)」上的解決方案。

其他思考：如何判斷是重新加載or恢復(fù)閱讀進(jìn)度，是時間為分界點？ 當(dāng)離開文章小于5分鐘則恢復(fù)閱讀進(jìn)度，大于或扥等于5分鐘則重新加載。

07 有吉祥物的banner進(jìn)度

案例簡介：騰訊動漫的banner進(jìn)度條設(shè)計與品牌的吉祥物結(jié)合在一起，banner切換的時候底部的小烏鴉會跟著一起移動，特別有意思。

解決問題：降低banner給用戶的抵抗情緒，通過這種小細(xì)節(jié)提升品牌形象（特別是對于新用戶來說），突顯產(chǎn)品的個性化服務(wù)與對用戶的重視程度。

創(chuàng)造價值：促進(jìn) 產(chǎn)品趣味性與用戶好感度的提升。

案例精髓總結(jié)：任何頁面組件/樣式都可融入品牌設(shè)計。

其他思考：運(yùn)用了「趣味原則」：系統(tǒng)不應(yīng)該是冷冰冰的，應(yīng)該給用戶帶來樂趣和溫度。

08 分散注意力的loading

案例簡介：王者榮耀在即將對戰(zhàn)的loading里，左邊會顯示所選英雄的使用技巧，右邊會顯示各個隊友的頭像與小拳頭動效。為一觸即發(fā)的比賽打氣加油，特別有意思。

解決問題：分散用戶注意力，減少因加載過久的焦慮和抵觸情緒，同時做好雨后的「戰(zhàn)前動員」工作，增加團(tuán)隊配合默契。

創(chuàng)造價值：提升產(chǎn)品的趣味性和用戶好感度。

案例精髓總結(jié)：UI與動效的設(shè)計需要符合產(chǎn)品調(diào)性、用戶特征/訴求。

其他思考：分析/檢測用戶當(dāng)下的情緒/心理，并做出相對應(yīng)的設(shè)計。

09 越來越快的進(jìn)度動畫

案例簡介：去哪兒旅行之前的loading動畫是一只行走的小駱駝，隨著加載時間越長，駱駝的行走速度會越來越快，最后飛奔起來。避免過長的加載時間給用戶帶來焦慮情緒，緩解用戶情緒。

解決問題：避免過長的加載時間給用戶帶來焦慮情緒，緩解用戶情緒。同時通過這種小細(xì)節(jié)提升用戶對產(chǎn)品的印象（特別是對于新用戶來說）。

創(chuàng)造價值：減少頁面/訂單流失和用戶焦慮感。

案例精髓總結(jié)：用戶等待時間越長，越需要合理的設(shè)計or福利 減少焦慮。

其他思考：這是「時間」維度下的跟隨變化而變化，可以思考自家產(chǎn)品是否有特定維度下的跟隨變化。