即使是最好的、最有創(chuàng)意的、最有趣的、最昂貴的廣告也不過是干擾。觀眾沒有要求他們并且經(jīng)常不想看到他們。但是彈出式廣告——顧名思義——以特別具有侵入性而聞名。就像恐怖電影中的驚嚇一樣，它們是你臉上的驚喜。這就是為什么特殊的彈窗廣告設(shè)計(jì)很重要的原因：它可以使彈窗廣告不僅可以忍受而且具有說服力。
盡管彈窗廣告可能會(huì)激怒網(wǎng)站訪問者，但它們?nèi)匀淮嬖谑怯谐浞掷碛傻模焊鶕?jù)淄博vi設(shè)計(jì)公司的研究，它們的會(huì)話率在最高性能時(shí)平均可達(dá) 9% 。這使得設(shè)計(jì)好的彈窗廣告不僅對(duì)于減輕用戶的挫敗感而且對(duì)于業(yè)務(wù)成功至關(guān)重要?？紤]到這一點(diǎn)，讓淄博品牌設(shè)計(jì)公司帶你來看看一些關(guān)于如何創(chuàng)建可轉(zhuǎn)換的彈出式設(shè)計(jì)的最佳實(shí)踐。
1.權(quán)衡您對(duì)彈出式設(shè)計(jì)風(fēng)格的選擇
-
最基本和最常見的彈窗廣告是出現(xiàn)在屏幕中央的方形窗口。這里的好處是不容錯(cuò)過。當(dāng)然，這只是因?yàn)樗苯忧腥肓擞脩舻囊曇?。雖然傳統(tǒng)的彈窗廣告沒有什么特別的問題，但當(dāng)有很多其他（可能更有效）選項(xiàng)需要考慮時(shí)，它通常被用作默認(rèn)選項(xiàng)。
彈窗廣告可以出現(xiàn)在屏幕上的任何位置，并且每個(gè)位置都會(huì)對(duì)信息的性質(zhì)產(chǎn)生影響。標(biāo)準(zhǔn)的前端和中心方法往往表示您愿意打斷用戶瀏覽的重要內(nèi)容。它通常用于內(nèi)容的即時(shí)購買或付費(fèi)墻（如在線新聞）。
相反，彈窗廣告可以從屏幕的頂部或底部滑入，允許用戶在彈窗廣告出現(xiàn)時(shí)繼續(xù)與站點(diǎn)交互。通過這種方法，訪問者可以選擇他們想要與彈窗廣告互動(dòng)的時(shí)間，并且如果彈窗廣告覆蓋了足夠多的頁面以分散注意力，他們就會(huì)被激勵(lì)盡早這樣做。這種方法通常用于不太緊迫的操作，例如讓訪問者輸入他們的電子郵件地址。
最后，彈窗廣告也可以出現(xiàn)在頁面的側(cè)面或角落。鑒于這種方法是多么不引人注目，它通常用于可選內(nèi)容，例如教學(xué)提示。
另一個(gè)有時(shí)被忽視的設(shè)計(jì)考慮因素是動(dòng)畫——彈窗廣告如何到達(dá)屏幕會(huì)對(duì)其接收方式產(chǎn)生巨大影響。例如，淡入淡出比突然覆蓋要柔和得多，也不那么刺耳。與此同時(shí)，真正的流行和彈跳動(dòng)畫讓人感覺既有趣又友好。更加努力的方法——比如讓彈窗廣告的不同元素通過單獨(dú)的、獨(dú)特的動(dòng)畫出現(xiàn)——讓彈窗廣告感覺不像是廣告，而更像是網(wǎng)站的一個(gè)有價(jià)值的、創(chuàng)造性的功能。
2. 使彈窗廣告與品牌保持一致
——
好像作為一個(gè)彈窗廣告還不夠引人注目，彈窗廣告（以及對(duì)立即轉(zhuǎn)換的渴望）通常會(huì)產(chǎn)生盡可能多的花里胡哨的誘惑。這可能導(dǎo)致設(shè)計(jì)過度突出號(hào)召性用語(CTA)，有時(shí)使用文字箭頭，或加粗幾行復(fù)制或過度使用紅色，所有這些都是為了確保用戶不會(huì)錯(cuò)過推銷。
像這樣的策略往往讓人想起90 年代互聯(lián)網(wǎng)的狂野西部，當(dāng)時(shí)早期的彈出式廣告響亮而自豪，色彩沖突和閃爍的文字。事實(shí)上，它們是如此糟糕，以至于彈窗廣告的原始創(chuàng)建者已經(jīng)向世界道歉。此外，并非只有品牌使用彈窗廣告——詐騙者經(jīng)常使用無處不在的彈窗廣告，這些彈窗廣告帶有危言聳聽、引人注目的設(shè)計(jì)，以誘騙用戶下載惡意軟件。
由于這些原因，淄博vi設(shè)計(jì)公司應(yīng)該讓彈窗廣告與網(wǎng)站品牌的其余部分保持一致，即使這會(huì)導(dǎo)致風(fēng)格更加柔和。使用視覺層次來確定信息的優(yōu)先級(jí)，并使用引人注目的圖像來吸引觀眾的注意力。這不僅會(huì)導(dǎo)致外觀更簡(jiǎn)潔的設(shè)計(jì)，還將建立彈窗廣告的可信度，從而將其視為機(jī)會(huì)而不是技巧。總而言之，感覺需要使用花哨的、非品牌技術(shù)來引起注意的設(shè)計(jì)表明對(duì)彈窗廣告的價(jià)值缺乏信心。
3. 有效地使用顏色和形狀語言
——
彈窗廣告的廣告文案——只要它寫得好——應(yīng)該能夠說服用戶執(zhí)行某項(xiàng)操作。但文字并不是您的彈窗廣告必須傳達(dá)的唯一工具：顏色和形狀等視覺設(shè)計(jì)元素可以在情感層面上吸引觀眾。
如果您想減少彈窗廣告可能引起的刺激，藍(lán)色或綠色或某種形式的柔和顏色可以實(shí)現(xiàn)此目的。與此同時(shí)，純白色可以營(yíng)造出干凈整潔的感覺，尤其是與元素之間的充足空間相結(jié)合時(shí)。在形狀方面，彈窗廣告——就像任何計(jì)算機(jī)窗口一樣——默認(rèn)為矩形或正方形。鑒于缺乏鋒利的邊緣，將其更改為更圓潤(rùn)的形狀使設(shè)計(jì)看起來平易近人且友好。
無論您決定使用哪種形狀或顏色，重要的是您要意識(shí)到您的選擇是在與觀眾交流，無論您是否打算這樣做。
4. 保持彈出內(nèi)容的清晰和重點(diǎn)
——
由于彈窗廣告本質(zhì)上是中斷，因此用戶的常見下意識(shí)反應(yīng)是立即關(guān)閉它們。在最理想的情況下，說服訪問者點(diǎn)擊CTA 已經(jīng)夠難的了，但是彈窗廣告有一個(gè)特別小的時(shí)間窗口來實(shí)現(xiàn)他們的目標(biāo)。這導(dǎo)致彈出式設(shè)計(jì)風(fēng)格在很大程度上是極簡(jiǎn)主義的——清晰明了。您希望用戶執(zhí)行的操作的價(jià)值應(yīng)該一目了然。
在基本結(jié)構(gòu)方面，淄博vi設(shè)計(jì)公司建議彈窗廣告包含以下內(nèi)容：
宣布彈窗廣告的提議或主題的標(biāo)題
支持副本擴(kuò)展報(bào)價(jià)的價(jià)值
引人注目的圖像
號(hào)召性用語
關(guān)閉按鈕
實(shí)際上，一些彈窗廣告可能需要包含更多內(nèi)容（例如電子郵件的輸入字段），而許多彈窗廣告選擇包含更少內(nèi)容（例如放棄支持副本或圖像）。最終，這取決于您要完成的工作以及您的網(wǎng)站訪問者會(huì)留下來聽取您的案例的可能性。跳至第7 條，了解有關(guān)測(cè)試的提示，以更好地了解您的觀眾。
5. 不要忽視關(guān)閉按鈕
——
彈出廣告是為了轉(zhuǎn)換（或以某種方式有用），而不是關(guān)閉。當(dāng)然，關(guān)閉的能力對(duì)于彈出式設(shè)計(jì)是必不可少的。確保用戶能夠執(zhí)行他們需要的操作是一個(gè)良好的用戶體驗(yàn)問題，即使它們是您不一定希望他們執(zhí)行的操作。
在設(shè)計(jì)方面，右上角的簡(jiǎn)單X 通常就足夠了。即使這不是最原始的設(shè)計(jì)選擇，它也是用戶尋找它的最自然的地方。許多設(shè)計(jì)師將關(guān)閉按鈕設(shè)為灰色，這可能是一種有用的策略——退出功能不應(yīng)該被隱藏，但它也不必是彈窗廣告中最突出的東西。
或者，關(guān)閉按鈕有時(shí)會(huì)以傳統(tǒng)的矩形按鈕形狀出現(xiàn)在CTA 旁邊。這樣做不可避免地會(huì)減損 CTA 并強(qiáng)調(diào)非此即彼的選擇。同時(shí)，如果您更改關(guān)閉按鈕上的文本以明確用戶不僅退出彈窗廣告而且錯(cuò)過了某些內(nèi)容（“我不想保存 15 %”）。有時(shí)，它以較小的類型放置在 CTA 下方。
歸根結(jié)底，如果用戶想要退出彈窗廣告，淄博vi設(shè)計(jì)公司應(yīng)該只允許他們這樣做，因?yàn)閷?duì)彈窗廣告的任何額外挫敗感都會(huì)轉(zhuǎn)化為對(duì)品牌的挫敗感。換句話說，如果您要輸?shù)暨@場(chǎng)戰(zhàn)斗，請(qǐng)通過良好的用戶體驗(yàn)讓自己贏得這場(chǎng)戰(zhàn)爭(zhēng)。
6. 為移動(dòng)版本單獨(dú)設(shè)計(jì)
——
創(chuàng)建彈窗廣告的移動(dòng)版本所涉及的不僅僅是縮小設(shè)計(jì)。移動(dòng)體驗(yàn)與桌面體驗(yàn)截然不同。
首先，除了較小的尺寸外，您還應(yīng)該考慮縱橫比：手機(jī)是縱向的，而臺(tái)式機(jī)是橫向的。這意味著設(shè)計(jì)（尤其是副本）必須在更高、更窄的窗口中很好地閱讀。此外，訪問者將在很大程度上默認(rèn)使用一只手和一個(gè)拇指。這意味著表單字段——在桌面彈窗廣告上應(yīng)該受到足夠的限制——對(duì)用戶來說將更加麻煩。此外，出現(xiàn)在屏幕底部附近的彈窗廣告將更容易讓拇指觸及。
然而，移動(dòng)端的設(shè)計(jì)并不全是關(guān)于限制的：移動(dòng)端網(wǎng)站也提供了比桌面端更多的輸入形式——例如在不同壓力下滑動(dòng)、捏合和輕敲——而彈出式設(shè)計(jì)可以利用這一點(diǎn)進(jìn)行更多意想不到的交互。
所有這一切都是說，即使您已經(jīng)設(shè)計(jì)了彈窗廣告的桌面版本，您也必須致力于單獨(dú)的移動(dòng)版本。如今，許多設(shè)計(jì)師在數(shù)字設(shè)計(jì)中采用移動(dòng)優(yōu)先的方法（其中移動(dòng)版本在更大的屏幕尺寸之前創(chuàng)建），沒有理由不能以同樣的方式處理彈出式設(shè)計(jì)。這樣做可以讓您從簡(jiǎn)單開始并隨著屏幕尺寸的增加添加細(xì)節(jié) 。
7.根據(jù)測(cè)試調(diào)整你的彈窗廣告設(shè)計(jì)
——
雖然 彈出式設(shè)計(jì)涉及藝術(shù)，但最終歸結(jié)為性能。你知道你的設(shè)計(jì)是好的唯一方法是它是否有效：也就是說，它正在轉(zhuǎn)化客戶。成功彈窗的平均轉(zhuǎn)化率在3% 左右。
這就是為什么彈窗廣告設(shè)計(jì)過程中最重要的部分是測(cè)試和分析。一旦您根據(jù)目標(biāo)評(píng)估了設(shè)計(jì)的性能（為此，您可以使用過去的轉(zhuǎn)化率以及前面提到的平均轉(zhuǎn)化率），您必須通過調(diào)整設(shè)計(jì)來根據(jù)您的發(fā)現(xiàn)采取行動(dòng)。一種特別流行的方法是A/B 測(cè)試，您將設(shè)計(jì)的兩個(gè)不同版本放在兩個(gè)不同的用戶群面前，看看哪個(gè)表現(xiàn)更好。您可以使用 A/B 測(cè)試來改變?cè)O(shè)計(jì)的特定元素，以發(fā)現(xiàn)哪個(gè)配方可能會(huì)帶來更高的轉(zhuǎn)化率。
最重要的是，無論您的彈窗廣告看起來多么棒，或者它在理論上設(shè)計(jì)得多么好，重要的是您的訪問者的想法。
升級(jí)您的彈出式設(shè)計(jì)
-
彈窗廣告本質(zhì)上并不是用戶處理的麻煩。就像數(shù)字界面的許多其他元素一樣，決定體驗(yàn)是痛苦還是快樂的是設(shè)計(jì)。這完全是一個(gè)視角問題：彈出式設(shè)計(jì)既可以用廣告打斷觀眾，也可以提醒他們有機(jī)會(huì)。雖然我們?cè)诖颂幪峁┑奶崾臼情_始讓訪問者真正欣賞的彈窗廣告的好地方，但良好的彈窗廣告設(shè)計(jì)最終取決于與淄博vi設(shè)計(jì)公司的合作。
添加品牌總監(jiān)微信
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容
