運營彈窗的設計要點拆解

4 評論 19300 瀏覽 212 收藏 11 分鐘

編輯導語:在產(chǎn)品設計中,彈窗也是重要設計對象之一,因為它關系到用戶的產(chǎn)品體驗,進而影響到產(chǎn)品的用戶留存。如何畫出一個符合客戶和平臺要求的彈窗設計?本篇文章里,作者就對運營彈窗設計做了要點拆解,讓我們一起來看一下吧。

簽到提醒、會員購買引導、福利發(fā)放等場景都需要依托于彈窗為載體進行展示。分類并拆解設計細節(jié),是畫好運營彈窗的先決條件。

一、彈窗屬性介紹

彈窗是一種典型的模態(tài)視圖。所謂“模態(tài)”是指,暫時中斷用戶操作,以確保用戶接收到重要通知,或?qū)W⒆龀瞿稠棝Q策,半透明蒙版起到隔絕內(nèi)容層與浮出層的效果。當用戶點擊彈窗中的按鈕時,才能退出模態(tài)視圖。

由于彈窗的阻斷感極強,彈窗的出現(xiàn)必然伴隨體驗的犧牲,因此,除非有足夠的理由,不然慎用彈窗。

彈窗大分類:

  1. 基礎彈窗:通知類、決策類;
  2. 運營彈窗。

基礎類型彈窗承載著重要功能,且與流程緊密相關,不容易引起用戶抵觸。

而運營類彈窗,往往背負著明確的運營指標,以商業(yè)為導向,需要合理布局和策劃,提供足夠的利益點或趣味性,才能避免引起用戶反感。

二、運營彈窗的作用

運營彈窗的出現(xiàn)勢必對應著一個明確而關鍵的目的,不同的運營目標影響視覺呈現(xiàn)的方式。

運營彈窗的目標有3大類:

  1. 為了轉(zhuǎn)化:刺激用戶消費,不管是發(fā)放折價券或者聯(lián)合會員,都是用利益引導用戶購買,從而實現(xiàn)轉(zhuǎn)化。
  2. 為了活躍:引導簽到或參與時效性活動,以利益為驅(qū)動,增加用戶打開產(chǎn)品的動力。
  3. 為了拉新:以拼多多為代表,用現(xiàn)金的形式吸引用戶大量分享,依附微信強大的社交網(wǎng)絡,力求達到指數(shù)型裂變。

三、運營彈窗在用戶行為路徑中的出現(xiàn)節(jié)點

彈窗本身帶有一定的強迫性,用戶沒有辦法禁止彈窗出現(xiàn)。糟糕的彈窗設計不僅達不到運營目標,反而會讓用戶對產(chǎn)品整體的觀感直線下降。不妨以彈窗出現(xiàn)為起點,梳理用戶使用路徑。

四、運營彈窗的8種細分

基于以上分解的目標維度和行為路徑維度,我們可以將運營彈窗細分為以下8類:利益發(fā)放、開卡彈窗、簽到彈窗、活動彈窗、分享彈窗、反饋彈窗、挽留彈窗、回歸彈窗。

五、運營彈窗的設計邏輯拆解

1. 利益發(fā)放彈窗

利益發(fā)放彈窗的核心是:給用戶一個能激發(fā)消費的理由,這個理由可以是具體的折扣優(yōu)惠、也可以是拼手氣抽獎或者其他福利形式。

當利益足夠吸引時,用戶越傾向沖動消費,而當利益吸引不夠時,可以通過增加形式感或趣味性的玩法進行補充。

2. 開卡彈窗

開卡彈窗,顧名思義,是為了引導用戶購買會員。核心是突出會員的優(yōu)越性,常見的具體手法是,計算節(jié)省金額、展示專屬功能、制造緊迫感、提供免費體驗機會等。

根據(jù)產(chǎn)品不同的核心競爭力,選擇合適的利益點,如工具性產(chǎn)品主要以產(chǎn)品性能為核心賣點,如果對自己產(chǎn)品有信心,不妨提供免費會員體驗機會?!坝缮萑雰€難”,一旦體驗過流暢高效的會員服務之后,升級服務的欲望將會更加強烈。

