購物車流程設計的6大關鍵

電子商務

購物車流程設計的6大關鍵

為了改善網站轉換率,我們常常花了很多心思在調整商品溝通頁面,卻忽略了購物車流程也是購物體驗的重要環節。購物車和結帳流程最靠近最終銷售,若能提高該等頁面的方便性,對於提高轉換率的影響越大。做好下面六點,將能協助您設計出高轉換率網站。

一、盡量拿掉會讓使用者脫離結帳流程的連結

當消費者好不容易在購物頁面按下「結帳」按鍵進入結帳流程時,大多是已經決定要購買。此時要把握一個原則:「讓消費者可以不用思考並且專心地完成結帳程序」。所以結帳流程中盡可能地拿掉會讓消費者分心或跳離結帳頁面的連結,只保留少數能讓想要再考慮一下的人回到首頁或想查看購物金時能進入會員專區的入口。

二、提示結帳步驟

透過流程圖讓消費者清楚結帳步驟和流程,可以降低不確定性所產生的煩躁感。可以大大降低消費者因為失去耐心而直接離開的可能性。

三、結帳流程不是步驟少就是好

「結帳步驟越少越好」,是常用的設計思維。但不是少就代表方便易懂,如果把物流、金流與訂購者相關資料全部放在同一頁上,將導致網頁變的非常冗長,使得使用者產生負面觀感而放棄購買。

究竟該怎麼設計簡單又清楚的購物車流程呢?首先,結帳流程會因為產品屬性類別的不同而有差異,例如金融商品與民生消費品的網站會有不同的流程需求,但建議先將資訊內容依照屬性不同來分類,若以一般網購網站舉例,結帳流程大概可以分為物流、金流、確認訂單等三個程序,若要填寫的資訊不多,一個程序相關的資訊可以在同一個頁面中完成,完成一個程序後再到下一個程序。透過清楚的分類邏輯減少讓使用者「疑惑」的機會,同時也將大大提高交易成功的機率。

四、控制頁面長度,盡量是一眼就可以看到「下一步」的長度

 許多人在填表單前會有一個先瀏覽表單長度的習慣性動作,是想要了解要填的資料有多少,如果頁面呈現一個很長的表單,會讓人感覺不耐煩,不願意填寫。

因此,頁面長度也是一個重要的學問。究竟多長的頁面較佳呢?通常建議頁面的長度盡量控制在一眼就可以看到「下一步」的行動按鍵為主,最多至滑鼠滑一下(約1.5屏)的頁面長度,讓一進到該頁面的使用者一眼就可以感覺要填的東西不多,不至於想放棄。

五、表單設計要簡單明確,並且有適當的提醒功能

不要輕忽表格的設計,不好的表格容易讓使用者跳過該填的資訊,覺得頁面過長過複雜!設計表格時,有以下四個基本的原則:

(1) 欄位的高度須加以掌控,切勿使用過高的欄位讓表格變得太長

(2) 表頭及填寫區需要有明確的區分

(3) 必填項目的提示要明確,除了快速判斷要填資訊的數量之外,也避免送出表單後產生錯誤

(4) 錯誤項目的提示要明確,讓使用者容易找到修正處

六、手機版與APP一定要有快速結帳與跨平台整合購物車的功能

根據最近一次資策會針對網路購物習慣的調查顯示,在近三個月內曾經在團購網站購物的消費者中,有65.9%的人是透過電腦上網購物,透過智慧型手機或平板電腦的比例則為34.1%,代表多數使用者仍是偏好透過電腦購買商品,但透過行動裝置購買的比例也逐漸提高,未來手機購物一定是一大趨勢!因此手機板與APP的購物流程中一定要包含快速結帳以及跨平台整合購物車兩項功能:

(1) 快速結帳功能:相較於電腦網站使用者,我們觀察到的手機使用者的行為是,較少在手機上做跨網站的比較、零碎的使用時間與空間(如通勤、上班的片刻、睡前)、衝動型消費、殺時間的瀏覽動機,因此使用者很容易被限時促銷或大幅折扣等趣味資訊誘發衝動購物。由於是衝動型購物,網站架構要能引導使用者快速且一氣呵成的完成結帳程序。

(2) 跨平台整合購物車:手機使用者常在零碎的時間及空間瀏覽網站打發時間,當看到心儀的物品時常常先加入購物車,回去後再仔細瀏覽。第二次的瀏覽有時透過手機有時透過電腦,因此手機及電腦網站的購物車與結帳流程需要整合,才能符合使用者先在手機記錄商品,回電腦再購買的情境,以免錯失轉換使用者的機會。

購物車以及結帳流程頁面是影響轉換率的重要頁面,越友善的使用介面將是促成交易成功的關鍵!

用LINE傳送