提高轉化率的 6 個設計技巧
已發表: 2020-07-08想知道一個小秘密嗎? 人類的平均注意力持續時間不超過八秒。 電子商務商店的平均跳出率? 45.68%。
這是兩個瘋狂的數字! 人們會在不到 8 秒的時間內感到無聊,並且只有不到一半的網站訪問者會在訪問一個頁面之前離開。 這意味著在他們離開您的商店網站之前,您只有不到 8 秒的時間來充分吸引他們的注意力。
這就是為什麼網站優化和用戶體驗 (UX) 友好設計從未如此重要的原因,這不僅適用於產品頁面,還適用於您的現場促銷活動。 在 SEO 影響和您自己的底線之間,很明顯您需要快速吸引註意力。
下面我們將介紹六個設計技巧,這些技巧將幫助您優化您的現場體驗並改善所有網站訪問者的個性化(從而使他們的注意力更長時間)。
1.不要做太多
彈出窗口的黃金法則是不要過度。 過於繁忙的設計可能會阻止其他感興趣的網站訪問者。 繁忙的背景加上鮮豔的色彩、過多的元素(文本和/或圖像)會使購物者不知所措,他們可能會在此過程中錯過您的信息。 創建線條簡潔的設計並迅速將消費者的目光吸引到您想要的地方:明亮的 CTA 驅動動作、精美的產品攝影或您為訂閱者提供的終身優惠。 無論您的促銷目標是什麼,請確保它是您設計的焦點,所有元素都指向它。
專業提示:考慮到所包含的任何元素(即圖像或表單域)的大小,確保有足夠的空白空間用於視覺上吸引人的不擁擠設計。
2.一張圖抵一千字
圖像是吸引註意力並向訪問者展示您的網站內容的最有效方式之一。 您可以選擇:
- 全背景照片與較小的元素
- 生活方式與產品形象
- 照片與 Gif
- 以及更多
如何在彈出窗口中將您的品牌美學變為現實,有無數種選擇。 在 Justuno,我們建議測試哪些視覺效果是您的促銷活動中最有效的轉化器。 對上面的列表進行 A/B 測試,以找出哪個版本在轉換訪問者方面產生的效果最好。 我們的一些客戶經理在使用生活方式圖像而不是產品照片方面取得了巨大成功,而其他人則表示,年長的受眾更喜歡傳統的產品照片。
要記住的第二部分是確保您使用的所有照片都是高質量的——這意味著不允許像素化或模糊的圖形! 它們不僅看起來不專業,而且會減損您的促銷信息並降低購物者對您網站的信心。
這裡的關鍵是了解您的觀眾的喜好,最能激起他們的興趣,並使用高質量的視覺效果來傳遞它。
專業提示:創建 Justuno 促銷時:PNG 最適合透明背景,JPEG 最適合照片。

3.讓人們離開
退出按鈕是促銷活動的重要組成部分。 如果您讓他們難以完成促銷活動,或者更糟糕的是,不要讓他們選擇,許多訪問者會感到惱火。
現在這並不是說你不能從中獲得一點樂趣,網上的一個普遍趨勢是使用厚臉皮的 CTA 副本來處理這些,例如:我喜歡支付全價或折扣不是我的菜。 這是為您的現場體驗注入一些品牌個性並與消費者一起玩樂的絕佳機會。 如果您使用這種選擇退出方式,我們通常鼓勵您在角落中添加一個 X,因為有時消費者不明白這會關閉彈出窗口,從而導致會話被退回。
這是 A/B 測試再次派上用場的時候,如果您想比較機智選擇退出與傳統、按鈕放置等的性能。重要的是您為訪問者提供出路
專業提示:對於移動彈出窗口,我們建議使用按鈕,以便有更多的“可點擊區域”,而不僅僅是在角落使用“X”。

4.混合起來
這並不是對每個品牌都有意義的東西,但是將彈出窗口的形狀從方形或矩形更改為您的產品之一(例如酒瓶)或 splat 可以提高轉化率。 顯然,這是需要與您的品牌合作並做好的事情,但這可能會使工廠彈出窗口更上一層樓。
將產品整合到您的促銷活動中不僅可以自定義促銷活動的視覺效果,還可以激發訪問者對您的庫存的興趣。
從將旋轉獲勝定制為看起來像充電墊、手錶或發動機閥門,再到酒瓶電子郵件選項和狗屋形狀的老虎機——Justuno 的設計可能性沒有任何限制。 看看我們多年來最喜歡的一些設計:

與往常一樣,並非所有內容都適用於每個網站,並且不要強迫某些不符合您網站審美的東西。 彈出式設計不是一刀切的策略!
5. 輕鬆:一鍵購物
您在網站上運行的任何現場消息都不應破壞用戶體驗,而應為他們提供幫助或增加價值的東西。 在彈出窗口中利用使客戶旅程更快或更輕鬆的元素來提高轉化率並減少購買障礙。
這可以像直接在促銷中添加到購物車按鈕一樣簡單。 使用追加銷售和交叉銷售策略通過展示相關產品來提升 AOV,在傳統的彈出窗口、頁內促銷或 AI 驅動的產品推薦中實施此策略以快速獲勝。
您要求訪問者在瀏覽和購買之間採取的步驟越少,將有助於減少購物車放棄並讓消費者更快地進入渠道。

6.色彩策略
在為您的促銷選擇顏色時,第一步是堅持您的品牌指南並與您網站的總體審美相匹配。 但這並不意味著你必須一直堅持四種顏色!
UI 元素中的高對比度很重要,不要讓事情顯得完全不合適,但重要的元素,如:CTA、折扣優惠等,應該有突出的口音,以從促銷的其餘部分中脫穎而出。
您的色彩策略的另一部分應該是考慮可訪問性以及色盲消費者如何看待您的促銷活動。 常見類型的色盲會導致對紅色/綠色的感知發生改變,這是在創建營銷調色板時要牢記的。


使用色輪幫助您找到互補色(相互交叉的顏色)以獲得明亮的組合或單色色調(一種顏色的幾種色調)以獲得更微妙的氛圍。

顏色是設計的基本組成部分,戰略性地選擇顏色以獲得最大影響是提高性能的眾多方法之一。
最後的想法
設計是彈出窗口性能的關鍵部分。 從基本的顏色水平到美觀的間距/線條和戰略 CTA——這些選擇可以成就或破壞您的宣傳。
通過始終關註消費者及其需求,您將創建可增強現場體驗的彈出窗口,並最終將更多訪問者轉化為客戶。
想了解更多? 查看我們針對移動設備的設計建議,或通過動畫將您的現場消息傳遞到一個新的水平。
