從用戶體驗(yàn)要素的5個(gè)層次,談活動(dòng)設(shè)計(jì)(帶案例)

3 評(píng)論 16879 瀏覽 111 收藏 12 分鐘

世界杯終于了來了,之前準(zhǔn)備的活動(dòng)頁上線了,本文就想結(jié)合自己做的這個(gè)項(xiàng)目來講講活動(dòng)設(shè)計(jì)的部分,只是一些思考和經(jīng)驗(yàn)分享,希望能和大家交流共同進(jìn)步。

設(shè)計(jì)活動(dòng)在大多數(shù)公司,應(yīng)該是由產(chǎn)品主導(dǎo)的,但作為一個(gè)運(yùn)營(yíng),畢竟是活動(dòng)的孵化者,也理應(yīng)要負(fù)責(zé)任,所以我覺得活動(dòng)運(yùn)營(yíng)應(yīng)該要更多地關(guān)注這部分內(nèi)容,加上我本人就很喜歡產(chǎn)品設(shè)計(jì),所以就想針對(duì)活動(dòng)設(shè)計(jì)這塊,結(jié)合世界杯的項(xiàng)目說一說自己的總結(jié)。

  • 文章分析活動(dòng)設(shè)計(jì)的維度:我想試圖從互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的經(jīng)典用戶體驗(yàn)要素理論去說,因?yàn)橐粋€(gè)線上活動(dòng)的設(shè)計(jì),同樣可以理解為一個(gè)廣義的產(chǎn)品設(shè)計(jì),更不用說很多可以為公司帶來長(zhǎng)期價(jià)值的活動(dòng)會(huì)產(chǎn)品化,變成產(chǎn)品的一個(gè)常駐功能。所以,我覺得從用戶體驗(yàn)要素理論來去思考一個(gè)活動(dòng)的設(shè)計(jì),是非常有益的。該理論的核心思想是,互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)遵循從底層到頂層的邏輯,由下至上分別是:戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層(具體每層的內(nèi)容會(huì)在文章中細(xì)說)。
  • 真實(shí)項(xiàng)目:世界杯期間,目標(biāo)用戶增長(zhǎng),我設(shè)計(jì)了一個(gè)老帶新的邀請(qǐng)活動(dòng),老用戶邀請(qǐng)新用戶預(yù)測(cè)世界杯比賽,老用戶每邀請(qǐng)一個(gè)新用戶參與預(yù)測(cè)就必得一個(gè)定額紅包,新用戶猜對(duì)猜錯(cuò)獎(jiǎng)勵(lì)不同金額的紅包,同時(shí)因?yàn)楠?jiǎng)勵(lì)根據(jù)賽果派發(fā),非即時(shí)到賬,所以還設(shè)計(jì)了一個(gè)參與預(yù)測(cè)即時(shí)送給新用戶的紅包,刺激用戶立即下載APP。

讓我們依次從最底層向最頂層分析,看看套上這個(gè)理論的活動(dòng)設(shè)計(jì),每一層都需要設(shè)計(jì)人員做些什么。

一、戰(zhàn)略層:匹配用戶需求和商業(yè)需求

最底層是戰(zhàn)略層,這層是一切的根基。這層就是先想好你活動(dòng)的商業(yè)目標(biāo)是什么,又如何為用戶帶來價(jià)值?

在我真實(shí)接觸的世界杯項(xiàng)目中,首要的商業(yè)目標(biāo)是用戶增長(zhǎng),次要目標(biāo)是引導(dǎo)用戶使用產(chǎn)品,長(zhǎng)久為公司帶來獲利價(jià)值,即是留存;

而設(shè)計(jì)的拉新活動(dòng)為用戶提供的價(jià)值可理解為:為有需求的用戶提供小額紅包,讓其體驗(yàn)我們的產(chǎn)品價(jià)值,再加以引導(dǎo),希望產(chǎn)品能為有需求的用戶提供長(zhǎng)期服務(wù)。

戰(zhàn)略層作為最底層經(jīng)常容易被設(shè)計(jì)人員忽視,忘記目的的設(shè)計(jì)經(jīng)常會(huì)讓設(shè)計(jì)人員感到迷茫,可能會(huì)出現(xiàn)覺得某個(gè)功能怎樣設(shè)計(jì)都可以的問題,而一個(gè)目標(biāo)明確的活動(dòng)則不會(huì)出現(xiàn)這樣的問題。同時(shí),謹(jǐn)記目的的設(shè)計(jì)才能夠有機(jī)會(huì)完成活動(dòng)目標(biāo),比如我們世界杯期間的拉新活動(dòng),既然是目的是拉新,那設(shè)計(jì)者自然就會(huì)在每個(gè)有機(jī)會(huì)觸發(fā)分享的地方做引導(dǎo)!

二、范圍層:確定活動(dòng)功能列表

這層理解到活動(dòng)設(shè)計(jì)上,就是根據(jù)活動(dòng)策劃,模擬用戶場(chǎng)景,確定活動(dòng)需要的功能有哪些。

