成都活動公司從頂層到底層，活動運營的(de)每一個(gè)環節，都要如何設計
世界杯終于了(le)來(lái)了(le)，之前準備的(de)活動頁上線了(le)，本文就想結合自己做(zuò)的(de)這(zhè)個(gè)項目來(lái)講講活動設計的(de)部分(fēn)，隻是一些思考和(hé)經驗分(fēn)享，希望能和(hé)大(dà)家交流共同進步。
設計活動在大(dà)多(duō)數公司，應該是由産品主導的(de)，但作爲一個(gè)運營，畢竟是活動的(de)孵化(huà)者，也(yě)理(lǐ)應要負責任，所以我覺得(de)活動運營應該要更多(duō)地關注這(zhè)部分(fēn)内容，加上我本人(rén)就很喜歡産品設計，所以就想針對(duì)活動設計這(zhè)塊，結合世界杯的(de)項目說一說自己的(de)總結。
文章(zhāng)分(fēn)析活動設計的(de)維度：我想試圖從互聯網産品設計的(de)經典用(yòng)戶體驗要素理(lǐ)論去說，因爲一個(gè)線上活動的(de)設計，同樣可(kě)以理(lǐ)解爲一個(gè)廣義的(de)産品設計，更不用(yòng)說很多(duō)可(kě)以爲公司帶來(lái)長(cháng)期價值的(de)活動會産品化(huà)，變成産品的(de)一個(gè)常駐功能。所以，我覺得(de)從用(yòng)戶體驗要素理(lǐ)論來(lái)去思考一個(gè)活動的(de)設計，是非常有益的(de)。該理(lǐ)論的(de)核心思想是，互聯網産品設計遵循從底層到頂層的(de)邏輯，由下(xià)至上分(fēn)别是：戰略層、範圍層、結構層、框架層、表現層（具體每層的(de)内容會在文章(zhāng)中細說）。
真實項目：世界杯期間，目标用(yòng)戶增長(cháng)，我設計了(le)一個(gè)老帶新的(de)邀請活動，老用(yòng)戶邀請新用(yòng)戶預測世界杯比賽，老用(yòng)戶每邀請一個(gè)新用(yòng)戶參與預測就必得(de)一個(gè)定額紅包，新用(yòng)戶猜對(duì)猜錯獎勵不同金額的(de)紅包，同時(shí)因爲獎勵根據賽果派發，非即時(shí)到賬，所以還(hái)設計了(le)一個(gè)參與預測即時(shí)送給新用(yòng)戶的(de)用(yòng)戶，刺激用(yòng)戶立即下(xià)載APP。
讓我們依次從最底層向最頂層分(fēn)析，看看套上這(zhè)個(gè)理(lǐ)論的(de)活動設計，每一層都需要設計人(rén)員(yuán)做(zuò)些什(shén)麽。
一、戰略層：匹配用(yòng)戶需求和(hé)商業需求
最底層是戰略層，這(zhè)層是一切的(de)根基。這(zhè)層就是先想好你活動的(de)商業目标是什(shén)麽，又如何爲用(yòng)戶帶來(lái)價值？
在我真實接觸的(de)世界杯項目中，首要的(de)商業目标是用(yòng)戶增長(cháng)，次要目标是引導用(yòng)戶使用(yòng)産品，長(cháng)久爲公司帶來(lái)獲利價值，即是留存；
而設計的(de)拉新活動爲用(yòng)戶提供的(de)價值可(kě)理(lǐ)解爲：爲有需求的(de)用(yòng)戶提供小額紅包，讓其體驗我們的(de)産品價值，再加以引導，希望産品能爲有需求的(de)用(yòng)戶提供長(cháng)期服務。
戰略層作爲最底層經常容易被設計人(rén)員(yuán)忽視，忘記目的(de)的(de)設計經常會讓設計人(rén)員(yuán)感到迷茫，可(kě)能會出現覺得(de)某個(gè)功能怎樣設計都可(kě)以的(de)問題，而一個(gè)目标明(míng)确的(de)活動則不會出現
這(zhè)樣的(de)問題。同時(shí)，謹記目的(de)的(de)設計才能夠幫你盡最大(dà)可(kě)能的(de)完成設計任務，比如我們世界杯期間的(de)拉新活動，既然是目的(de)是拉新，設計者就會在每個(gè)有機會觸發分(fēn)享的(de)地方
做(zuò)引導！
二、範圍層：确定活動功能列表
這(zhè)層理(lǐ)解到活動設計上，就是根據活動策劃，模拟用(yòng)戶場(chǎng)景，确定活動需要的(de)功能有哪些。
在确定功能之前，還(hái)需要做(zuò)一些思考。
重溫用(yòng)戶畫(huà)像，确定你的(de)用(yòng)戶是誰。最好能構建一個(gè)完整、真實的(de)用(yòng)戶出來(lái)，這(zhè)樣有助于你換位思考。
用(yòng)戶在使用(yòng)過程中的(de)場(chǎng)景是什(shén)麽？
你的(de)解決方案是哪些功能？
通(tōng)過以上的(de)思考，足夠幫你确定設計活動時(shí)需要的(de)功能是哪些。
值得(de)注意的(de)是，設計是有層次的(de)，通(tōng)常是場(chǎng)景的(de)還(hái)原，再去想頁面細節，所以這(zhè)個(gè)層次上，我們隻需要想粗顆粒度的(de)場(chǎng)景，用(yòng)戶需要在App上完成的(de)1個(gè)個(gè)事情就好，知道需要有什(shén)麽功能就可(kě)以了(le)，
千萬不要去想功能究竟是設計成什(shén)麽樣子、怎麽實現等問題。
讓我們來(lái)捋一捋在世界杯邀請好友預測賺紅包這(zhè)個(gè)真實項目中，該怎樣分(fēn)析。
分(fēn)析分(fēn)2個(gè)視角，首先是老用(yòng)戶的(de)邀請視角，其次是新用(yòng)戶的(de)受邀視角，我們一個(gè)一個(gè)來(lái)。
邀請者視角：
①我們的(de)老用(yòng)戶大(dà)多(duō)是男(nán)性，受教育程度不算(suàn)高(gāo)，三四線城(chéng)市居多(duō)。就假設一個(gè)20出頭的(de)三四線男(nán)性青年，消費能力不強，對(duì)App的(de)學習(xí)能力不算(suàn)很強，同時(shí)對(duì)于我們設計的(de)邀請定額獎勵有興趣。
②還(hái)原到場(chǎng)景，邀請者看到活動後，我覺得(de)比較理(lǐ)想的(de)流程是這(zhè)樣的(de)：
了(le)解活動獎勵——去分(fēn)享給好友——了(le)解好友是否完成預測——查看自己是否獲得(de)了(le)獎勵——了(le)解獎勵去了(le)哪裏，可(kě)以怎麽用(yòng)——使用(yòng)獎勵——在重複邀請更多(duō)好友
③對(duì)應活動需要有的(de)功能列表，大(dà)概是要有邀請功能，而且醒目，做(zuò)好引導；可(kě)以有一個(gè)反饋好友預測情況的(de)功能模塊；要有一個(gè)查看已獲獎勵的(de)模塊；獎勵去向應該是屬于産品主結構中的(de)紅包模塊，使用(yòng)方法應該在活動的(de)規則模塊。
對(duì)于邀請者一方來(lái)說，活動需要有的(de)功能大(dà)概就這(zhè)些。
受邀請者視角：
對(duì)于受邀者，無法預測邀請者的(de)分(fēn)享質量，可(kě)以不太考慮畫(huà)像的(de)問題。
受邀者參與的(de)場(chǎng)景可(kě)能是這(zhè)樣的(de)：收到好友分(fēn)享——預測比賽——查看比賽結束後自己獲得(de)的(de)獎勵情況——使用(yòng)獎勵——邀請其他(tā)好友
對(duì)應的(de)活動的(de)功能則是，參與預測的(de)功能；預測情況反饋的(de)功能模塊；比賽結束後通(tōng)知用(yòng)戶獲獎情況的(de)功能；以及最後爲用(yòng)戶派發紅包的(de)紅包功能模塊（産品紅包模塊）。
當大(dà)概了(le)解到了(le)活動設計中需要的(de)功能時(shí)，我們就可(kě)以把設計推向下(xià)一個(gè)環節了(le)。
三、框架層：确定功能之間的(de)流轉，交互設計
我們已經有了(le)用(yòng)戶場(chǎng)景，接下(xià)來(lái)要把模拟場(chǎng)景時(shí)用(yòng)戶參與的(de)每個(gè)小任務，設計成頁面，完成頁面流程設計。
對(duì)于任何一個(gè)活動來(lái)說，這(zhè)都是能夠影(yǐng)響活動數據最重要的(de)一部分(fēn)。大(dà)家也(yě)許都聽(tīng)過這(zhè)麽一句話(huà)，“産品不足運營補”，其實運營補的(de)就是這(zhè)一類，如果流程合理(lǐ)，那運營就是再做(zuò)錦上添花的(de)事情，如果有些地方不夠合理(lǐ)，運營就要想通(tōng)過其他(tā)辦法來(lái)彌補、引導用(yòng)戶完成活動參與的(de)整個(gè)流程，但視覺和(hé)文案能夠改變的(de)部分(fēn)，實在有限。
這(zhè)一部分(fēn)就是要盡量把自己變成小白用(yòng)戶，設計出流暢順滑的(de)流程來(lái)實現戰略層的(de)目标，設計地過程盡量遵循dont make me think這(zhè)個(gè)原則，讓用(yòng)戶集中注意地完成眼前的(de)任務，從而完成整個(gè)流程就可(kě)以了(le)。
然後結合項目說下(xià)，真實案例中，理(lǐ)想的(de)流程是這(zhè)樣的(de)：
①老用(yòng)戶發起邀請——②以小程序的(de)形式分(fēn)享到微信——③受邀用(yòng)戶參與——④受邀用(yòng)戶領取即時(shí)紅包——⑤受邀用(yòng)戶下(xià)載app——⑥受邀用(yòng)戶領取預測紅包、老用(yòng)戶領取邀請紅包——⑦用(yòng)戶進入邀請新用(yòng)戶的(de)循環。
這(zhè)時(shí)設計人(rén)員(yuán)要考慮的(de)問題是，針對(duì)每個(gè)場(chǎng)景的(de)每個(gè)小任務，爲用(yòng)戶設計1個(gè)頁面完成還(hái)是多(duō)個(gè)？每次有交互的(de)時(shí)候，交互的(de)形式是什(shén)麽呢(ne)？這(zhè)些都是需要一點點去摳的(de)。
針對(duì)性地舉兩個(gè)例子：
老用(yòng)戶點擊分(fēn)享按鈕的(de)時(shí)候，是彈新頁面，還(hái)是調起彈窗(chuāng)？顯而易見主流的(de)做(zuò)法都是調起彈窗(chuāng)，新生成頁面太重了(le)。例子也(yě)許很簡單很常見，因爲每家都有分(fēn)享，涉及到自己活動的(de)時(shí)候，類似的(de)細節就要自己考慮了(le)。
活動目标是老帶新，所以對(duì)于新用(yòng)戶的(de)判定是逃不開的(de)，那麽什(shén)麽時(shí)候向新用(yòng)戶索取手機号呢(ne)？用(yòng)戶首次進入頁面就向用(yòng)戶索取和(hé)用(yòng)戶馬上就要領獎勵的(de)時(shí)候再索取，轉化(huà)率可(kě)能天差地别…
四、界面設計：對(duì)于某一個(gè)具體頁面做(zuò)設計
這(zhè)一步，就是要仔細琢磨每一個(gè)頁面上模塊怎麽劃分(fēn)了(le)。重要地是把功能分(fēn)類組織好，功能層級明(míng)顯，該隐藏的(de)隐藏。
其次，設計的(de)每一個(gè)頁面都要能回答(dá)以下(xià)幾個(gè)問題
用(yòng)戶知道自己在哪嗎？
用(yòng)戶知道自己曾經去過哪嗎？
用(yòng)戶知道自己當下(xià)要完成的(de)任務是什(shén)麽嗎？
用(yòng)戶知道自己要怎麽完成這(zhè)個(gè)任務嗎？
前兩個(gè)問題是讓用(yòng)戶知道處于流程中的(de)哪一步，後兩個(gè)問題是要提醒設計者，要有層次地設計，突出頁面核心功能，引導用(yòng)戶去做(zuò)下(xià)一個(gè)任務。
在真實案例中，我們就犯了(le)一個(gè)錯誤。上文提到，對(duì)于受邀的(de)用(yòng)戶，得(de)到獎勵是在比賽結束後，這(zhè)樣隻有延時(shí)獎勵的(de)話(huà)是不可(kě)以的(de)，我們爲受邀用(yòng)戶設計了(le)一個(gè)預測結束後立即派發的(de)小額紅包。
這(zhè)個(gè)贈送紅包的(de)功能毫無疑問被設計了(le)在預測完成的(de)頁面上，我們把首要頁面上突出了(le)預測完成這(zhè)個(gè)狀态的(de)顯示，而領取即時(shí)紅包的(de)按鈕位置靠下(xià)，這(zhè)就直接造成了(le)領取率很低，損失了(le)一部分(fēn)用(yòng)戶。
五、視覺層：顧名思義，對(duì)頁面元素進行視覺設計
這(zhè)樣說下(xià)來(lái)，視覺層面感覺是最不高(gāo)上大(dà)的(de)，但其實不是這(zhè)樣的(de)。
對(duì)于視覺層的(de)設計我覺得(de)最重要的(de)是氛圍，如何統一頁面風格，做(zuò)出契合主題的(de)氛圍，真的(de)不是一件簡單的(de)事情！
它有的(de)時(shí)候，是跟你産品設計脫不開幹系的(de)，比如一個(gè)搶紅包的(de)按鈕，如果你就給一個(gè)很小的(de)尺寸，做(zuò)出氛圍來(lái)就是相對(duì)比較難的(de)一件事。推薦大(dà)家平時(shí)多(duō)去素材網站看看設計圖，會有靈感。
這(zhè)篇就到這(zhè)了(le)，希望大(dà)家能多(duō)提意見，一起進步！