設(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)需要的功能有哪些。

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

• 重溫用戶畫像，確定你的用戶是誰。最好能構(gòu)建一個(gè)完整、真實(shí)的用戶出來，這樣有助于你換位思考。

• 用戶在使用過程中的場(chǎng)景是什么？

• 你的解決方案是哪些功能？

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

值得注意的是，設(shè)計(jì)是有層次的，通常是場(chǎng)景的還原，再去想頁(yè)面細(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)者視角：

• 對(duì)于受邀者，無法預(yù)測(cè)邀請(qǐng)者的分享質(zhì)量，可以不太考慮畫像的問題。

• 受邀者參與的場(chǎng)景可能是這樣的：收到好友分享——預(yù)測(cè)比賽——查看比賽結(jié)束后自己獲得的獎(jiǎng)勵(lì)情況——使用獎(jiǎng)勵(lì)——邀請(qǐng)其他好友

• 對(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ì)成頁(yè)面，完成頁(yè)面流程設(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è)頁(yè)面完成還是多個(gè)？每次有交互的時(shí)候，交互的形式是什么呢？這些都是需要一點(diǎn)點(diǎn)去摳的。

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

• 老用戶點(diǎn)擊分享按鈕的時(shí)候，是彈新頁(yè)面，還是調(diào)起浮層？顯而易見主流的做法都是調(diào)起浮層，新生成頁(yè)面太重了。例子也許很簡(jiǎn)單很常見，因?yàn)楹芏喈a(chǎn)品都有類似的活動(dòng)，可涉及到自己活動(dòng)的時(shí)候，這種無前車借鑒的細(xì)節(jié)就要自己考慮了。

• 活動(dòng)目標(biāo)是老帶新，所以對(duì)于新用戶的判定是逃不開的，那么什么時(shí)候向新用戶索取手機(jī)號(hào)呢？用戶首次進(jìn)入頁(yè)面就向用戶索取和用戶馬上就要領(lǐng)獎(jiǎng)勵(lì)的時(shí)候再索取，轉(zhuǎn)化率可能天差地別…

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

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

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

• 用戶知道自己在哪嗎？

• 用戶知道自己曾經(jīng)去過哪嗎？

• 用戶知道自己當(dāng)下要完成的任務(wù)是什么嗎？

• 用戶知道自己要怎么完成這個(gè)任務(wù)嗎？

前兩個(gè)問題是讓用戶知道處于流程中的哪一步，后兩個(gè)問題是要提醒設(shè)計(jì)者，要有層次地設(shè)計(jì)，突出頁(yè)面核心功能，引導(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è)完成的頁(yè)面上，領(lǐng)取即時(shí)紅包的按鈕位置被設(shè)計(jì)地太靠下了，不夠醒目，這就直接造成了領(lǐng)取率很低，損失了一部分用戶。

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

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

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

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

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