在確定功能之前,還需要做一些思考。

  1. 重溫用戶畫像,確定你的用戶是誰。最好能構(gòu)建一個(gè)完整、真實(shí)的用戶出來,這樣有助于你換位思考。
  2. 用戶在使用過程中的場(chǎng)景是什么?
  3. 你的解決方案是哪些功能?

通過以上的思考,足夠幫你確定設(shè)計(jì)活動(dòng)時(shí)需要的功能是哪些。

值得注意的是,設(shè)計(jì)是有層次的,通常是場(chǎng)景的還原,再去想頁面細(xì)節(jié),所以這個(gè)層次上,我們只需要想粗顆粒度的場(chǎng)景,用戶需要在App上完成的1個(gè)個(gè)事情就好,知道需要有什么功能就可以了,

千萬不要去想功能究竟是設(shè)計(jì)成什么樣子、怎么實(shí)現(xiàn)等問題。

讓我們來捋一捋在世界杯邀請(qǐng)好友預(yù)測(cè)賺紅包這個(gè)真實(shí)項(xiàng)目中,該怎樣分析。

分析分2個(gè)視角,首先是老用戶的邀請(qǐng)視角,其次是新用戶的受邀視角,我們一個(gè)一個(gè)來。

邀請(qǐng)者視角:

①我們的老用戶大多是男性,受教育程度不算高,三四線城市居多。就假設(shè)一個(gè)20出頭的三四線男性青年,消費(fèi)能力不強(qiáng),對(duì)App的學(xué)習(xí)能力不算很強(qiáng),同時(shí)對(duì)于我們?cè)O(shè)計(jì)的邀請(qǐng)定額獎(jiǎng)勵(lì)有興趣。

②還原到場(chǎng)景,邀請(qǐng)者看到活動(dòng)后,我覺得比較理想的流程是這樣的:

了解活動(dòng)獎(jiǎng)勵(lì)——去分享給好友——了解好友是否完成預(yù)測(cè)——查看自己是否獲得了獎(jiǎng)勵(lì)——了解獎(jiǎng)勵(lì)去了哪里,可以怎么用——使用獎(jiǎng)勵(lì)——在重復(fù)邀請(qǐng)更多好友

③對(duì)應(yīng)活動(dòng)需要有的功能列表大概是:邀請(qǐng)功能,要醒目,做足引導(dǎo);可以有一個(gè)反饋好友預(yù)測(cè)情況的功能模塊;要有一個(gè)查看已獲獎(jiǎng)勵(lì)的模塊;獎(jiǎng)勵(lì)去向應(yīng)該是屬于產(chǎn)品主結(jié)構(gòu)中的紅包模塊,使用方法應(yīng)該在活動(dòng)的規(guī)則模塊。

對(duì)于邀請(qǐng)者一方來說,活動(dòng)需要有的功能大概就這些。

受邀請(qǐng)者視角:

  1. 對(duì)于受邀者,無法預(yù)測(cè)邀請(qǐng)者的分享質(zhì)量,可以不太考慮畫像的問題。
  2. 受邀者參與的場(chǎng)景可能是這樣的:收到好友分享——預(yù)測(cè)比賽——查看比賽結(jié)束后自己獲得的獎(jiǎng)勵(lì)情況——使用獎(jiǎng)勵(lì)——邀請(qǐng)其他好友
  3. 對(duì)應(yīng)的活動(dòng)的功能則是,參與預(yù)測(cè)的功能;預(yù)測(cè)情況反饋的功能模塊;比賽結(jié)束后通知用戶獲獎(jiǎng)情況的功能;以及最后為用戶派發(fā)紅包的紅包功能模塊(產(chǎn)品紅包模塊)。

當(dāng)大概了解到了活動(dòng)設(shè)計(jì)中需要的功能時(shí),我們就可以把設(shè)計(jì)推向下一個(gè)環(huán)節(jié)了。

三、框架層:確定功能之間的流轉(zhuǎn),交互設(shè)計(jì)

我們已經(jīng)有了用戶場(chǎng)景,接下來要把模擬場(chǎng)景時(shí)用戶參與的每個(gè)小任務(wù),設(shè)計(jì)成頁面,完成頁面流程設(shè)計(jì)。

對(duì)于任何一個(gè)活動(dòng)來說,這都是能夠影響活動(dòng)數(shù)據(jù)最重要的一部分。大家也許都聽過這么一句話,“產(chǎn)品不足運(yùn)營(yíng)補(bǔ)”,其實(shí)運(yùn)營(yíng)補(bǔ)的就是這一類,如果流程合理,那運(yùn)營(yíng)就是在做錦上添花的事情,如果有些地方不夠合理,運(yùn)營(yíng)就要通過其他辦法來彌補(bǔ)、引導(dǎo)用戶完成活動(dòng)參與的整個(gè)流程,但視覺和文案能夠改變的部分,實(shí)在有限。

這一部分的核心就是把自己變成小白用戶,設(shè)計(jì)出流暢順滑的流程來實(shí)現(xiàn)戰(zhàn)略層的目標(biāo),設(shè)計(jì)地過程盡量遵循dont make me think這個(gè)原則,讓用戶集中注意地完成眼前的任務(wù),從而完成整個(gè)流程就可以了。

