'​與其做華而不實的獨立站Banner?倒不如做高轉化的'

設計 人生第一份工作 雨果網 2019-08-29
""​與其做華而不實的獨立站Banner?倒不如做高轉化的

大多數的外貿B2C網站都會以產品銷售作為主要目的。當訪客打開網站時,能迅速引起聚焦的往往是精彩紛呈的Banner。利用Banner來推廣產品,依然是王道。

有人覺得,Banner只是放兩張圖、簡單排幾個字而已;也有一些外貿soho想學一些高端網站的設計只放一張抽象的圖。但是站在以產品銷售為目的的角度來看,這類型的做法是不太正確。據Ueeshop不完全的數據統計,70%的訪客是帶著尋找特定產品的目的去搜索網站,要是他們停留了好幾秒依然讀不懂圖片的意思,那很可能就會關閉你的網站,轉向另一個網站。

那該如何提高Banner的轉化率呢?以下是Ueeshop設計小組整理好的設計經驗,希望能給各位提供參考。

選擇最優的Banner尺寸

Banner的位置就像整個網站的窗口。如果Banner的高度超越首屏的高度,在訪客又不知道滾動屏幕的情況下,就會誤以為獨立站頁面粗糙,展示內容過少而導致頁面跳出率過高。

一般網站的主Banner有兩種,窄屏Banner和全屏Banner,由於屏幕的高度有限制,Banner的高度也應該有一定的範圍值。據Ueeshop對用戶的瞭解,屏幕高度在768像素內的用戶還有38%,所以Banner的高度也不能太過,以下是Ueeshop給出的建議值。

Banner用視覺呈現故事

一張Banner可講述一個故事,也可以以幾張Banner來呈現一系列故事,讓用戶去“追”廣告。但切記Banner不能塞入太多的信息,太多的信息就變成沒有重點,核心信息要一目瞭然。

精簡而突出的文案

沒有文案的Banner會增加訪客閱讀的難度。一個獨特而有個性的文案,可以拉近你的產品和訪客之間的關係。優秀的標題文案簡短、直觀,能夠直接引導用戶執行某些操作。

適當使用按鈕

按鈕之所以能夠提高點擊率,是因為按鈕能更大程度的引起訪客的注意力。按鈕一般放在內容的左下角,並採用對比度比較強烈的色彩。

打造視覺的緊迫感

Banner可以使用粗細、大小不同的字體,能夠打造一種視覺上的緊迫感。讓用戶迫不及待的購買、點擊。這效果可使用在購物網站的橫屏小廣告圖上。

嘗試使用動態

Banner中運用動態比靜態廣告更醒目,但一定要確保動效設計清晰、直接、不偏題。不超過15s、簡約的動效最好,因此Ueeshop作品的Banner一般都採用簡單的切換效果,使得廣告位有效的引起行為召喚。

文件儘可能要小

縱觀訪客的瀏覽習慣,打開一個網站會直接向下翻動,要是網站能迅速載入,便能讓訪客一打開就可以看到Banner圖。因此Ueeshop建議Banner的文件越小越好,儘量小於200k。

Banner設計與點擊率密切相關,可以有效傳遞有價值的信息,是一種功能大於形式的設計,是不容忽視的模塊。所以這個位置你要花心思,選好產品圖片,寫好廣告語,展現出公司的專業以及業務範圍,讓你在此位置能夠快速與訪客建立關係,獲得更多潛在客戶。

"

相關推薦

推薦中...