前言

如今互聯(lián)網(wǎng)大廠的運(yùn)營活動不斷精細(xì)化內(nèi)卷，玩法也越來越新穎，從簡單的分享玩法到游戲化的活動體驗(yàn)，怎樣能吸引更多用戶參與活動，達(dá)成拉新、促活、商業(yè)營收等運(yùn)營目標(biāo)？本"秘籍"將結(jié)合百度 APP 以往的運(yùn)營活動設(shè)計案例，淺談一下我們在設(shè)計工作中，如何利用有限的時間排期快速且高效的搭建出一個活動主頁，在降本增效的同時提升活動的品牌感知，促進(jìn)用戶轉(zhuǎn)化。

首先我們要了解一套完整的運(yùn)營活動參與流程包含用戶了從資源位開始，進(jìn)入活動主頁參與活動，通過彈窗、二級頁等內(nèi)容引導(dǎo)最終實(shí)現(xiàn)活動的全鏈路體驗(yàn)。

資源位在于獲取流量，吸引用戶點(diǎn)擊，因此在資源位設(shè)計上我們會簡單粗暴的去注重利益吸引或是趣味創(chuàng)意等手段；而活動主頁是整個活動中最為關(guān)鍵的一環(huán)，需要不斷保持用戶粘性實(shí)現(xiàn)轉(zhuǎn)化，這也是以下我們將要具體展開聊聊的內(nèi)容；彈窗和二級頁逐步引導(dǎo)用戶完成一系列操作，豐富整個活動流程體驗(yàn)。

一、大廠的活動主頁長什么樣

縱觀快手、支付寶等各節(jié)點(diǎn)的重點(diǎn)運(yùn)營活動，除了設(shè)計的精致度一直在線外，活動主頁的框架結(jié)構(gòu)、信息布局以及設(shè)計元素是可以被提煉和歸納。

二、三層架構(gòu)秒速拼搭運(yùn)營活動

我們可以將運(yùn)營活動主頁拆分定義為三層結(jié)構(gòu)：創(chuàng)意層、骨架層、對話層。

接下來將詳細(xì)闡述三層構(gòu)架都有哪些搭建因子，這些因子具體內(nèi)容又是什么，在理解的前提下做設(shè)計，讓頁面搭建的變得更簡單。

1. 創(chuàng)意層

創(chuàng)意層用于呈現(xiàn)靜態(tài)或動態(tài)的主題圖、或是可交互的玩法主體，例如大富翁玩法地圖、集卡玩法的卡片陳列、競猜答題玩法的問答卡片，這是我們在設(shè)計工作中要進(jìn)行重點(diǎn)創(chuàng)意的部分，不同活動的創(chuàng)意各不相同、靈活多變。

在項(xiàng)目流程中通常需要先基于主玩法確定創(chuàng)意層的大致形態(tài)，在設(shè)計骨架層時配合創(chuàng)意層的大形安置各功能模塊，再去豐富創(chuàng)意層的細(xì)節(jié)氛圍元素，使活動頁面的整體視效和屏效達(dá)到最優(yōu)。

而在項(xiàng)目初期我們可以借助 AI 生圖工具快速生成不同的視覺素材，從中獲取新的設(shè)計元素、色彩搭配和構(gòu)圖思路，幫助我們提前預(yù)判活動視覺方向和質(zhì)量。

2. 骨架層

骨架層承載操作按鈕等功能模塊，游戲化運(yùn)營活動的首屏骨架層通常使用 "回字布局"，以便充分利用頁面空間承載功能模塊，包括標(biāo)題模塊、主操作模塊、子玩法模塊（子玩法入口、獎勵進(jìn)度）、導(dǎo)流模塊。

標(biāo)題模塊：通常包含主題頭圖、聯(lián)合 LOGO、輔助功能等，布局樣式具有強(qiáng)通用性，適用于所有活動，可以制作成組件以便快速復(fù)用。

主操作模塊：具有強(qiáng)引導(dǎo)性，強(qiáng)化主按鈕，相對弱化周邊操作按鈕。主操作區(qū)域在視覺層級上的優(yōu)先級最高，但結(jié)構(gòu)不宜復(fù)雜。而多功能按鈕，看似很豐富但用戶認(rèn)知成本較高，不利于新人上手。

玩法模塊：包括主玩法輔助模塊和子玩法模塊，用于呈現(xiàn)當(dāng)前狀態(tài)、參與進(jìn)度等信息，通常具有強(qiáng)激勵性，附帶激勵文案和動態(tài)反饋；子玩法內(nèi)容盡可能用半彈層承載，減少跳轉(zhuǎn)、使參與過程更沉浸。

導(dǎo)流模塊：用于同期活動或商業(yè)導(dǎo)流，通常會跳出當(dāng)前活動頁面，因此導(dǎo)流位不宜過多，可采用按隊(duì)列或配置的方式輪換展示更多導(dǎo)流入口；在回字布局的側(cè)邊，一定的留白空間也可以避免給用戶參與主活動造成過多干擾。

除此之外，活動的品牌設(shè)計和素材組件也是骨架層中重要的組成部分，我們可以將構(gòu)成頁面并貫穿始終的最基礎(chǔ)組件剝離出來，例如字體、顏色、符號、素材、IP、動效等，這些基礎(chǔ)組件在整個活動流程中都會被應(yīng)用到，是搭建界面的基石。

①不同的字體傳達(dá)出不同的性格特征，比如賽事競猜活動，更適合使用具有傾斜度的非襯線體字體，體現(xiàn)競賽和專業(yè)；旅行類或游戲類活動，更適合使用帶有圓角的更具變化的字體，體現(xiàn)輕松和活力。

