運營彈窗的設計要點拆解
編輯導語：在產品設計中，彈窗也是重要設計對象之一，因爲它關係到用戶的產品體驗，進而影響到產品的用戶留存。如何畫出一個符合客戶和平臺要求的彈窗設計？本篇文章裏，作者就對運營彈窗設計做了要點拆解，讓我們一起來看一下吧。
簽到提醒、會員購買引導、福利發放等場景都需要依託於彈窗爲載體進行展示。分類並拆解設計細節，是畫好運營彈窗的先決條件。
一、彈窗屬性介紹
彈窗是一種典型的模態視圖。所謂“模態”是指，暫時中斷用戶操作，以確保用戶接收到重要通知，或專注做出某項決策，半透明蒙版起到隔絕內容層與浮出層的效果。當用戶點擊彈窗中的按鈕時，才能退出模態視圖。
由於彈窗的阻斷感極強，彈窗的出現必然伴隨體驗的犧牲，因此，除非有足夠的理由，不然慎用彈窗。
彈窗大分類：
基礎類型彈窗承載着重要功能，且與流程緊密相關，不容易引起用戶牴觸。
而運營類彈窗，往往揹負着明確的運營指標，以商業爲導向，需要合理佈局和策劃，提供足夠的利益點或趣味性，才能避免引起用戶反感。
二、運營彈窗的作用
運營彈窗的出現勢必對應着一個明確而關鍵的目的，不同的運營目標影響視覺呈現的方式。
運營彈窗的目標有3大類：
- 爲了轉化：刺激用戶消費，不管是發放折價券或者聯合會員，都是用利益引導用戶購買，從而實現轉化。
- 爲了活躍：引導簽到或參與時效性活動，以利益爲驅動，增加用戶打開產品的動力。
- 爲了拉新：以拼多多爲代表，用現金的形式吸引用戶大量分享，依附微信強大的社交網絡，力求達到指數型裂變。
三、運營彈窗在用戶行爲路徑中的出現節點
彈窗本身帶有一定的強迫性，用戶沒有辦法禁止彈窗出現。糟糕的彈窗設計不僅達不到運營目標，反而會讓用戶對產品整體的觀感直線下降。不妨以彈窗出現爲起點，梳理用戶使用路徑。
四、運營彈窗的8種細分
基於以上分解的目標維度和行爲路徑維度，我們可以將運營彈窗細分爲以下8類：利益發放、開卡彈窗、簽到彈窗、活動彈窗、分享彈窗、反饋彈窗、挽留彈窗、迴歸彈窗。
五、運營彈窗的設計邏輯拆解
1. 利益發放彈窗
利益發放彈窗的核心是：給用戶一個能激發消費的理由，這個理由可以是具體的折扣優惠、也可以是拼手氣抽獎或者其他福利形式。
當利益足夠吸引時，用戶越傾向衝動消費，而當利益吸引不夠時，可以通過增加形式感或趣味性的玩法進行補充。
開卡彈窗，顧名思義，是爲了引導用戶購買會員。核心是突出會員的優越性，常見的具體手法是，計算節省金額、展示專屬功能、製造緊迫感、提供免費體驗機會等。
根據產品不同的核心競爭力，選擇合適的利益點，如工具性產品主要以產品性能爲核心賣點，如果對自己產品有信心，不妨提供免費會員體驗機會。“由奢入儉難”，一旦體驗過流暢高效的會員服務之後，升級服務的慾望將會更加強烈。
簽到是很好的提升粘性的手段，根據簽到功能的權重，分配不同的展示形式。首頁導航欄、個人中心都是常見的放置簽到入口的位置。
部分產品着重突出簽到，當用戶進入首頁之後，直接跳出簽到彈窗。在流量最大的首頁跳出簽到彈窗，好處是在總量上提升了進入簽到流程的UV，但是壞處也相當明顯。對於沒有簽到意願的用戶來說，這無疑是一種強硬的打斷，影響體驗。
活動彈窗主要是爲了推廣活動而存在，活動的具體形式不勝枚舉，因此視覺樣式也多種多樣。
根據活動性質、品牌調性和目標人羣視覺偏好，選擇合適的視覺風格進行展示。
在獲客成本越來越高的當下，如何有效拉新成爲關鍵和難點。被拼多多“套路”過的用戶已然對分享提現有了防備。清晰明確的門檻和足夠強的利益點，纔是撬動用戶主動分享的關鍵。
反饋彈窗顧名思義，是告知用戶結果的彈窗，分爲正反饋彈窗和負反饋彈窗兩種。
正反饋彈窗很好理解，告知用戶得到了某些福利，氛圍熱鬧愉悅。
而負反饋彈窗的設計方向有兩種，一種是“以正面姿態傳遞負面信息”，如下圖圖3，整體氛圍還是熱鬧喜慶的。另一種設計思路是“情感化表達負面信息”，將“遺憾”和品牌IP做結合，通過IP形象將負面情緒擬人化、卡通化，減輕用戶的失落感。
當用戶關閉某些彈窗後，又會立即出現一個祈求用戶回心轉意的挽留彈窗。挽留彈窗最需要注意的兩個重點：
- 文案突出利益點：表明用戶將要放棄的福利是很可觀的，強化損失厭惡。
- 按鈕位置：根據用戶習慣，右側按鈕是慣常行動點，一般是順應用戶意願的，有“確定”的默認內涵；而挽留彈窗的行動點佈局是逆反的，用戶的“確定”實際上被放置於左側。
迴歸彈窗見於用戶在一段時間內都沒有打開應用或界面，用戶本身對產品的粘性較低。爲了爭取用戶，在此機會給用戶發放福利，希望能儘量留住用戶。
六、運營彈窗的視覺分析
從視覺表現的角度拆解利益發放類彈窗，從簡約到複雜的過程中，信息傳遞的效率逐漸下降，氛圍感逐漸抬升。針對不同的場景，權衡信息與氛圍之間的平衡。有些時候，設計師下意識會在彈窗上增加許多氛圍裝飾，雖然起到了豐富視覺的作用，但一定程度上也影響了信息的傳達。
活動彈窗由於主題靈活多變，對應視覺呈現方式也多種多樣。
常見彈窗有基礎形狀，一般是矩形，而有些彈窗突破了形狀的限制，沒有底板約束，更加自由。
工具性、金融性產品更加適合規則彈窗，凸顯專業剋制，而娛樂性產品，如微博，重視氛圍打造，更加適合無邊框彈窗。
七、小結
設計運營彈窗，首先要了解設計目標，做到心中有數，根據信息優先級進行視覺上的突出和弱化，平衡氛圍和信息傳達效率。整理並歸納優秀案例，使設計更加有的放矢，有理有據。
本文由 @doo_W 授權發佈於人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基於 CC0 協議