關(guān)于網(wǎng)上購(gòu)物付款流程設(shè)計(jì)的12個(gè)建議

1. 不要讓用戶先注冊(cè)再去選商品。

顧客們是來(lái)買東西的，不是來(lái)填表單的。所以需要確保用戶在付款過(guò)程中完成了注冊(cè)，而不是付款前就去注冊(cè)，也不是讓用戶把商品放到購(gòu)物車?yán)镏叭プ?cè)。注冊(cè)表單的需要用戶花功夫去填，注冊(cè)過(guò)程中還可能有問(wèn)題，所以這會(huì)成為用戶順利完成購(gòu)物的障礙。

Taget這個(gè)網(wǎng)站就是當(dāng)用戶真正要把錢付了的時(shí)候，才讓他去注冊(cè)的。

在購(gòu)物流程中，把注冊(cè)這個(gè)麻煩往后面移，能使最后購(gòu)買商品的用戶大大增加。用戶既然一開始就花了很多時(shí)間選購(gòu)他們想買的東西，那如果在付款的時(shí)候因?yàn)樽?cè)麻煩而離開，前面選購(gòu)商品花的時(shí)間久白費(fèi)了。但如果用戶還沒(méi)開始選商品酒讓他去注冊(cè)，這時(shí)，他們還沒(méi)花時(shí)間成本，就更容易選擇離開。

2 如果這個(gè)商品有貨，明確地告訴用戶

對(duì)商品有的庫(kù)存數(shù)量需要明確地告訴用戶。如果商品沒(méi)貨了，要早些讓用戶知道，避免用戶購(gòu)買時(shí)往后操作了好幾步才發(fā)現(xiàn)原來(lái)商品沒(méi)貨了。不僅要在商品介紹頁(yè)面顯示庫(kù)存數(shù)量，在用戶搜索商品的結(jié)果頁(yè)面也要顯示出來(lái)。

Overclockers 在商品列表中，就列出了詳細(xì)的庫(kù)存數(shù)量信息。

另外，如果某個(gè)商品現(xiàn)在缺貨，但最近就會(huì)進(jìn)貨了，可以提供給用戶一個(gè)預(yù)定的功能，這樣不急著買這個(gè)商品的用戶，過(guò)幾天來(lái)就可以買到了，他也不用擔(dān)心過(guò)一陣子來(lái)買時(shí)，商品又售空了。

3. 讓用戶很方便地修改訂單

每個(gè)人都可能出錯(cuò)，用戶有可能在購(gòu)物車?yán)锓佩e(cuò)了商品，或者要付款的時(shí)候改變主意了。這時(shí)，要讓用戶在付款的過(guò)程中能修改他們購(gòu)買的商品，如果不能修改他們可能就離開了，而能修改的話，就贏得了許多潛在用戶。

IconDock 就讓用戶通過(guò)輸入框中的數(shù)字，很方便地修改購(gòu)買的數(shù)量。

如果用戶想把商品從購(gòu)物車中刪掉，不要讓他們?cè)谳斎肟蛑休?span lang=EN-US>“0”這個(gè)數(shù)字來(lái)刪掉。還是提供“刪除”這個(gè)鏈接比較好，通過(guò)點(diǎn)“刪除”，可以讓他們把商品從購(gòu)物車中刪掉，這樣修改既快又簡(jiǎn)單。

4. 在用戶操作過(guò)程中，提供給他們實(shí)時(shí)的幫助

因?yàn)楦犊钸^(guò)程需要用戶輸入信息，而用戶很可能在這個(gè)過(guò)程中碰到問(wèn)題，這些問(wèn)題不一定能靠有限的幾個(gè)界面來(lái)解決。這種情況下，提供給用戶專業(yè)的，一對(duì)一得幫助，要比給他們一個(gè)寬泛的幫助（比如“常見(jiàn)問(wèn)題”的頁(yè)面）好很多，類似“常見(jiàn)問(wèn)題”的頁(yè)面不一定能解決用戶碰到的問(wèn)題。

在“戴爾”的購(gòu)物網(wǎng)站上，用戶就可以通過(guò)咨詢電話和在線客服獲得幫助。如果用戶在付款過(guò)程中碰到了問(wèn)題，她可以立刻咨詢客服獲得幫助，問(wèn)題幾分鐘內(nèi)就輕松解決了。

