如何提高網站轉化率?購物車和結賬頁面設計是關鍵

如何提高網站轉化率?購物車和結賬頁面設計是關鍵 - 網頁設計, 網站設計, 網頁方案, Website Design, 網絡推廣

選擇線上購物的人多了,不少商家都會將目光投放到互聯網上,藉此發展商機。為了提高網站轉化率,網頁設計師常常花不少心思放在商品詳情頁上,而忽略購物車和結賬流程的重要性。如何提高網站轉化率?提高結賬流程的易用性,整合購物車功能等,對提高網站轉化率都有一定的影響。下面,香港網頁集團將分享有關購物車和結賬流程的設計重點,幫助各位設計出轉化率高的網站。

如何提高網站轉化率?

1. 盡量刪除分散用戶注意力的連結

當用戶下定決心要購買的時候,網站設計師一定要把握:「讓用戶不用思考,心無旁騖地完成結賬程序」這一原則。絕大多數用戶都是衝動型消費,若結賬流程中出現分散用戶注意力的連結,用戶離開結賬頁面時,有可能會出現反悔消費或忘記消費等情況。

為了完成這個原則,儘可能在結賬流程中刪除會讓用戶分神或離開結賬頁面的連結,僅保留少數能讓反悔的用戶回到首頁或購物車、會員專區等入口。

如何提高網站轉化率?購物車和結賬頁面設計是關鍵 如何提高網站轉化率?購物車和結賬頁面設計是關鍵

▲ Amazon購物車和結賬頁面的範例

從上圖我們可以看出,購物車中那些會導致用戶離開的連結,在結賬頁面中經已移除,讓用戶能專心完成結賬程序。

2. 降低結賬流程可能繁雜的錯誤想像

初次到網站消費的用戶,他們往往並不知道結賬流程會有幾多步?每一步是否需要填很多東西?結賬流程會不會很麻煩?用戶想得越多,購物的慾望就會逐漸降低。

為了消除這種不確定給用戶帶來的負面情緒,結賬流程中一定要提示用戶整個流程需要多少個步驟?目前用戶已經完成第幾個步驟?不少網站都會使用流程圖或者加上百分比的方式呈現,其實這些都是不錯的選擇。

3. 不是步驟少就好,還需符合「MECE」原則

很多網站或用戶都是以結賬步驟來評價結賬流程的易用性,認為「結賬步驟越少越好」。結賬步驟少固然好,但並不代表易用。試想一下,結賬頁面如果把物流信息、支付信息、確認訂單資料等等全部放在同一個頁面上,雖然步驟少了,但頁面會變得很長。用戶在結賬過程中需要填寫大量資料,容易出現「疑惑」,產生負面觀感而放棄購買。

怎樣才算是易用的結賬流程?首先,當然就是根據網站類型而提出不同的結賬需求流程,通常我們可採用MECE原則,審視總步驟的數量,以獲取最佳平衡。

∴ MECE原則,即Mutually Exclusive, Collectively Exhaustive,意思是相互獨立、完全窮盡,簡單點講就是包含所用選項,但每個選項相互不重疊。

拿結賬頁面來說,結賬流程大概分為物流、支付、確認訂單三個步驟,如果需要填寫的資料不多,例如:老用戶信息基本是默認的,只需檢查信息是否出錯,因此可在同一個頁面中完成。新用戶在結賬時需要填寫不少信息,避免出現混亂而產生疑惑,最好是完成一個流程再進行下個流程。(試想下,如果填寫物流信息後,突然需要填寫信用卡信息,不是很令人疑惑嗎?)

4. 控制頁面長度,將Action Button盡量放在第一視覺區

很多人在填寫表單之前,都很喜歡向下滑動看看需要填的東西有多少。如果頁面是一個很長的表單,用戶極有可能會表現得不耐煩,而放棄填寫。所以,控制頁面長度是一個很重要的學問。

頁面大概要幾長?盡量將頁面的長度控制在第一視覺區能夠露出「下一步」按鍵,最多至滑鼠滾一下的頁面長度(大概1.5屏),讓用戶在進入結賬頁面時,覺得需要填的東西不多。

另外,按鍵除了提供「下一步」,還需提供「上一步」的連結,方便用戶修改填寫資料。

5. 表單設計的易用性原則

不要輕視表格的重要性,不好的表格會讓用戶跳過該填的資料,而覺得頁面麻煩複雜,所以設計頁面的時候,需要遵守以下原則:

原則一:切勿使用過高的欄位,避免表格顯得太長;

原則二:表頭和填寫區要明確區分,讓頁面顯得條理有序;

原則三:必填項目的提示要明確,除了快速判斷項目數量外,還需要避免送出表單後會出現錯誤;

原則四:項目填錯的提示也要明確,方便用戶快速找到錯處。

6. 整合購物車功能

很多人認為,隨着使用手機上網的人多了,透過電腦購買商品的人,肯定少之又少。其實不然,按照目前的用戶行為來看,仍然有不少用戶仍會選擇電腦購買商品,其原因很大程度是出於安全性和方便性。但隨着手機螢幕增大,提高APP和手機網站購物的易用性;另外生物特徵辨識技術的成熟,大大增加了手機網絡的安全性保證。因此,在設計購物流程的使用時,需整合電腦和手機的購物車,以及包含快速結賬這兩項功能:

1) 整合電腦和手機網站的購物車

手機用戶經常在零碎時間及空間瀏覽網站,當看到心儀物品時往往會先加入購物車,待空餘時間仔細瀏覽。在後續瀏覽時,用戶有可能會透過電腦,也有可能會選擇手機進行進一步流程。

因此,手機和電腦網站的購物車和結賬流程需要整合,避免用戶在轉換時因商品消失或出錯,而影響轉化。

2) 快速結賬

用戶在線上購物的行為特性:較少在手機上做跨網站比較、利用零碎時間和空間來瀏覽網站、衝動型消費、容易受限時促銷、大幅折扣等影響。

因此,根據用戶這些行為特性,在製作網站架構時,設計引導用戶快速完成結賬的流程,並儲存信用卡或送貨地點等信息,滿足快速結賬,減少用戶在結賬時因繁瑣程序而放棄消費。

購物車和結賬頁面是影響網站轉化率的重要頁面。網站設計師在設計這些頁面時,一定要以易用性為目標,抱着能為用戶解決問題的心態,提高用戶願意在網站消費的概率。


香港網頁提供一站式數碼營商方案服務,包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務,全方位滿足客戶的業務需要,歡迎隨時聯絡我們,香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734
電郵地址: [email protected]
網址: www.hkweb.com.hk