編輯導(dǎo)語：一場(chǎng)好的營(yíng)銷活動(dòng)中，好的設(shè)計(jì)是必不可少的。但并不是每個(gè)人都能做出好的設(shè)計(jì)，這時(shí)活動(dòng)模版就是必不可少的。本篇文章從多個(gè)角度對(duì)核心功能-活動(dòng)模板進(jìn)行了拆解，講解了活動(dòng)設(shè)計(jì)的側(cè)重點(diǎn)。推薦對(duì)營(yíng)銷活動(dòng)模板設(shè)計(jì)感興趣的用戶閱讀。

本篇文章將拆解下核心功能-活動(dòng)模板進(jìn)行講解。好的活動(dòng)模板在具備標(biāo)準(zhǔn)配置的同時(shí)也能夠在基礎(chǔ)上進(jìn)行個(gè)性化延伸。

活動(dòng)設(shè)計(jì)不僅僅是運(yùn)營(yíng)提供的方案，產(chǎn)品更需要觀察到邏輯底層的需求，運(yùn)營(yíng)側(cè)重的是玩法，怎么玩吸引用戶；產(chǎn)品側(cè)重的是邏輯，怎么設(shè)計(jì)吸引用戶，怎么設(shè)計(jì)避免被薅羊毛，可以多去玩玩活動(dòng)，一個(gè)是作為用戶角度，一個(gè)是作為產(chǎn)品角度，多思考很重要。

一、活動(dòng)模板全局設(shè)計(jì)

首先，梳理活動(dòng)整體流程。

之前講過：每一個(gè)活動(dòng)鏈條是由上游的活動(dòng)目標(biāo)用戶以及下游的權(quán)益獎(jiǎng)品所形成的閉環(huán)。

• 選擇活動(dòng)目標(biāo)用戶
• 配置活動(dòng)內(nèi)容（其中就包括各類規(guī)則：參與條件、獎(jiǎng)品、發(fā)放條件等等、這部分也是最復(fù)雜的設(shè)計(jì)）
• 選擇投放渠道
• 預(yù)覽活動(dòng)
• 發(fā)布活動(dòng)

其中預(yù)覽活動(dòng)與發(fā)布活動(dòng)的邊界也是當(dāng)時(shí)討論了好幾版才確定的，但我始終覺得這部分邊界沒有絕對(duì)的，而是根據(jù)體系的完善進(jìn)行動(dòng)態(tài)調(diào)整的。

整個(gè)活動(dòng)流程，大家可以參考下圖：

其次，根據(jù)流程劃分功能模塊，頁面布局。通俗來講就是整合功能節(jié)點(diǎn)，哪幾步操作可以放在一個(gè)頁面，該頁面完成什么任務(wù)/目標(biāo)。

這個(gè)時(shí)候我們需要站在用戶角度考慮，當(dāng)你完成一個(gè)配置單內(nèi)容的時(shí)候，你愿意是上一頁下一頁來回切換，還是一個(gè)頁面通過菜單tab去切換。可以轉(zhuǎn)換一個(gè)場(chǎng)景，我們都知道現(xiàn)在越來越多的餐廳是線上手機(jī)點(diǎn)單或者是ipad點(diǎn)單。

以海底撈為例，葷菜、素菜、甜品、酒水都是分開的頁面，如果我選擇葷菜在前面一頁，點(diǎn)完葷菜后在點(diǎn)素菜時(shí)發(fā)現(xiàn)還需要點(diǎn)一份毛肚，那我要切回到上一頁，然后再點(diǎn)擊下一頁回到素菜頁面。

你是不是會(huì)覺得操作很麻煩？如果這時(shí)候還沒有保存素菜勾選（有些產(chǎn)品真的設(shè)計(jì)在點(diǎn)擊下一步的時(shí)候進(jìn)行保存），是不是都要爆炸了，心想：這個(gè)軟件誰設(shè)計(jì)的這么不智能？

這個(gè)時(shí)候可能會(huì)有人反駁，活動(dòng)配置是流程式的，完成第一步再完成第二步，沒有問題啊。

我先選擇用戶，再選擇活動(dòng)條件，獎(jiǎng)品數(shù)量，再發(fā)布。其實(shí)這并沒有因果關(guān)系，確實(shí)會(huì)存在前置條件，例如我選擇的渠道不同，后面校驗(yàn)的用戶屬性也不同。

產(chǎn)品設(shè)計(jì)是需要在滿足需求的同時(shí)，達(dá)到易用性，不是說這樣設(shè)計(jì)不可以，而是我們有更優(yōu)方案。

這也是我自己在做這部分設(shè)計(jì)成長(zhǎng)的地方吧，有時(shí)候不是對(duì)與錯(cuò)，而是好與更好，多傾聽別人的想法，多看看其他的設(shè)計(jì)，提供更好的服務(wù)，實(shí)現(xiàn)用戶的需求，產(chǎn)品才能發(fā)揮最大的價(jià)值。

