|
原文作者選取了15個電子商務(wù)網(wǎng)站，包括apple，新蛋，沃爾瑪，Zappos等，對其收銀系統(tǒng)進(jìn)行考察，總結(jié)了11條設(shè)計的基本方針。簡單的翻譯文章的要點，有刪節(jié)，詳見原文。如果想要更詳細(xì)的內(nèi)容，可以購買原作者的這份收費報告（求分享）。
原文鏈接：Fundamental Guidelines Of E-Commerce Checkout Design
1. 收銀流程必須完全線性
（Your Checkout Process Should Be Completely Linear）
要點：一個步驟中嵌套另一個步驟的做法會讓用戶感覺迷茫和恐懼，因為它和用戶完成付款時線性操作的心理模型不一致。
在這些網(wǎng)站中，沃爾瑪和Zappos都是采用非線性的收銀流程。兩者都是在其付款流程中了嵌套另一個分支流程。比如，讓用戶在另一個頁面中設(shè)置“首選送貨地址”（沃爾瑪）或“創(chuàng)建新賬戶”（Zappos）, 然后再回到原來的頁面繼續(xù)付款。下面是沃爾瑪?shù)牟僮髁鞒探貓D，點擊圖片可查看完整的流程。
幸運的是，要讓收銀過程變得線性非常簡單。比如在完成了“創(chuàng)建您的賬戶”分支流程后，永遠(yuǎn)不要重新定位到先前的頁面和流程中，而是采用直接引導(dǎo)用戶進(jìn)行下一步操作的方式來替代。
記住最關(guān)鍵的一點是，大部分的用戶在付款時的心理模型是線性的操作。如果同一個頁面看到兩次，通常會認(rèn)為這個網(wǎng)站故障了，或者自己哪里做錯了。
2. 對表單輸入域添加說明
（Add Descriptions To Form Field Labels）
要點：如果沒有說明，許多表單輸入域的標(biāo)簽含義很模糊。
大部分的受訪者都對理解某些表單輸入域的文案有困難。甚至有一位受訪者因為不理解文案的意思，不知道該填寫什么來完成表單，而放棄了這次購買。因此，對每一個輸入域，給出明確的操作提示很重要。
下圖(A)是讓人迷茫的HobbyTron網(wǎng)站的表單，受訪者不得不猜測“first”這項到底是什么意思：
下圖(B)是Apple網(wǎng)頁上的表單，大部分的受訪者在“Area code”這項中填寫郵編（這里應(yīng)該填寫的是手機號碼的區(qū)號，+86 021之類的）：
在輸入域的邊上加上簡短的說明和示例能很好地解決該問題。由于并不是所有的用戶都需要額外的幫助，你可以使用一個“這是什么?”的鏈接將操作說明隱藏起來，或者采用字體變小、顏色變淡等方式降低視覺上的干擾。
下面這個例子顯示，文案下方的說明在幫助用戶理解表單內(nèi)容方面效果顯著。
即使是表達(dá)很明確的輸入域，比如郵箱地址，也會有人問你為什么要填寫這些信息，你打算拿來干什么用。說明文字也能對這些內(nèi)容進(jìn)行解釋。
最后一點，所有需要用戶拿著一張紙，或者一張銀行卡參照著填寫的內(nèi)容，給一個圖片示例可以幫助用戶更好地理解（比如，在一張信用卡的圖片上圈出來哪里能找到有效年月）。
出處：
責(zé)任編輯：bluehearts
上一頁 下一頁 電子商務(wù)網(wǎng)站收銀流程設(shè)計基本指引 [2]
|
第 1 頁 電子商務(wù)網(wǎng)站收銀流程設(shè)計基本指引 [1]
第 2 頁 
