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