基于上述例子，我在設(shè)計(jì)的時(shí)候?qū)⑴渲脙?nèi)容都放在同一個(gè)頁面，頁面布局：左中右，左側(cè)是活動(dòng)頁面切換-菜單tab形式；中間是活動(dòng)頁面（直觀呈現(xiàn)前端活動(dòng)效果）；右側(cè)是各配置項(xiàng)-菜單tab形式，根據(jù)規(guī)則內(nèi)容劃分為：基礎(chǔ)設(shè)置、參與設(shè)置、獎(jiǎng)品設(shè)置、高級(jí)設(shè)置。整體設(shè)計(jì)如下圖：

左側(cè)和中間部分為聯(lián)動(dòng)設(shè)計(jì)，呈現(xiàn)活動(dòng)前端頁面，根據(jù)左側(cè)選擇的頁面名稱進(jìn)行切換。活動(dòng)頁面部分圖片或文字元素是可配置的，例如活動(dòng)主頁的LOGO、按鈕圖片等。涉及到圖片上傳的地方需要注意下尺寸以及大小，圖片太大會(huì)影響活動(dòng)加載速度，從而影響用戶體驗(yàn)。

（1）基礎(chǔ)設(shè)置

活動(dòng)基本的內(nèi)容配置，比如活動(dòng)名稱、活動(dòng)時(shí)間、活動(dòng)規(guī)則、文案等。

（2）參與設(shè)置

配置活動(dòng)邏輯及特性，主要控制活動(dòng)常用的邏輯。這部分內(nèi)容與活動(dòng)性質(zhì)關(guān)聯(lián)性較強(qiáng)，例如參與設(shè)置里面的派獎(jiǎng)條件設(shè)置，根據(jù)活動(dòng)類型不同，條件限制也不同：

新人類模板（派獎(jiǎng)設(shè)置）：新人條件設(shè)置。

抽獎(jiǎng)?lì)惸０澹ㄅ瑟?jiǎng)設(shè)置）：抽獎(jiǎng)限制（總抽獎(jiǎng)次數(shù)、周期抽獎(jiǎng)次數(shù)）、中獎(jiǎng)限制等設(shè)置。

這塊字段的設(shè)計(jì)可以參考下上一篇文章-規(guī)則引擎，一個(gè)活動(dòng)流程可配置的地方都可以抽象出來成為配置項(xiàng)，但是也是需要把控好邊界的，如果太多都能配置，難度就會(huì)增加，太少配置又不太靈活。

這里有個(gè)小tip：可以默認(rèn)部分設(shè)置，減輕用戶操作配置，另外也可以起到說明教學(xué)的作用。

（3）獎(jiǎng)品設(shè)置

配置活動(dòng)獎(jiǎng)品信息，或商品信息。

獎(jiǎng)項(xiàng)數(shù)目由模板配置端控制。部分字段可通用：活動(dòng)獎(jiǎng)品名稱、活動(dòng)獎(jiǎng)品描述、活動(dòng)獎(jiǎng)品圖片、獎(jiǎng)品兌獎(jiǎng)期限。其他字段和參與設(shè)置同樣存在特性，獎(jiǎng)品類型不同，條件不同。

（4）高級(jí)設(shè)置

不涉及活動(dòng)主要邏輯，附件條件的配置。例如分享活動(dòng)的標(biāo)題，文案等。

通用的底層模板完成了設(shè)計(jì)，基于此模板拓展延伸的活動(dòng)模板，這就類似清水房都是一樣的，要裝修成不通風(fēng)格根據(jù)特性而進(jìn)行設(shè)計(jì)。產(chǎn)品能做的還是之前提到的，多看多體驗(yàn)各類活動(dòng)，多思考，會(huì)發(fā)現(xiàn)很多不一樣的思路。

二、預(yù)覽與發(fā)布

1. 活動(dòng)預(yù)覽及修改

活動(dòng)完成配置后，如何讓用戶真實(shí)體驗(yàn)到自己所配置的活動(dòng)，也是活動(dòng)模板流程中的重要一環(huán)。

難點(diǎn)不是在預(yù)覽，預(yù)覽無非生成一個(gè)測(cè)試鏈接，做測(cè)試白名單，僅讓內(nèi)測(cè)用戶參與下活動(dòng)流程，看下文案，看下次數(shù)限制等等；難點(diǎn)是在于預(yù)覽狀態(tài)下需要做哪些規(guī)則校驗(yàn)？因?yàn)閮?nèi)測(cè)時(shí)，真正配置的人員大多都不具備規(guī)則條件。

例如新人條件；還有內(nèi)測(cè)時(shí)用戶參與活動(dòng)后的數(shù)據(jù)產(chǎn)生如何處理等等問題。討論這個(gè)問題沒少和開發(fā)組吵（si）架（bi），但是最終在一次次battle中找到解決辦法。

