5個不會惹惱用戶的彈出式設計理念

在網站設計方面，選項非常多樣化。 根據企業希望實現的功能和潛在客戶生成目標，他們應該選擇取悅用戶的佈局，鼓勵他們在頁面上花費更多時間並參與其中。

然而，這並非總是如此。

您是否曾經瀏覽過一個網站，享受一段內容時，突然出現一個彈出窗口並阻止您繼續？ 令人沮喪，不是嗎？

這樣的經歷很可能會讓你離開並在別處找到你需要的信息。 那是因為彈出窗口可能會干擾用戶並分散用戶的注意力。

事實上，根據 HubSpot 的一項調查，在所有類型的廣告中，73% 的人最不喜歡在線彈出窗口。 此外，64% 的 AdBlock 用戶安裝該軟件是因為他們認為彈出窗口很煩人並且特別想擺脫它們！

然而，儘管彈出窗口具有分裂性，而且通常會打斷人們正在做的事情並損害用戶體驗，但許多網站所有者設法成功地使用了它們。

更重要的是，如果設計和 SEO 優化得當，它們甚至可以將您的轉化率提高 3%，甚至更多！

在本文中，我們將討論彈出式設計，解釋指南和 UX 最佳實踐，並提供 5 個您可以從中受益的彈出式設計理念。

什麼是彈出窗口？

簡而言之，彈出窗口是當用戶執行特定操作或達到 pr 定義的閾值時顯示在頁面主要內容上的瀏覽器窗口。 目標是吸引用戶的注意力，向他們展示號召性用語 (CTA)，並鼓勵他們參與。

彈出窗口可以有不同的信息——宣傳第一方或第三方產品或服務、徵求反饋、顯示訂閱框、建議報價、表示感謝等。

彈出式設計已經存在了 15 到 20 年，而且它們肯定會繼續存在。 它們允許網站所有者定位潛在客戶，吸引他們的注意力並增加將他們轉化為買家的機會。

有多種方法可以利用彈出窗口來提高您網站的性能。 但是，您應該始終牢記用戶意圖和偏好，並確保彈出窗口是相關的。

通常，當訪問者來自第三方並且與用戶所追求的內容沒有直接聯繫時，彈出窗口會將訪問者趕走。 例如，用戶正在閱讀一篇關於如何找到好律師的文章，突然間，內容被一個邀請他們參加亞馬遜 FBA 研討會的彈出窗口阻止。

放置打開新窗口或將訪問者帶到完全不同的網站的廣告也是一種非常糟糕的做法。

除了相關性之外，定義您成功的另一件事是彈出式設計。 它應該與網站的整體風格和顏色相匹配，巧妙簡潔，並具有明確定義的CTA。 您還可以考慮添加有趣的元素，選擇鮮明的對比色以使信息真正流行，或者您認為可以吸引用戶注意力並鼓勵他們參與的任何其他內容。

但是，請記住，彈出窗口越華麗，看起來越可疑，用戶就越有可能生氣甚至離開。

如何提高彈出窗口的性能

為了確保您的彈出窗口表現良好並提高轉化率，而不是讓客戶流失，您需要正確設計它們：

提供即時價值

有效廣告與失敗廣告的區別在於價值。

您需要了解您的受眾，並了解他們想要從您提供的產品或服務中得到什麼。 這樣，您將能夠在現場為他們提供正確的解決方案！

此外，具有相關內容的彈出窗口的轉化率超過 40%

創造緊迫感

創造緊迫感是推動銷售的最終途徑，因為用戶做出決定的時間有限。 對彈出廣告進行倒計時比沒有倒計時的轉化率高 8%。

資源

提升品牌知名度

彈出式廣告很難忽視，這有助於提高您的品牌和產品的知名度。

此外，它們是一種很好的潛在客戶生成策略，如果戰略性地放置在您的網站上，它們可以幫助您增加受眾和流量。

例如，您可以在訪問者瀏覽文章一半時引入滾動彈出窗口。 這樣，您可以建議通過電子郵件向他們發送類似的內容，並建立一個可靠的電子郵件列表。

專注於轉化

如上所述，實施良好且有針對性的彈出式設計確實可以提高您的轉化率。

歸根結底，您的最終目標是增加銷售額並讓更多訪問者迷上您的產品和服務。 為此，請確保將彈出窗口放置在用戶在您網站上的旅程中的正確位置和時間。

此外，不要忘記包含一個清晰、直接的 CTA 來引導人們進行下一步。

現場徵求意見

彈出窗口是獲得即時反應並邀請您的客戶陳述他們對您的產品的感受的好方法。

在他們離開您的網站之前，請他們發表評論並評價他們的體驗。

例如，您可以使用淨推薦值 (NPS) 彈出窗口，後跟評論框，用戶可以在其中提供額外的輸入。

這些類型的彈出窗口可以讓您更好地了解您的客戶並改進您的服務，以便您可以更有效地滿足他們的需求。 接下來你知道，你正在走向成功的快車道。 它在包裡！

彈出式設計：指南

當涉及到 Google 處罰時，您需要時刻保持警惕並遵守準則。 如果用戶在輸入查詢後點擊搜索引擎結果，並觸髮帶有彈出窗口的頁面，敦促他們點擊不相關的來源，這是一個危險信號。

但是，彈出窗口仍然非常有效。 只需確保訪問者在單擊 SERP 結果後不會立即進入帶有彈出窗口的頁面。 正確安排廣告的出現時間，以確保他們有足夠的機會首先瀏覽您的內容。

根據 Google 搜索中心的說法，促銷插頁式廣告是一種具有侵入性的對話，會阻止 Google 和其他搜索引擎理解您的內容。 使彈出窗口盡可能小很重要，這樣它們就不會覆蓋整個屏幕或頁面的關鍵部分。 彈出式設計的最佳尺寸為用戶屏幕尺寸的 15%。

