用户体验设计:电子商务网站的收银系统设计(3)

http://www.itjxue.com  2015-08-07 21:18  来源:未知  点击次数: 

4. 加强敏感信息的视觉效果
(Visually Reinforce All Sensitive Fields On The Payment Page)

要点:如果银行卡的卡号输入域没有强化其安全保护,用户可能会犹豫要不要输入(不管实际上是不是已经保障了安全)。

大部分的受访者直到输入信用卡的卡号时,才考虑到安全的问题。同一个页面上,有安全图标、徽章或者文字的部分,受访者会说这里提供了更安全的保障,但是其余的部分就说不上来了。技术上来说,这两部分完全没区别。绝大部分的用户并不了解专业的技术细节,他们只是凭直觉去了解你的网站。

下面是简单的例子,展现了银行卡号输入域如何在视觉上体现安全感。注意底色、锁的图片、以及GeoTrust的徽章。

Visually-secured-checkout-design in Fundamental Guidelines Of E-Commerce Checkout Design

对银行卡的卡号输入域进行视觉上的处理,比如边框、背景、表示安全的图标和徽章等,能增加用户的安全感。

译者注:让用户感觉不到的安全保护,对用户来说,就是没有进行保护。


5. 不要在表单中使用“确定”按钮
(Don’t Use An “Apply” Button In Your Form)

要点:用户不理解表单里面的“确定”是什么意思。

一半以上的受访者对表单中单独的“确定”按钮感到迷惑,比如确认送货方式的按钮。这些按钮要么是容易忘了点击,要么就是与表单提交的按钮混淆。

下面是新蛋的例子,只有一半的受访者在填写了邮编后,又去点击了“GO”。

Newegg-apply in Fundamental Guidelines Of E-Commerce Checkout Design

“确定”按钮常会与整个表单的提交按钮混淆,导致用户无法继续付款流程,比如下图。还有是在点击后通常会刷新同一个页面,用户会感到迷惑,以为网站异常。

Apply-buttoin in Fundamental Guidelines Of E-Commerce Checkout Design

如果你真的想在进入下一步操作前,让用户添加一些增值内容,最好使用可以自动触发局部页面更新的AJAX控件,而不是采用按钮触发的形式。

译者注:特别容易出现在选择送货方式和使用电子优惠券的时候。还有些表单会有“保存”之类的按钮。和之前的情境化词语一样,有的时候含义模糊。同时,这类按钮又不能真的推进交易,没有实际的作用,只是暂时保存输入的内容。因此,除非真的有必要,越少越好。


6. 根据信用卡的卡面印刷方式展现有效期输入项
(Format Field For Expiration Date Exactly As It Appears On Credit Card)

要点:信用卡的有效期输入项有时候让人很头痛,特别是在它和卡面的印刷格式不一致的时候。

有些网站使用的是月份的名称,有些使用的是数字加上月份的名称,有些则是全部用数字。哪一种最好?最好的方式是采用与用户看到的卡面印刷格式一致的输入格式,最大限度地减少输入时的混淆和失误(也就是只输入数字)。

下面列出了四种输入方式,其中D只显示月份的名字,没有数字,是最难输入的。

Credit-card-expiration-fields in Fundamental Guidelines Of E-Commerce Checkout Design

输入月份最好的方式是全部使用数字,并且前补0,比如3月用“03”表示。这样他们看起来和信用卡卡面上印刷的完全一致。

输入年份最好的方式是使用两位数字,与信用卡卡面印刷格式相匹配,比如14代表2014。

你还可以在月和年之间用斜杠(/)分隔。

在上面的例子中受访者对“03 – March” 这样的格式能够接受,但是 “March – 03”就不行了。包含月份的名称没什么大问题,但也要与卡面的格式匹配才行。

 

(责任编辑:IT教学网)

更多