12條關於網上購物支付流程設計的建議

2021-05-22 23:54:50 字數 1549 閱讀 3058

written on 2023年6月1日 @ 15:32 | by 溫妮 | tags:

網上購物

網上購物支付流程

支付流程設計

1. 不要讓使用者先註冊再去選商品。

ticketmaster 中,點「返回」按鈕出現這樣的報錯,就會讓使用者有受挫感。當使用者點「返回」按鈕時,不僅不能老讓他們碰到出錯提示,而且如果前一頁是表單的話,要儲存他們之前填的資料並再次顯示給他們看。這樣使用者只需要在原來填的內容上做修改,而無需重新填寫整個表單。的確,有些情況下,使用者點「返回」已經為時已晚,比如他點了「確定支付」的按鈕。不過別的一些頁面都能支援「返回」按鈕的話,既節省了使用者時間又減少了他們的挫敗感。

6.在購物籃中提供商品的**,說明,鏈結

使用者經常會把商品放進購物籃後,付款前再核對一下購買的商品,看看他們是否確定要買這些。商品如果只有標題,他們就無法再快速地瀏覽核對一遍。所以,最好加上,商品說明—比如大小,顏色,精裝書還是平裝書,等等

亞馬遜**,說明了商品的顏色和詳細情況,比如精裝書/平裝書,還提供鏈結返回檢視原商品詳細資訊。不過他沒有提供商品的縮圖。 

oxfam 提供了每件商品的縮圖,讓使用者能快速瀏覽。另外,如果使用者想確認這個商品是否確實是自己想買的,還可以通過鏈結返回原商品介紹頁面。

7. 提供操作流程的指引

付款通常是乙個包括多步操作的流程。這意味著使用者完成支付前會經過好幾個頁面。所以最好加乙個操作流程指引,告訴使用者他們現在的位置,即他們目前走到付款流程的哪一步,哪個頁面上了,以及離完成過程還有哪幾步。

蘋果**在所有付款頁面上,都放了乙個簡潔的流程指引。讓使用者知道自己在流程中的哪個位置,會給他們一種控制感,從可用性角度來說,這是很有必要的。當然,讓使用者知道後面還有哪幾步操作,就可以完成了也會減少他們的疑惑。這樣他們在完成付款前,根據自己的情況和想法,來調整或取消訂單的自由度更大。

8.付款介面保持簡潔

付款過程和**上瀏覽型的網頁不同。在付款過程中,使用者並沒有在購物。這意味著所有的瀏覽型操作在這裡都是多餘的,這只會分散使用者的注意力,影響他正在完成的任務。設計時,要把那些不需要的元素去掉—比如,商品目錄鏈結,熱銷商品推薦等,使介面保持簡潔。

戴爾**的付款頁面,就沒有商品的目錄鏈結,而是讓使用者把所有注意力放在付款流程上。有時使用者會返回,再買一些商品,再來付款,所以需要提供乙個「返回繼續購物」的鏈結。另外,要確保所有指向「下一步」的按鈕都大一些,避免使用者找不到。

9.不要讓使用者離開付款流程

使用者在付款過程中不要被打斷很重要,比如,把使用者引到乙個和付款不相關的頁面。把使用者帶離開付款流程會有以下兩個問題:1)他們會搞不清自己究竟在**,甚至有可能付款的頁面找不到了 2)他們可能會因為被打斷而沒有成功完成整個付款流程。

laskys **的付款頁面上,當滑鼠懸停在某些元素上,會有幫助資訊彈出告訴使用者相關的功能說明。不能打斷使用者付款流程,那麼我們要找到乙個方法顯示不要的資訊。如果需要提供一些幫助資訊,而這些資訊又不適合在當前頁面上顯示,可以考慮通過浮動視窗或彈出視窗顯示。

10. 告知使用者商品配送時間

線上購物比起實體店購物,有個較大的弊端:使用者需要等待幾天才能收到購買的商品。所以當使用者購買成功後,需要告訴他們大致需要等待的時間。

網上購物系統

當我在搜尋框裡輸入鞋子的時候,會顯示以鞋子開頭的下拉列表 比如鞋子男 鞋子 休閒鞋等 現在頁面中定義乙個div,定位在文字框下邊框,預設隱藏 然後通過查詢資料庫,把結果迴圈顯示在div上 最後顯示這個div。當然這個文字框需要新增onkeyup或者onkeydown事件,用jquery.ajax實現...

WiFi下的網上購物注意要點

上網購物已經成為時代的整個潮流。經常宅在家裡的人可能深有體會,出門買東西太out 了吧,在網上買東西多方便啊!家裡裝個路由器或者 wifi 共享精靈 www.wifigx.com 不僅電腦可以連免費 wifi 手機 平板照樣暢遊網路!而且即使出門逛街,要是看中衣服太貴,還可以連線商場的免費wifi,...

網上購物商城原始碼 功能全面

主要功能 網上購物 主要由前台會員模組和後台管理模組兩部分組成。q 前台功能模組 前台模組主要包括會員註冊 登入 修改個人資訊 購物 查詢購物情況和檢視各種服務條款等功能。q 後台管理模組 後台模組主要包括後台管理員對會員 商品 倉庫 訂單和管理員的管理等功能。會員在登入進入該網上購物 後,不僅可以...