如何讓進(jìn)度條幫助你達(dá)到產(chǎn)品目標(biāo)?

5 評論 14934 瀏覽 49 收藏 11 分鐘

我實(shí)習(xí)已經(jīng)一年了,最近剛畢業(yè)成為一個產(chǎn)品,現(xiàn)主要負(fù)責(zé)活動方面的web頁面原型設(shè)計(jì)。最近設(shè)計(jì)的一個活動,讓我對進(jìn)度條了解比較多,想記錄下來,分享給大家。

進(jìn)度條的定義及其使用場景

進(jìn)度,在百度百科上面定義的是工作進(jìn)展快慢的計(jì)劃或是某件事情進(jìn)展的速度。那么進(jìn)度條就是用于表達(dá)某件事情進(jìn)展速度的圖片形式?,F(xiàn)在的互聯(lián)網(wǎng)產(chǎn)品中有很多地方都會使用到進(jìn)度條,如注冊流程、軟件安裝進(jìn)度、經(jīng)驗(yàn)等級、任務(wù)完成度、倒計(jì)時、視頻或音頻播放進(jìn)度等等。

圖1 注冊流程對進(jìn)度條的應(yīng)用

圖2 倒計(jì)時對進(jìn)度條的應(yīng)用

圖3 經(jīng)驗(yàn)等級系統(tǒng)對進(jìn)度條的應(yīng)用

很多人會認(rèn)為,長條或圓形圖里,一個表示進(jìn)度的顏色條在里面的才能叫做進(jìn)度條。其實(shí)不然,有很多用于表示進(jìn)度的東西,我覺得都可以歸類于進(jìn)度條,例如游戲內(nèi)的地圖迷霧、物品消耗度,表示任務(wù)完成度的數(shù)字、活動拼圖的完成度等等。

圖4 游戲內(nèi)地圖迷霧(表示地圖探索度)

圖5 游戲內(nèi)物品消耗度(圖為DNF疲勞值條)

圖6 某游戲的拼圖活動

圖7 某直播軟件的每日任務(wù)進(jìn)度

進(jìn)度條給人的心理感受

產(chǎn)品中不可避免的會出現(xiàn)某個產(chǎn)品流程很長,且完成這整個流程的耗時較長或花費(fèi)成本很高。而進(jìn)度條一般會舒緩用戶在完成這個流程中等待的焦慮感。最初進(jìn)度條只有一條橫條,后來為了讓用戶更直觀地了解到這個事情(或流程)進(jìn)行的程度,會在進(jìn)度條上面加上百分比數(shù)字。

圖8 無百分比標(biāo)識的進(jìn)度條

圖9 有百分比標(biāo)識的進(jìn)度條

經(jīng)過我的觀察,一般的進(jìn)度條的主要作用有如下幾點(diǎn):

  • 給予用戶完成任務(wù)的明確預(yù)期
  • 讓用戶明白自己正在做什么
  • 緩解用戶等待的焦慮感

用戶完成一件事情是需要付出一定的成本的,如何讓用戶在巨額的成本面前,不轉(zhuǎn)身離開,這是需要我們思考的。而進(jìn)度條很好的給出了答案。首先,它給了用戶一個明確的預(yù)期,用戶在看到進(jìn)度條在一點(diǎn)一點(diǎn)地前進(jìn),明白這件事情是可以被完成的。即使這件事情需要的時間很長,但它仍然是可被完成的,用戶可以選擇先去做別的事情打發(fā)時間,而不是永無止盡地等待。

其次,用戶明白自己在做些什么。想象一下,如果用戶在跳轉(zhuǎn)某個頁面時,沒有進(jìn)度條表示正在跳轉(zhuǎn),整個屏幕沒有任何提示,也因正在跳轉(zhuǎn)而無法操作,用戶常常會誤以為卡了,或者死機(jī)了,會選擇重啟應(yīng)用或重啟設(shè)備,之前的流程就會因此被打斷了。用戶的焦慮感會因?yàn)樯厦鎯蓚€信息而得到一定的緩解,會有較大可能選擇繼續(xù)等待下去。

在產(chǎn)品設(shè)計(jì)中,進(jìn)度條的妙用