最開始因?yàn)橼s進(jìn)度版本，更多采用的是一刀切，后來慢慢完善產(chǎn)品，但是發(fā)現(xiàn)這樣設(shè)計(jì)過于籠統(tǒng)，對(duì)于預(yù)覽的體驗(yàn)特別不好，并且也要考慮在預(yù)覽階段，用戶發(fā)現(xiàn)配置有誤還涉及到修改活動(dòng)的問題。

經(jīng)過討論，我們提出了獎(jiǎng)品預(yù)占的概念（獎(jiǎng)品的進(jìn)出設(shè)計(jì)需要重點(diǎn)考慮），和支付設(shè)計(jì)中的預(yù)訂單類似，整體方案如下，大家可以作為參考：

• 預(yù)覽狀態(tài)中的活動(dòng)，所有配置項(xiàng)均可以修改
• 配置過程中，點(diǎn)擊【保存】或【預(yù)覽與發(fā)布】，都需要校驗(yàn)各配置項(xiàng)的規(guī)范性（特殊條件可以通過后臺(tái)人工操作設(shè)置），并預(yù)占獎(jiǎng)品庫存，預(yù)占庫存時(shí)判斷庫存是否充足
• 預(yù)覽狀態(tài)不用校驗(yàn)活動(dòng)開始/結(jié)束時(shí)間。預(yù)覽時(shí)的前端頁面需要展示開屏頁，提示用戶，當(dāng)前僅為預(yù)覽，若活動(dòng)體驗(yàn)中獲得獎(jiǎng)品無法兌換。且首頁頂部跑馬燈提示：活動(dòng)尚未發(fā)布，當(dāng)前產(chǎn)生的活動(dòng)數(shù)據(jù)發(fā)布后將被清空
• 正式發(fā)布后，發(fā)放出去的庫存都?xì)w置原庫存，預(yù)覽狀態(tài)中獎(jiǎng)的用戶也不再有中獎(jiǎng)記錄

2. 活動(dòng)發(fā)布及修改

完成活動(dòng)配置及預(yù)覽后，在確認(rèn)無誤的情況下，活動(dòng)可正式發(fā)布至線上，所有活動(dòng)目標(biāo)用戶均可參與。

在活動(dòng)開始時(shí)間之前進(jìn)行攔截-活動(dòng)未開始提示頁面，所以不存在需要定時(shí)發(fā)布的問題，活動(dòng)可以提早宣傳，提高活動(dòng)曝光量，可以通過短信或push消息等形式提示用戶活動(dòng)開始。

雖然在活動(dòng)配置環(huán)節(jié)提供了預(yù)覽，但同時(shí)也會(huì)存在上線后需要修改或優(yōu)化的情況，如何設(shè)置修改的邊界以減輕開發(fā)的工作量，也是產(chǎn)品需要考慮重點(diǎn)。

在沒有活動(dòng)營(yíng)銷平臺(tái)之前，修改個(gè)時(shí)間、文字都得通過開發(fā)，開發(fā)再測(cè)試，再發(fā)布，不僅整個(gè)鏈條很長(zhǎng)，同時(shí)在此期間活動(dòng)用戶參與的數(shù)據(jù)處理也需要很仔細(xì)，總會(huì)發(fā)現(xiàn)異常數(shù)據(jù)。

在此部分的設(shè)計(jì)，我們考慮是修改不是實(shí)時(shí)，而是通過二次發(fā)布覆蓋到當(dāng)前版本，并且產(chǎn)生的活動(dòng)數(shù)據(jù)可以做版本標(biāo)記，這樣出現(xiàn)異常的時(shí)候也好排查。我們的考慮切入點(diǎn)就是：

• 首先需要考慮已發(fā)布的活動(dòng)可修改的字段
• 其次針對(duì)已發(fā)布的活動(dòng)，修改生效操作：點(diǎn)擊【保存】提示保存成功后，才覆蓋線上態(tài)活動(dòng)

三、總結(jié)

整個(gè)活動(dòng)營(yíng)銷平臺(tái)的核心就是在模板設(shè)計(jì)與規(guī)則引擎，這部分需要通過不斷的學(xué)習(xí)而進(jìn)行產(chǎn)品優(yōu)化。

另外還是很強(qiáng)調(diào)邊界把控的問題，模板做得太靈活，開發(fā)難度及工作量都巨大，產(chǎn)品很炫酷是吸引點(diǎn)，但是產(chǎn)品經(jīng)理也需要考慮實(shí)用性以及商業(yè)價(jià)值，ROI等等因素。

以上是來自個(gè)人的產(chǎn)品理解，歡迎大家批評(píng)和指正。

從來都沒有完美的產(chǎn)品，這才是產(chǎn)品經(jīng)理存在的意義。

最近很喜歡的一句話，送給大家

“Learning doesn’t end at the answer”

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

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