然后結(jié)合項(xiàng)目說下,真實(shí)案例中,理想的流程是這樣的:

①老用戶發(fā)起邀請(qǐng)——②以小程序的形式分享到微信——③受邀用戶參與——④受邀用戶領(lǐng)取即時(shí)紅包——⑤受邀用戶下載app——⑥受邀用戶領(lǐng)取預(yù)測(cè)紅包、老用戶領(lǐng)取邀請(qǐng)紅包——⑦用戶進(jìn)入邀請(qǐng)新用戶的循環(huán)。

這時(shí)設(shè)計(jì)人員要考慮的問題是,針對(duì)每個(gè)場(chǎng)景的每個(gè)小任務(wù),為用戶設(shè)計(jì)1個(gè)頁面完成還是多個(gè)?每次有交互的時(shí)候,交互的形式是什么呢?這些都是需要一點(diǎn)點(diǎn)去摳的。

針對(duì)性地舉兩個(gè)例子:

  1. 老用戶點(diǎn)擊分享按鈕的時(shí)候,是彈新頁面,還是調(diào)起浮層?顯而易見主流的做法都是調(diào)起浮層,新生成頁面太重了。例子也許很簡(jiǎn)單很常見,因?yàn)楹芏喈a(chǎn)品都有類似的活動(dòng),可涉及到自己活動(dòng)的時(shí)候,這種無前車借鑒的細(xì)節(jié)就要自己考慮了。
  2. 活動(dòng)目標(biāo)是老帶新,所以對(duì)于新用戶的判定是逃不開的,那么什么時(shí)候向新用戶索取手機(jī)號(hào)呢?用戶首次進(jìn)入頁面就向用戶索取和用戶馬上就要領(lǐng)獎(jiǎng)勵(lì)的時(shí)候再索取,轉(zhuǎn)化率可能天差地別…

四、界面設(shè)計(jì):對(duì)于某一個(gè)具體頁面做設(shè)計(jì)

這一步,就是要仔細(xì)琢磨每一個(gè)頁面上模塊怎么劃分了。重要地是把功能分類組織好,功能層級(jí)明顯,該隱藏的隱藏。

其次,設(shè)計(jì)的每一個(gè)頁面都要能回答以下幾個(gè)問題

  • 用戶知道自己在哪嗎?
  • 用戶知道自己曾經(jīng)去過哪嗎?
  • 用戶知道自己當(dāng)下要完成的任務(wù)是什么嗎?
  • 用戶知道自己要怎么完成這個(gè)任務(wù)嗎?

前兩個(gè)問題是讓用戶知道處于流程中的哪一步,后兩個(gè)問題是要提醒設(shè)計(jì)者,要有層次地設(shè)計(jì),突出頁面核心功能,引導(dǎo)用戶去做下一個(gè)任務(wù)。

在真實(shí)案例中,我們就犯了一個(gè)錯(cuò)誤。上文提到,對(duì)于受邀的用戶,得到獎(jiǎng)勵(lì)是在比賽結(jié)束后,這樣只有延時(shí)獎(jiǎng)勵(lì)的話是不可以的,我們?yōu)槭苎脩粼O(shè)計(jì)了一個(gè)預(yù)測(cè)結(jié)束后立即派發(fā)的小額紅包。

這個(gè)贈(zèng)送紅包的功能毫無疑問被設(shè)計(jì)了在預(yù)測(cè)完成的頁面上,領(lǐng)取即時(shí)紅包的按鈕位置被設(shè)計(jì)地太靠下了,不夠醒目,這就直接造成了領(lǐng)取率很低,損失了一部分用戶。

五、視覺層:顧名思義,對(duì)頁面元素進(jìn)行視覺設(shè)計(jì)

這樣說下來,視覺層面感覺是最不高上大的,但其實(shí)不是這樣的。

對(duì)于視覺層的設(shè)計(jì)我覺得最重要的是氛圍,如何統(tǒng)一頁面風(fēng)格,做出契合主題的氛圍,真的不是一件簡(jiǎn)單的事情!

它有的時(shí)候,是跟你產(chǎn)品設(shè)計(jì)脫不開干系的,比如一個(gè)搶紅包的按鈕,如果你就給一個(gè)很小的尺寸,做出氛圍來就是相對(duì)比較難的一件事。推薦大家平時(shí)多去素材網(wǎng)站看看設(shè)計(jì)圖,會(huì)有靈感。

這篇就到這了,希望大家能多提意見,一起進(jìn)步!

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 細(xì)節(jié)決定成敗,博主寫的很好,我想問下,博主在紅包獎(jiǎng)勵(lì)的使用上 又有什么規(guī)則的設(shè)計(jì),另外數(shù)據(jù)是否證明了活動(dòng)的成功?期待你的解答

    回復(fù)
    1. 對(duì)于獎(jiǎng)勵(lì)的使用,可以根據(jù)次要目的,比如留存,去做文章。

      活動(dòng)效果受外界因素,并不是很好,踩了很多坑~

      回復(fù)