用網頁按鈕形式提高網頁轉換率

2022-05-02 分類：網站建設

想像你在網路商店上看到了喜歡的商品，卻因為網頁上沒有購買按鈕，只好帶著無奈又不滿的情緒，投向其他網站的懷抱。許多電商業者的網站雖然成功吸引大批流量，但成交率卻不高，為什么？很多時候就是少了有效的支付按鈕(Call to Action, CTA)。

不論是下載檔案、訂購商品，或導引到其他網頁，只要一個按鈕，就能讓消費者完成你期望的動作。當消費者來到門口，按鈕就是關鍵的臨門一腳。按鈕的設計沒有規定的標準，最好能配合網站內容與整體設計，不過電子商務資訊網站 Econsultancy 和 Shopify 提供了一些重要的基本原則。
強烈對比的顏色
使用對比色或明亮顏色（如下圖），讓按鈕跳脫背景色。由于不同色彩有不同聯想，例如紅色會制造緊張感、藍色讓人冷靜，所以色彩的運用也須考量其關聯性，并與網頁色彩搭配。記住，吸睛不代表使用夸張的色彩和干擾閱讀的動畫。

資料來源：Shopify
具動作性的用詞
在按鈕中使用簡單明了的動詞，讓消費者明確知道點這個鏈接的作用。最常見的包括「購買」、「加到購物車」或「下載」等用語。記住，簡單明了就夠了。
一眼就看到的大小
按鈕要多大才算夠看？ Econsultancy 認為愈大愈好，不過最好還是搭配頁面設計，才不會壞了整個畫面協調度。不過也有例外情況，必要時即使多占些版面也沒關系。瞧瞧下圖 Firefox 的按鈕，是不是不去看到都不行？

資料來源：Econsultancy
放在顯眼的位置
人人都知道按鈕應該放在顯眼的地方，但哪里才夠顯眼呢？價格下方或產品清單右邊是最常見的位置。由于消費者已經習慣在固定位置看到按鈕，所以不要為了標新立異而把按鈕擺在奇怪的地方，以免聰明反被聰明誤。
當頁面內容很繁雜時，即使按鈕的設計再好，也可能被內容淹沒。在按鈕周圍放些留白可以改善這個問題。
可以的話，盡量讓消費者不須下拉網頁就能獲得必要資訊，方便使用者直接點旁邊的按鈕。如果網頁內容又多又長，可以在網頁上、下方都置入按鈕。千萬別讓消費者為了一個按鈕拉來拉去。
突顯按鈕的重要性
網頁上有多個不同用途的按鈕時，例如「立即購買」、「下載試用版」等，可以依按鈕重要性來設計，以突顯主要與次要的按鈕。例如 AVG 使用亮橘色呈現最重要的「立即購買」鈕，跟其他按鈕做區隔（下圖）。消費者不僅能一眼就看到，還能持續保持注意力。

資料來源：Econsultancy
制造急迫性
所謂物以稀為貴，「限時搶購」、「庫存有限」或「立即下單即享免運費服務」等文字會挑起消費者的購買欲。 ConversionXL 研究發現，營造急迫性可以讓成交率提升332%。將這類型文案搭配上述設計的按鈕，將會有意想不到的效果。

資料來源：Shopify
適用各種裝置
在多螢時代，網絡營銷必須通盤考量各種平臺。因此，不論是pc版或移動版網頁上的按鈕，都必須一樣醒目、好操作。英國保險公司 Direct Line 的 iPad 網頁，就讓按鈕以平板裝置消費者習慣的滑動方式來運作（如下圖）。

資料來源：Econsultancy
看似微不足道的按鈕，若能掌握上述設計原則，把使用者介面 (UI) 最優化，將能把成交率發揮大化效果，因此每一個按鈕都值得被細心對待。

當前名稱：用網頁按鈕形式提高網頁轉換率
分享地址：http://www.kartarina.com/news28/149328.html

成都網站建設公司_創新互聯，為您提供網站營銷、網站導航、品牌網站制作、建站公司、網站內鏈、營銷型網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

用網頁按鈕形式提高網頁轉換率