你必須要知道的運營彈窗設計技巧
編輯導讀:現在流量越來越貴,越來越稀有,很多人都希望借助運營活動來獲得更多的流量。彈窗作為重要的活動引導方式,在給用戶強提醒的同時,也帶來了一定的干擾性。如何設計一個運營活動的彈窗呢?本文作者根據自身工作經驗,對此展開了分析,與你分享。
當下互聯網電商越來越注重運營活動,將營銷滲透在了用戶各個行為鏈路中,希望提升用戶的活動感知,帶來更高的轉化。彈窗作為重要的活動引導方式,在給用戶強提醒的同時,也帶來了一定的干擾性。
彈窗交互設計層面并不復雜,核心在于如何將信息有效的傳遞給用戶,激發用戶的參與熱情。剛好最近在項目中對彈窗設計有了一些感悟,總結起來分享給大家。
文章主要的內容包括:
- 彈窗的內在交互和外在形式
- 彈窗如何做好信息傳遞
- 彈窗中的體驗設計維度
01 運營彈窗的交互和展現
1. 彈窗的內在交互
彈窗是一種優勢和弊端都非常明顯的交互形式。
1)優勢
彈窗處于信息層級的最頂端,可以給用戶最強的提醒。通過增加半透明遮罩,更是牢牢的吸引了用戶視覺焦點。“模態形式”的彈窗要求用戶必須作出回饋后,才能繼續其他操作,強制性讓用戶根本無法忽略彈窗的存在。
同時彈窗相對于其他引導形式尺寸更大,能夠承載更多的活動信息,有效的增強氛圍。這些優點讓彈窗深受運營同學的歡迎。
2)弊端
很多場景下,彈窗并不在用戶的正常操作流程之中,會中斷用戶行為,增加用戶的理解成本和行為成本。加之電商平臺運營中時不時出現的夸大宣傳,或者誘導性的表達,讓用戶對彈窗有了一定的戒備心理,不少用戶看到彈窗的第一反應就是關閉。
因此彈窗設計必須要清晰的展現出活動的關鍵利益點,戳中用戶需求點,引導用戶參與活動。
2. 彈窗的外在展現
彈窗設計的表現形式多種多樣,從表現形式上可以概括為面形和異形2大類。
1)面形彈窗
面形彈窗通過背景色將內容圈定在一個比較規整的區域中。為了烘托氛圍,增強視覺沖擊力,彈窗會采用各種可視化表現形態。常見的有紅包、寶箱、禮盒等形式。如果處理不當的話,反而增加了彈窗的信息量,影響核心信息的傳達。例如下圖中的禮盒彈窗增加了各種細節,反而讓主題信息不那么搶眼。
2)異形彈窗
異形彈窗擺脫了背景限制,元素分散在遮罩層上,視覺層級更明顯。同時在深色遮罩上更容易增加特效,有利于突出核心內容。不過當彈窗內容較多時,會造成內容過于散碎。
因此在異形彈窗設計時,一方面要控制元素的數量,另一方面需要選用簡單、規整的元素,避免造成用戶視覺動線凌亂。
02?彈窗的信息傳遞
1. 信息傳遞方式
運營彈窗的引導內容可以歸為3類。
1)文案引導
文案信息作為彈窗核心,借助可視化的氛圍,簡單明了的傳達活動內容。通常以大額紅包、免費得為核心利益點。例如“最高搶XXXX元紅包”、“最高贏XXXX元現金”,或者0元搶、無門檻券等。
簡單的信息內容,可以最大程度的減少用戶的思考成本,甚至行動按鈕文案也簡化為單字表達。
2)商品/券引導
這類彈窗更多的用于垂直電商,以具體商品折扣為核心賣點。通過價格、活動信息吸引用戶進入活動會場,增加其他商品曝光和轉化幾率。因此彈窗的選品至關重要,必須能夠激發出用戶的購物需求。
3)融合引導
如果單純的文案缺少賣點或者賣點不足,就需要利用商品更加直觀的展示活動的價值點。例如多多買菜彈窗中通過商品直降信息,一方面喚醒用戶購物需求,另一方面清晰的傳達了活動折扣力度。
2. 文案表達
在不同的場景下,文案的表達也不相同。當主動推送彈窗時,一般會采用陳述性語氣,簡潔有力的傳達出活動主題和價值。而在用戶退出時,通常會采用反問句,加重利益點的傳遞。
3. 行動按鈕
通常情況下為了激勵用戶參與活動,彈窗主動曝光時,只會保留一個行動按鈕引導用戶操作,而“關閉”按鈕則被弱化,甚至不顯示。
而在退出彈窗一般給出兩個選項按鈕,保證用戶的選擇權。不過拼多多在某些場景下,仍然只有一個行動按鈕,更加強調對用戶引導。
03 彈窗的體驗設計
彈窗設計并不復雜,但是想要起到應有的效果,確實需要好好思考一番。我個人覺得彈窗體驗維度可以分為3個層面。
1. 注重鏈路匹配
理論上講,任何頁面都可以增加彈窗。但是由于彈窗的干擾性過強,為了保證良好的用戶體驗,彈窗一般只會在首頁、頻道頁和頁面退出時出現。
1)首頁彈窗
首頁彈窗無疑是曝光率最高的,可以說是100%。但是首頁作為流量集合和分發頁面,必須要對彈窗進行一定的控制。只有重大的運營活動才可以在首頁發布,例如無門檻券活動。
另一方面用戶大都抱著一定的行為目的使用產品。如果剛一打開產品,就出現彈窗,被打斷的感覺會更強,彈窗的關閉率相對也較高。因此首頁彈窗內容需要與用戶身份有足夠強的關聯性,例如新人轉化、沉睡用戶喚醒等關鍵節點。
2)頻道頁彈窗
大多數的主動彈窗會出現在頻道頁中,主要目的是活動曝光,激勵轉化。當然頻道頁的彈窗曝光率可能較低,覆蓋的用戶量也相對有限,需要其他引導方式配合,才能更好的吸引用戶。例如首頁Banner 曝光,頻道icon 動效引導等等。
3)退出彈窗
退出彈窗更多的用于活動頁面退出時。主要目標是信息的二次曝光,防止用戶因為不了解頁面內容影響轉化?;蛘咴黾犹崾拘畔?,引導用戶再次訪問。
2. 增強信任感
為了吸引用戶點擊,彈窗中都會傳遞最大利益點,因此作為重要信息,各種大額或低價數字會被突出展示。然而套路多了,反而會增加用戶的不信任感。
隨著各大平臺紛紛推出的“百億補貼”活動深入人心,強調活動總價值或許更容易讓用戶接受。
另一方面彈窗信息需要準確表達,避免虛假宣傳。
例如多多買菜推出的下單全額返,比較準確的表達了活動玩法。雖然是返券,而且單張券有最高金額限制,總的來說套路不深。
但是雙11紅包雨活動算是套路滿滿,彈窗顯示獲得了28元紅包,進入頁面后發現竟然是28個1元紅包,瞬間感覺被嚴重欺騙了感情。
3. 降低干擾性
1)系列式設計增加新鮮感
現在很多彈窗的策略是活動期間每天彈一次,用戶點擊后則不再彈出。所以彈窗可能會讓用戶煩不勝煩,看到后會立刻關閉掉。為了緩解用戶的負面情緒,可以采用系列式彈窗設計。通過樣式的變化,降低用戶審美疲勞,吸引用戶關注點擊。
2)增加過渡緩沖干擾
為了減少彈窗的突兀,可以將彈窗內容進行包裝,形成一個更有期待的過渡層,讓用戶更容易接受。例如某些場景下,拼多多增加了“禮包”形式作為中間層過渡,讓彈窗不那么生硬的出現在用戶面前。
3)融合動效增強吸引力
用戶對動效類的形式接受度更高,因此可以在彈窗中融入動效,或者通過動效引出彈窗,從而減少彈窗的干擾性。當然這種形式更適用于重大的運營活動,畢竟設計成本較高。
4)定時關閉減少操作成本
部分場景下可以在彈窗中加入定時關閉功能,一方面可以增加活動緊迫性,激勵用戶領取,同時可以減少用戶操作。例如用戶主要在夜間觀看直播,更多的是躺在床上觀看,屬于不愿意或不方便手動操作的場景,自動關閉在一定程度上提升了用戶體驗(純屬個人猜測)。
04 寫在最后
一直以來彈窗形式深受各種詬病,除了以上總結的設計技巧,還需要注意彈出的頻率、節點、客群的選擇等等??偟膩碚f,只有與用戶關聯度強,讓用戶看得懂的彈窗,才有可能激發用戶的行為動機,帶來更好的商業價值。
#專欄作家#
子牧先生。公眾號:子牧UXD(HelloDesign),人人都是產品經理專欄作家。產品體驗設計師。8年互聯網行業經驗,擅長體驗設計思維、設計方法論、交互設計研究。
本文原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 unsplash,基于CC0協議
舉例都十分有代表性,謝謝分享
漲姿勢