②顏色跟字體一樣具有很強(qiáng)的象征性也會決定活動的氣質(zhì)，比如紅色代表熱情激情，體現(xiàn)熱鬧氛圍，適合春節(jié)情人節(jié)等活動；綠色代表健康、舒適，適合在醫(yī)療類的運(yùn)營活動中使用。

③符號在活動中具有裝飾和輔助作用，當(dāng)它與活動想表達(dá)語意相契合時，便可成為視覺錘，將活動想表達(dá)語言釘進(jìn)用戶心智，符號在活動中重復(fù)使用，達(dá)到加強(qiáng)記憶的同時也增加了活動統(tǒng)一性。

④素材作為頁面中主要視覺道具和裝飾出現(xiàn)，通過對素材規(guī)范設(shè)置與排列組合，形成一個可快速調(diào)用與便捷維護(hù)組件，能夠避免在相同場景下重復(fù)造新樣式問題，同時增強(qiáng)活動品牌統(tǒng)一性。

⑤IP 形象具備典型符號性，它可以強(qiáng)化視覺趣味、快速拉近用戶情感距離，促成心理認(rèn)同與積極情緒，因此我們也要學(xué)會在活動中靈活植入 IP 形象，常見的場景有互動性質(zhì)的主視覺、激勵感受的頁面、情緒體現(xiàn)的彈窗等。

⑥動效往往是用戶體驗(yàn)中畫龍點(diǎn)睛的一個要素，同時也是比較耗時的一個過程，除了各活動定制化的視覺動效外，我們可對頁面中的 btn 呼吸態(tài)、彈窗彈出、半層升起、小手引導(dǎo)、頁面光效等部分進(jìn)行動態(tài)組件化應(yīng)用，讓我們在一個甚至多個活動中減少設(shè)計和開發(fā)的時間成本。

通過對以上模塊、組件的了解和靈活運(yùn)用，骨架層的搭建才能更加的豐富和完善。

3. 對話層

在運(yùn)營活動界面設(shè)計中，牽引力是十分重要的，在骨架層的基礎(chǔ)上通過對話層可以增加互動性，從而牽引用戶進(jìn)行參與行為。對話層常見形式包括：tips、彈窗、向?qū)А?/p>

tips：氣泡提示框，可以靈活地附著在骨架層的各個模塊上，常用于配合玩法策略在特定時機(jī)展示激勵性文案，引導(dǎo)用戶點(diǎn)擊所提示對象。需注意的是，在同一時刻，頁面一屏內(nèi)建議只出現(xiàn)一個 tips，避免分散用戶注意力。

彈窗：彈窗是人機(jī)界面中最常用的組件，在游戲化運(yùn)營活動中，按場景可分為 3 類：激勵彈窗、挽留彈窗、異常彈窗。

在設(shè)計彈窗時，我們將設(shè)計工作的重點(diǎn)放在激勵彈窗上，激勵彈窗用于引導(dǎo)用戶完成單個任務(wù)，因此需要強(qiáng)化用戶任務(wù)的利益點(diǎn)和主操作按鈕，將其余元素和按鈕盡可能遠(yuǎn)離或弱化，從而讓用戶視線更聚焦，提高激勵主體的引導(dǎo)效果。

激勵彈窗的引導(dǎo)效果雖然最強(qiáng)，但本身也容易給用戶阻斷感，因此我們在彈窗設(shè)計上通常會融入活動 IP、搭配氛圍動效，以抵消打斷用戶時的負(fù)面感受，同時也提升激勵場景的趣味度，在局部做適當(dāng)變化，給用戶更豐富多樣的視效感受。

向?qū)В合驅(qū)в糜谛率纸逃?，不同于產(chǎn)品功能向?qū)У氖?，在游戲化運(yùn)營活動中，用戶往往缺乏學(xué)習(xí)的耐心，因此需要盡量使用輕量化的向?qū)问?，我們常用的向?qū)问接?3 種：手勢指針、分步引導(dǎo)、非模態(tài)對話框。

在玩法較簡單的活動中，通常僅使用一次手勢指針指引關(guān)鍵操作按鈕。

如果玩法稍復(fù)雜，為了避免過多的按鈕功能讓用戶感到復(fù)雜，可以使用分步引導(dǎo)配合手勢指針，逐步展現(xiàn)骨架層，帶領(lǐng)用戶逐一體驗(yàn)多種玩法。逐步引導(dǎo)建議不超過 3 步，如果需要引導(dǎo)教育的內(nèi)容較多，可拆分多階段或延后引導(dǎo)用戶進(jìn)行體驗(yàn)。

非模態(tài)對話框是我們近期的新嘗試，它即可融入創(chuàng)意層，也可指引骨架層，是一種靈活輕量的對話形式，當(dāng)與  IP 搭配使用時，使用第一人稱和第二人稱文案，可以給用戶更強(qiáng)的互動感、讓 IP 更具生命力。

三、后記

工作中面對有限的時間排期，快速且高效的完成業(yè)務(wù)需求變得十分關(guān)鍵，通過 AI 生圖工具、組件拆分，將每個重要元素設(shè)計出來，同時結(jié)合三層架構(gòu)的方法，像玩樂高一樣，把相應(yīng)的"積木"拼起來，逐步進(jìn)行調(diào)整和優(yōu)化，一個運(yùn)營活動頁面就成型了。

工作效率得到提升，設(shè)計師也能有更多的精力去專注體驗(yàn)與細(xì)節(jié)的深耕，實(shí)現(xiàn)設(shè)計更多的商業(yè)價值。

最后，感謝你能讀到這里，希望本"秘籍"對你有所啟發(fā)。

作者：百度MEUX