購物網站結帳流程頁面設計的6 大基本原則 | 電視節目表查詢網
為了改善網站轉換率,設計師或經營者常常花了很多心思在調整商品溝通頁面,卻忽略了購物車及結帳流程的重要性。若從漏斗模型的角度來看(圖1),購物車和結帳流程更 ...
為了改善網站轉換率,設計師或經營者常常花了很多心思在調整商品溝通頁面,卻忽略了購物車及結帳流程的重要性。若從漏斗模型的角度來看(圖1),購物車和結帳流程更靠近最終銷售,若能提高該等頁面的易用性,對提高轉換率的影響越直接。前篇文章已說明了如何設計出高轉換率購物車頁面,本文將分享結帳流程頁面的設計重點,協助讀者設計出高轉換率網站。
【圖1】漏斗模型示意圖,數字代表進入本頁面的剩餘人數
資料來源:beBit
1. 結帳流程頁面中,盡量拿掉會讓使用者脫離的連結當使用者好不容易在購物車頁面按下「結帳」按鍵進入結帳流程時,大多是已經下定決心購買。此時網站經營者要把握一個原則:「讓使用者不用思考、心無旁騖地完成結帳程序」。為了達成這個原則,結帳流程中盡可能地拿掉會讓使用者分心或跳離結帳頁面的連結,只保留少數能讓反悔的人回到首頁或想查看購物金時能進入會員專區的入口。
下圖2-1及2-2是amazon購物車及結帳頁面的範例。兩頁相比後很明顯看出許多可能導致使用者跳離的連結,已經從結帳流程頁面中移除,讓使用者能專心完成結帳程序。
【圖2-1】amazon購物車頁面中保留商品及廣告連結
【圖2-2】amazon結帳流程頁面中拿掉許多會離開結帳流程的連結
2. 提示結帳步驟,降低結帳流程可能繁雜的錯誤想像回想一下,當你在找路的時候,總覺得時間過了好久、走得好累,但走回頭時發現原來當初的目的地根本不遠,只是因為不知道盡頭,所以心理狀態覺得疲憊。在結帳流程也是同樣的情況,少在網站購買的人往往不知道結帳流程會有幾步?每一步會不會填很久?過程會不會很麻煩?為了消弭這種不確定性帶來的負面情緒,結帳流程中一定要提示使用者總程序以及目前已經完成的步驟。許多網站喜歡用流程圖的方式呈現,甚至加上完成度百分比,這都是不錯的選擇。
3. 切分步驟的邏輯盡量符合「MECE」的原則(不是步驟少=好)「結帳步驟越少越好」是評價結帳流程...
[DAY1]想出一個網站的需求與框架 | 電視節目表查詢網
響應式購物網站 | 電視節目表查詢網
網站架構規劃小技巧,讓你第一次和設計師溝通就上手! | 電視節目表查詢網
購物網站結帳流程頁面設計的6 大基本原則 | 電視節目表查詢網
網站企劃 | 電視節目表查詢網
購物網站架設 | 電視節目表查詢網
《網頁設計》節目表,教育文化台線上看
《網頁設計》幾點播?此篇整理《網頁設計》節目表,教育文化台線上看哪邊可以看?這邊幫各位準備好節目表及播放時間啦,禮拜...