但是，Google 承認某些插頁式廣告是強制性的，例如年齡限制和隱私提醒：

資源

為了安全起見，請確保彈出窗口不會遮擋頁面內容。 這使得抓取和索引更容易，並且不太可能損害用戶體驗。

此外，避免將傳入的 HTTP 請求重定向到與用戶在廣告之前所在的頁面不同的頁面。

如果可能，請使用橫幅而不是插頁式廣告，並使用插件進行標準彈出式設計，例如新聞通訊註冊或反饋提示。

資源

5個用戶友好的彈出式設計理念

現在讓我們看看如何正確設計彈出窗口，以減少對用戶造成的挫敗感，並獲得更好的性能：

選擇正確的設計風格

創建一個 UX 有效的彈出式設計可能很棘手。 您希望彈出窗口引人注目，但又不至於太突兀以至於讓人們望而卻步。 同時，設計應與您的品牌標識緊密結合。 最後，重要的是保持整體設計簡單，使用少量顏色、字體和圖像。

如果做得好，彈出窗口可以成為推動轉化和產生潛在客戶的寶貴工具。

但是，如果設計太忙或壓倒性的，只會讓用戶感到沮喪並將他們推開。 因此，請花時間製作一個能夠準確反映您的品牌並提供積極用戶體驗的彈出窗口。

在屏幕上的位置

要記住的另一件事是彈出窗口應該很容易被忽略。

因為它們會中斷用戶的瀏覽體驗，所以通常應該為對用戶重要的重要信息保留前端和中心彈出窗口。

資源

然而，鑑於彈出窗口的可能位置範圍很廣，設計人員在如何使用它們方面具有很大的靈活性。

例如，屏幕一角的彈出窗口可能比正面和中間的彈出窗口更不引人注目。

一種流行的方法是讓彈出廣告從屏幕的頂部或底部滑入。 這允許用戶在彈出窗口存在時繼續與站點交互。 使用這種方法，訪問者可以選擇何時（以及是否）他們想要與彈出窗口互動。 但是，請記住，如果彈出窗口覆蓋了太多屏幕並變得分散注意力，它仍可能將用戶趕走。

另一種用戶友好的方法是通過包含一個清晰可見的關閉按鈕來減少彈出窗口的干擾，或者您可以簡單地使設計本身的尺寸更小。 這樣，訪問者仍然可以看到您頁面上的內容，並且更有可能與您的彈出窗口互動。

針對每位訪客

除了簡單的佈局和簡單的副本外，為每個頁面訪問者單獨定制彈出式設計非常重要。 確定將觸發轉化的關鍵頁面。

為客戶創造個性化體驗是一種微妙的平衡行為。 一方面，完全沒有個性化可能意味著品牌錯失了機會。 另一方面，根據 Gartner 的說法，過度個性化會使用戶放棄品牌的可能性增加 3 倍。

因此，單個數據點可用於創建更加個性化的體驗，但明智地使用它們很重要。 過多的個性化可能會令人反感，因此重要的是要取得客戶認可的平衡。

定時

當用戶登陸您的網站時，理想情況下，您希望他們首先與您的內容互動並四處瀏覽。 訪問者在網站上花費的時間越長，他們離開的可能性就越小（最安全的是向他們介紹彈出式廣告）。

資源

資源

確保分析用戶在頁面上花費的時間，即平均會話。 使用 Google Analytics 跟踪您收到的流量並採取行動。

但是，如果您擔心您可能會弄亂出現時間並將用戶趕走，這裡有一些建議：

條目彈出窗口

在建議有限的優惠或捆綁時，一旦用戶登陸頁面就放置彈出窗口可能會產生奇蹟。 但是，對於電子商務網站，搜索引擎通常不推薦它。

滾動彈出窗口

如果您想確保您的網站訪問者在頁面上花費了相當長的時間並獲得了足夠的信息，那麼滾動彈出窗口是一個不錯的選擇。 通過放置一個或幾個相關閾值，您可以將彈出窗口設置為在頁面滾動一定百分比後出現。

退出彈出窗口

退出彈出窗口也稱為“離開太快”廣告。 當您的光標移向“後退”按鈕時，或者當您即將關閉頁面或單擊鏈接轉到另一個頁面時，它們就會出現。 退出彈出式設計可以在訪問者在頁面上花費的最後幾秒鐘內使用，以建議最後一分鐘的報價。

單擊彈出窗口

單擊彈出窗口是由於單擊相關按鈕或鏈接而出現的對話框。 這些可能是最真實和最不令人沮喪的彈出窗口，因為它們是在用戶已經與頁面內容互動並採取行動之後出現的。

在下面的示例中，單擊“加入等候名單”按鈕後會出現一個電子郵件註冊彈出窗口：

資源

具有詼諧/創意/休閒/古怪的語氣

如果您想吸引您的用戶並讓他們停留更長時間，請輕鬆一點，讓您的彈出式副本相關且令人難忘。 它不必咄咄逼人或粗魯，也不必 100% 銷售。

想想你的觀眾是誰，跟踪他們的行為、位置、人口統計和偏好，這樣你就可以描繪出你的普通用戶。 然後設計您的彈出窗口以顯示他們可能喜歡的內容。

回顧

好吧，你有它！ 我們查看了各種彈出窗口和彈出廣告示例，並討論了有關如何使它們更有效的可行技巧。 希望這為您提供了一些關於您自己的網站的想法。

如果您需要幫助在您的網站上設計或實施彈出窗口，請隨時與 DevriX 的網頁設計師專家聯繫。 我們可以幫助您創建引人入勝且用戶友好的體驗，從而提高結果。