3. 簽到彈窗

簽到是很好的提升粘性的手段,根據(jù)簽到功能的權重,分配不同的展示形式。首頁導航欄、個人中心都是常見的放置簽到入口的位置。

部分產(chǎn)品著重突出簽到,當用戶進入首頁之后,直接跳出簽到彈窗。在流量最大的首頁跳出簽到彈窗,好處是在總量上提升了進入簽到流程的UV,但是壞處也相當明顯。對于沒有簽到意愿的用戶來說,這無疑是一種強硬的打斷,影響體驗。

4. 活動彈窗

活動彈窗主要是為了推廣活動而存在,活動的具體形式不勝枚舉,因此視覺樣式也多種多樣。

根據(jù)活動性質(zhì)、品牌調(diào)性和目標人群視覺偏好,選擇合適的視覺風格進行展示。

5. 分享彈窗

在獲客成本越來越高的當下,如何有效拉新成為關鍵和難點。被拼多多“套路”過的用戶已然對分享提現(xiàn)有了防備。清晰明確的門檻和足夠強的利益點,才是撬動用戶主動分享的關鍵。

6. 反饋彈窗

反饋彈窗顧名思義,是告知用戶結果的彈窗,分為正反饋彈窗和負反饋彈窗兩種。

正反饋彈窗很好理解,告知用戶得到了某些福利,氛圍熱鬧愉悅。

而負反饋彈窗的設計方向有兩種,一種是“以正面姿態(tài)傳遞負面信息”,如下圖圖3,整體氛圍還是熱鬧喜慶的。另一種設計思路是“情感化表達負面信息”,將“遺憾”和品牌IP做結合,通過IP形象將負面情緒擬人化、卡通化,減輕用戶的失落感。

7. 挽留彈窗

當用戶關閉某些彈窗后,又會立即出現(xiàn)一個祈求用戶回心轉(zhuǎn)意的挽留彈窗。挽留彈窗最需要注意的兩個重點:

  1. 文案突出利益點:表明用戶將要放棄的福利是很可觀的,強化損失厭惡。
  2. 按鈕位置:根據(jù)用戶習慣,右側(cè)按鈕是慣常行動點,一般是順應用戶意愿的,有“確定”的默認內(nèi)涵;而挽留彈窗的行動點布局是逆反的,用戶的“確定”實際上被放置于左側(cè)。

8. 回歸彈窗

回歸彈窗見于用戶在一段時間內(nèi)都沒有打開應用或界面,用戶本身對產(chǎn)品的粘性較低。為了爭取用戶,在此機會給用戶發(fā)放福利,希望能盡量留住用戶。

六、運營彈窗的視覺分析

從視覺表現(xiàn)的角度拆解利益發(fā)放類彈窗,從簡約到復雜的過程中,信息傳遞的效率逐漸下降,氛圍感逐漸抬升。針對不同的場景,權衡信息與氛圍之間的平衡。有些時候,設計師下意識會在彈窗上增加許多氛圍裝飾,雖然起到了豐富視覺的作用,但一定程度上也影響了信息的傳達。

活動彈窗由于主題靈活多變,對應視覺呈現(xiàn)方式也多種多樣。

常見彈窗有基礎形狀,一般是矩形,而有些彈窗突破了形狀的限制,沒有底板約束,更加自由。

工具性、金融性產(chǎn)品更加適合規(guī)則彈窗,凸顯專業(yè)克制,而娛樂性產(chǎn)品,如微博,重視氛圍打造,更加適合無邊框彈窗。

七、小結

設計運營彈窗,首先要了解設計目標,做到心中有數(shù),根據(jù)信息優(yōu)先級進行視覺上的突出和弱化,平衡氛圍和信息傳達效率。整理并歸納優(yōu)秀案例,使設計更加有的放矢,有理有據(jù)。

 

本文由 @doo_W 授權發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

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

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 666

    回復
  2. 回復
  3. 整理得很清楚??

    來自福建 回復
  4. 干貨滿滿~~贊

    來自廣東 回復