在用戶付款過(guò)程中，提供在線客服或電話咨詢的幫助是個(gè)非常好的主意。不過(guò)不是所有公司都能負(fù)擔(dān)得起那么多客服成本的，大中型公司可以考慮這個(gè)方法，特別是那些網(wǎng)上付款流程比較復(fù)雜的公司。

5. 使“返回”按鈕充分起到作用

“返回”按鈕是網(wǎng)頁(yè)瀏覽器中最常用的按鈕之一，所以許多用戶可能在付款過(guò)程中也會(huì)經(jīng)常用到。一些網(wǎng)站不提供返回上一頁(yè)的功能，當(dāng)用戶點(diǎn)“返回”時(shí)，頁(yè)面會(huì)自動(dòng)重新指向某個(gè)頁(yè)面或是報(bào)錯(cuò)，這樣會(huì)對(duì)用戶的體驗(yàn)造成負(fù)面影響。

Ticketmaster 中，點(diǎn)“返回”按鈕出現(xiàn)這樣的報(bào)錯(cuò)，就會(huì)讓用戶有受挫感。

當(dāng)用戶點(diǎn)“返回”按鈕時(shí)，不僅不能老讓他們碰到出錯(cuò)提示，而且如果前一頁(yè)是表單的話，要保存他們之前填的數(shù)據(jù)并再次顯示給他們看。這樣用戶只需要在原來(lái)填的內(nèi)容上做修改，而無(wú)需重新填寫整個(gè)表單。的確，有些情況下，用戶點(diǎn)“返回”已經(jīng)為時(shí)已晚，比如他點(diǎn)了“確定支付”的按鈕。不過(guò)別的一些頁(yè)面都能支持“返回”按鈕的話，既節(jié)省了用戶時(shí)間又減少了他們的挫敗感。

6.在購(gòu)物籃中提供商品的照片，說(shuō)明，鏈接

    用戶經(jīng)常會(huì)把商品放進(jìn)購(gòu)物籃后，付款前再核對(duì)一下購(gòu)買的商品，看看他們是否確定要買這些。商品如果只有標(biāo)題，他們就無(wú)法再快速地瀏覽核對(duì)一遍。所以，最好加上圖片，商品說(shuō)明—比如大小，顏色，精裝書還是平裝書，等等。
亞馬遜網(wǎng)站，說(shuō)明了商品的顏色和詳細(xì)情況，比如精裝書/平裝書，還提供鏈接返回查看原商品詳細(xì)信息。不過(guò)他沒(méi)有提供商品的縮略圖。

Oxfam 提供了每件商品的縮略圖，讓用戶能快速瀏覽。另外，如果用戶想確認(rèn)這個(gè)商品是否確實(shí)是自己想買的，還可以通過(guò)鏈接返回原商品介紹頁(yè)面。

7. 提供操作流程的指引

付款通常是一個(gè)包括多步操作的流程。這意味著用戶完成支付前會(huì)經(jīng)過(guò)好幾個(gè)頁(yè)面。所以最好加一個(gè)操作流程指引，告訴用戶他們現(xiàn)在的位置，即他們目前走到付款流程的哪一步，哪個(gè)頁(yè)面上了，以及離完成過(guò)程還有哪幾步。

蘋果網(wǎng)站在所有付款頁(yè)面上，都放了一個(gè)簡(jiǎn)潔的流程指引。

讓用戶知道自己在流程中的哪個(gè)位置，會(huì)給他們一種控制感，從可用性角度來(lái)說(shuō)，這是很有必要的。當(dāng)然，讓用戶知道后面還有哪幾步操作，就可以完成了也會(huì)減少他們的疑惑。這樣他們?cè)谕瓿筛犊钋?，根?jù)自己的情況和想法，來(lái)調(diào)整或取消訂單的自由度更大。

8.付款界面保持簡(jiǎn)潔

付款過(guò)程和網(wǎng)站上瀏覽型的網(wǎng)頁(yè)不同。在付款過(guò)程中，用戶并沒(méi)有在購(gòu)物。這意味著所有的瀏覽型操作在這里都是多余的，這只會(huì)分散用戶的注意力，影響他正在完成的任務(wù)。設(shè)計(jì)時(shí)，要把那些不需要的元素去掉—比如，商品目錄鏈接，熱銷商品推薦等，使界面保持簡(jiǎn)潔。

戴爾網(wǎng)站的付款頁(yè)面，就沒(méi)有商品的目錄鏈接，而是讓用戶把所有注意力放在付款流程上。