進(jìn)度在一般產(chǎn)品中會選擇簡單設(shè)置,即一條長條,加上進(jìn)度百分比,加上各個階段的提示。有的流程較短或花費(fèi)時間少的會省略百分比,直接使用色塊來表示。如soul上的親密度,主要的親密度進(jìn)度條為Soulmate字體,次要的進(jìn)度條為愛心,每滿3個愛心則點(diǎn)亮一個字母。由于字母比較難判別進(jìn)度的進(jìn)展程度,特地做了愛心這種進(jìn)展明顯的進(jìn)度條,以緩解用戶的焦慮。

圖10 soul上聊天界面的進(jìn)度條(用于表示親密度)

但在一些游戲產(chǎn)品中,由于游戲內(nèi)元素非常多,頁面切換加載需要一定的時間,常常會使用一整個頁面來做加載的進(jìn)度條展示。一些游戲會選擇在加載頁面中展示游戲的后續(xù)內(nèi)容,引起用戶的興趣,吸引他們繼續(xù)等待和玩下去,如王者榮耀的登錄頁面使用3D體感來展示新英雄或新地圖。另外一些游戲或者產(chǎn)品會選擇展示一些小動畫或著音效,來展示產(chǎn)品的品牌,加強(qiáng)用戶對其的印象。例如酷狗音樂的“Hello,kugou”,TX旗下一些游戲的一聲“TIMI”和其頁面。

圖11 騰訊旗下天美工作室的加載等候頁面

使用進(jìn)度條最多的莫過于網(wǎng)頁活動了?;顒右话阋罄?、提高留存、回流等,需要用戶保持對活動的高度關(guān)注,在活動期間最好每天都來玩一下。要完成這個目標(biāo),一是活動獎勵要相對好一些,不然用戶不關(guān)心自然也不會買單;二是要讓用戶明白這個任務(wù)是可完成的,甚至是容易完成的。

一般的活動使用進(jìn)度條的設(shè)計(jì)時,會在常規(guī)的進(jìn)度條上設(shè)定中期獎勵,將一個大任務(wù)分成幾個簡單小任務(wù)來完成,每個小任務(wù)都是有獎勵的。比起一次性完成大任務(wù)獲取大獎勵,用戶會更容易分階段完成任務(wù)獲取階段獎勵。用戶在這個任務(wù)流程中是始終有獎勵,獎勵會一直吸引他留下來。

王者榮耀的每日活躍度獎勵就是采用了這個方法。

圖12 王者榮耀游戲內(nèi)活躍度獎勵頁面

活動持續(xù)時間較長時,可以選擇在進(jìn)度條上標(biāo)注上日期,讓用戶了解到這個幾個日期會發(fā)生什么事情,展示對用戶有利的信息。例如前陣子的王者榮耀集英雄卡的活動,在每周來領(lǐng)獎的文字信息上,加上日期進(jìn)度條的暗示,告訴了用戶他還有5次領(lǐng)獎機(jī)會,可以選擇多抽卡。

圖13 王者榮耀集卡活動

還有一種類型活動是將整個活動基于一個進(jìn)度條上的,這就是拼圖活動,或者是點(diǎn)亮圖片活動。這類型有一種變種的活動類型,是將進(jìn)度條用數(shù)字表示,活動規(guī)則足夠簡單,用戶理解成本低。這是一般的商家的朋友圈集贊活動,和有名的支付寶集五?;顒?。

圖14 陰陽師拼圖活動

圖15 支付寶集五?;顒?/p>

這種類型的活動是將整一個圖作為進(jìn)度條,用戶只要按照某種特定的方式獲取拼圖,并湊齊拼圖,即可獲得豐富的獎勵。這個圖片直觀明了,且會激發(fā)某些用戶的強(qiáng)迫癥心理,會想盡辦法完成拼圖。(此類型用戶心理與某些強(qiáng)迫性開拓全地圖的迷霧的心理是一致的)

總的來說,進(jìn)度條若是使用得當(dāng),對產(chǎn)品的流程或是活動的效果是有非常大的幫助的。

 

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

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 新人想將來從事產(chǎn)品有什么建議嘛?

    回復(fù)
  2. 還有暗黑3呢

    來自浙江 回復(fù)
    1. 玩過而已

      來自廣東 回復(fù)
  3. 哈哈哈,你也玩陰陽師

    回復(fù)
    1. 只是知道,很久不玩了

      回復(fù)