用網頁按鈕形式提高網頁轉換率
標簽：
電商
2017.03.30
想像你在網路商店上看到了喜歡的商品，卻因為網頁上沒有購買按鈕，只好帶著無奈又不滿的情緒，投向其他網站的懷抱。許多電商業者的網站雖然成功吸引大批流量，但成交率卻不高，為什么？很多時候就是少了有效的支付按鈕(Call to Action, CTA)。
不論是下載檔案、訂購商品，或導引到其他網頁，只要一個按鈕，就能讓消費者完成你期望的動作。當消費者來到門口，按鈕就是關鍵的臨門一腳。按鈕的設計沒有規定的標準，最好能配合網站內容與整體設計，不過電子商務資訊網站 Econsultancy 和 Shopify 提供了一些重要的基本原則。
強烈對比的顏色
使用對比色或明亮顏色（如下圖），讓按鈕跳脫背景色。由于不同色彩有不同聯想，例如紅色會制造緊張感、藍色讓人冷靜，所以色彩的運用也須考量其關聯性，并與網頁色彩搭配。記住，吸睛不代表使用夸張的色彩和干擾閱讀的動畫。
資料來源：Shopify
具動作性的用詞
在按鈕中使用簡單明了的動詞，讓消費者明確知道點這個鏈接的作用。最常見的包括「購買」、「加到購物車」或「下載」等用語。記住，簡單明了就夠了。
一眼就看到的大小
按鈕要多大才算夠看？ Econsultancy 認為愈大愈好，不過最好還是搭配頁面設計，才不會壞了整個畫面協調度。不過也有例外情況，必要時即使多占些版面也沒關系。瞧瞧下圖 Firefox 的按鈕，是不是不去看到都不行？
資料來源：Econsultancy
放在顯眼的位置
人人都知道按鈕應該放在顯眼的地方，但哪里才夠顯眼呢？價格下方或產品清單右邊是最常見的位置。由于消費者已經習慣在固定位置看到按鈕，所以不要為了標新立異而把按鈕擺在奇怪的地方，以免聰明反被聰明誤。
當頁面內容很繁雜時，即使按鈕的設計再好，也可能被內容淹沒。在按鈕周圍放些留白可以改善這個問題。
可以的話，盡量讓消費者不須下拉網頁就能獲得必要資訊，方便使用者直接點旁邊的按鈕。如果網頁內容又多又長，可以在網頁上、下方都置入按鈕。千萬別讓消費者為了一個按鈕拉來拉去。
突顯按鈕的重要性
網頁上有多個不同用途的按鈕時，例如「立即購買」、「下載試用版」等，可以依按鈕重要性來設計，以突顯主要與次要的按鈕。例如 AVG 使用亮橘色呈現最重要的「立即購買」鈕，跟其他按鈕做區隔（下圖）。消費者不僅能一眼就看到，還能持續保持注意力。
資料來源：Econsultancy
制造急迫性
所謂物以稀為貴，「限時搶購」、「庫存有限」或「立即下單即享免運費服務」等文字會挑起消費者的購買欲。 ConversionXL 研究發現，營造急迫性可以讓成交率提升332%。將這類型文案搭配上述設計的按鈕，將會有意想不到的效果。
資料來源：Shopify
適用各種裝置
在多螢時代，網絡營銷必須通盤考量各種平臺。因此，不論是pc版或移動版網頁上的按鈕，都必須一樣醒目、好操作。英國保險公司 Direct Line 的 iPad 網頁，就讓按鈕以平板裝置消費者習慣的滑動方式來運作（如下圖）。
資料來源：Econsultancy
看似微不足道的按鈕，若能掌握上述設計原則，把使用者介面 (UI) 最優化，將能把成交率發揮最大化效果，因此每一個按鈕都值得被細心對待。
400-7808-893 / 010-64913142
我想要個更針對我需求的方案
也許您需要專業的服務，歡迎來電咨詢
您的需求，是我們前進最大的動力
關于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅動力，提供網絡品牌策劃、AI互聯網服務、WEB3服務、AI人工智能解決方案的綜合服務商
我們一直秉承的經營理念：責任、熱情、品質、包容
主要業務范圍：AI互聯網服務（網站建設,網站群,短視頻社交平臺,APP,小程序）AI人工智能行業解決方案（智慧博物館,智慧公園,智慧景區,智慧社區,智慧醫療,智慧校園,）IoT智能物聯產品（智能步道,AR太極,AI健身,AI導覽,AI單車,智慧樹）WEB3（區塊鏈,元宇宙,NFT數字藏品）