有時(shí)用戶會(huì)返回，再買一些商品，再來(lái)付款，所以需要提供一個(gè)“返回繼續(xù)購(gòu)物”的鏈接。另外，要確保所有指向“下一步”的按鈕都大一些，避免用戶找不到。

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

用戶在付款過(guò)程中不要被打斷很重要，比如，把用戶引到一個(gè)和付款不相關(guān)的頁(yè)面。把用戶帶離開付款流程會(huì)有以下兩個(gè)問(wèn)題：1）他們會(huì)搞不清自己究竟在哪里，甚至有可能付款的頁(yè)面找不到了 2）他們可能會(huì)因?yàn)楸淮驍喽鴽](méi)有成功完成整個(gè)付款流程。

Laskys 網(wǎng)站的付款頁(yè)面上，當(dāng)鼠標(biāo)懸停在某些元素上，會(huì)有幫助信息彈出告訴用戶相關(guān)的功能說(shuō)明。

不能打斷用戶付款流程，那么我們要找到一個(gè)方法顯示不要的信息。如果需要提供一些幫助信息，而這些信息又不適合在當(dāng)前頁(yè)面上顯示，可以考慮通過(guò)浮動(dòng)窗口或彈出窗口顯示。

10. 告知用戶商品配送時(shí)間

線上購(gòu)物比起實(shí)體店購(gòu)物，有個(gè)較大的弊端：用戶需要等待幾天才能收到購(gòu)買的商品。所以當(dāng)用戶購(gòu)買成功后，需要告訴他們大致需要等待的時(shí)間。

蘋果網(wǎng)站會(huì)根據(jù)不同用戶的訂單顯示相應(yīng)的送貨時(shí)間。

告知用戶商品配送時(shí)間有以下幾個(gè)原因：首先，用戶要確?？爝f公司送貨上門時(shí)，家中有人收快遞。其次，這樣用戶會(huì)對(duì)貨什么時(shí)候到有個(gè)心理預(yù)期，而不用老擔(dān)心買的東西怎么還沒(méi)送到。送貨時(shí)間顯示得越早越好，最好在商品介紹的頁(yè)面上就顯示。這樣的話，想購(gòu)買該商品的用戶，就能根據(jù)商品送到時(shí)間是否能滿足需求，來(lái)決定他們是否購(gòu)買。

11.告訴用戶之后會(huì)發(fā)生什么

當(dāng)用戶完成了商品購(gòu)買，并點(diǎn)擊了最后一步操作的按鈕后，接著會(huì)出現(xiàn)什么？以“感謝您購(gòu)買本商品”為結(jié)束語(yǔ)。這對(duì)用戶來(lái)說(shuō)，是一種禮貌的表示，而用戶也一定很樂(lè)意接受這些體貼的話。

亞馬遜網(wǎng)站，在用戶付款完成時(shí)，就會(huì)顯示：感謝您購(gòu)買了此商品，并且告訴用戶接下去可以做些什么。

另外，還要告訴用戶接著還會(huì)發(fā)生什么——比如，當(dāng)商品發(fā)貨時(shí)，他們會(huì)收到一封郵件通知。這會(huì)消除用戶對(duì)訂單是否真正成功購(gòu)買的不確定，他們安心。

12 發(fā)一封確認(rèn)郵件

用戶可能完成了商品訂購(gòu)并付款了，但其實(shí)還沒(méi)結(jié)束。網(wǎng)站需要發(fā)一封確認(rèn)郵件，告知用戶購(gòu)買商品的詳細(xì)信息和送貨到達(dá)的時(shí)間。這個(gè)信息還是很有幫助的，因?yàn)檫@讓用戶再次確定他們沒(méi)買錯(cuò)商品，比較安心。

亞馬遜網(wǎng)站會(huì)在用戶付款后，發(fā)送關(guān)于購(gòu)買的商品詳細(xì)信息的郵件，并告訴用戶如果買錯(cuò)，如何在商品發(fā)貨前修改。

如果用戶買錯(cuò)了商品，在商品發(fā)貨前，需要提供給他們重新登陸并返回修改訂單的機(jī)會(huì)。簡(jiǎn)單的出錯(cuò)，比如選擇錯(cuò)了尺寸，顏色，經(jīng)常會(huì)發(fā)生，所以網(wǎng)站需要讓用戶感覺(jué)在線上購(gòu)物既簡(jiǎn)單又可靠。