Tag Archive for '移动电子商务'

移动电子商务可用性4:表单和结帐

【译者:耿人杰 原文:Mobile Commerce Usability:Forms and Checkout 作者:Linda Bustos】

这是此系列的第四部分:

以下是我参考了Best BuyTargetSephoraMoosejawBarnes and NobleAmazonSears2GoRalph Lauren和 Tickets.com(每个网站都直接链接到它们的移动版本)后的一些关于移动设备网站可用性的建议。

表单和结帐处理

就像我在本系列的第三部分产品展示页面和购物车里提到的,Best Buy、 Sephora、 Target和Moosejaw的新站不支持移动支付。所以在这一部分提到的网站是Barnes and Noble、Amazon、 Sears2Go、 Moosejaw的老站和Ralph Lauren。

我对于移动电子商务网站如何最大程度在支付流程能拥有最大用户转换率有如下建议:

  • 允许有访客(非必须注册)支付选项
  • 提供支付安全保证和交易信任
  • 提供隐私保护协议的链接
  • 在支付的第一步要求email地址
  • 在支付表单中不需要填写不必要的内容
  • 必填项用*标识
  • 允许用户复制账单和快递地址(用tickbox来实现快递地址复制,同账单地址处理方式一样)
  • 在支付的每一步提供技术支持电话
  • 利用cookie随时记录购物车的内容,如果用户放弃将某个商品加入购物车,将之前保留的项保存到下一个会话
  • 将步骤用可视化的进度显示出来
  • 利用个性化推荐/tag技术,通过产品推广代码来识别用户特征,并把这些信息对其他人隐藏

当我在使用之前提到的几个网站的支付流程时,我发现没有一个使用了可视化的进度显示,也没有个人隐私协议和客服支持电话(或许他们认为用户不能一边填表单一边打电话,但在电脑上你可以)。还有就是我无法测试个性化推荐。

但如果有一个移动电子商务网站能包含以下所有功能,我想那它应该就是一个完美的例子:

访客支付选项

没有人愿意因为需要支付而必须去注册,这种人在移动端更多!

Barnes and Noble很明确的表示注册不是必须的,并且暗示现在注册可以使下次支付时更快捷。

bncheckout

Sears2Go也展示了注册的好处,且也允许访客支付,但它把访客支付选项放在首要位置,用一个粗体字的按钮来呈现它。Sears认为它的用户通常不会去读这段文字,而访客支付按钮本身能做自我解释。

s2gocheck

把访客支付放在首要位置能提高用户转换率,这是因为用户极少会假设他/她需要一个帐号或在支付前必须有一个帐号。因此此方式假设用户想用最快的方式完成支付,这也确实是用户想的。

Ralph Lauren将登录页面和支付的第一步(账单和快递地址信息输入)结合起来。这个方法能减少支付步骤。

rl1rl2

Amazon的简单登录表单是在线支付的一部分。这实际上也是强制注册,但你不会有所感觉。

zonsign

要减少用户登录次数取决于用户记住邮件和密码,但回头客经常会忘记(用户不得不至少记得email地址来找回密码)。许多简单注册的帐号,很难和用户信息结合起来(一个忠实的用户看上去像5个散乱的普通用户)。这是web端和移动端都面临的问题。

Security Assurances
Despite the public’s fear of mobile payment security (as discussed in our Multichannel 2.0 webinar), none of these mobile sites had security assurances except for Amazon’s link “Why using a credit card is safe”

安全保证

即使了解公众对于手机支付的安全心存疑虑(正如在Multichannel 2.0在线讨论会上提到的),但仍然只有Amazon有一个“为什么使用信用卡是安全的”的提醒链接。

zonpmtzonsafe

在第一步就要求电子邮件

越早在支付流程中要求用户提供电子邮件,越早能在用户放弃购物时触发提示其撤销放弃行为的邮件。虽然这个追踪用户试图改变他们想法的主意有些争议,但这是许多零售商挽回生意的一种方式。

当然,Amazon的第一步就是要求电子邮件。其余是在账单/运费页面在8-10个必填项后要求另一个电子邮件。这是因为给一些多疑的人提供另外的联系方式。B&N包含“你的邮件将被用于联系你有关你的订单需求”的提示,Sears2Go使用“告诉我们如何把订单确认消息发给你”。如果能包含一行邮件隐私协议那将会更有帮助(例如,你不想分享地址或收到促销邮件)。不幸的是,Ralph Lauren没有任何安全保证提示,甚至没有邮件列表例行检查确认框。

感知表单的困难

表单越长,用户越感到乏味,从而更少用户有兴趣去填写它。但大多数用户能识别带*的必填项和选填项,所以关键是要用上*。通常用非常规的文字提示,如“*粗体是必填项”是不明智的(哪些是粗体?)。不要让用户去猜测。

sears22formdiff1

允许快速复制账单地址到运送地址

这是对新用户的标准流程,而回头客能够选择运送地址和付款方式,如同Amazon:

zondress

唯一在手机屏幕上困扰用户的是哪个按钮对应哪个地址修改。一个小三角标记指向可以修改的地址可能会有帮助。错误的运送地址将会导致大麻烦。

Moosejaw老站的一个省时功能是当你在第一步输入电话号码时,基于你的区号等相关信息,可以在账单地址上预填信息。

估计到达时间

我之前提到过用实际的天数来表示到达货物到达时间比说“X工作日”体验要好。对用户来说这种方式需要思考的时间更少。在4个网站中,只有Sears2Go提出了这种说法:

zonshipspds2goship1

在支付流程中允许修改订单

许多零售商诸如Amazon,在用户进入支付流程后希望保持用户的专注,因此它们将导航去掉了。但这又导致另外的问题发生,如果用户想在最后一刻修改或增加订单将无从下手。Barnes and Noble允许用户修改订单,而Sears2Go允许用户取消并返回首页或回到购物车总览页面。Amazon则有一个进入购物车的链接。

bneidits2goship

提供可选的支付方式/通过电话支付

我没有发现这几个网站使用任何可选支付,如PayPal的移动支付,但 Barnes and Noble很有意思地提供了电话支付选项。这并不是一个直接电话支付选项,而是有点类似提供一个800电话来预定。当你完成订单后,用户将会获得一个确认号码(通过电话和email)。

bnphone

虽然通过电话下订单尤其自身的风险,但一些用户仍然会感觉这样的方式相比输入信用卡号码更安全一点。对Barnes and Noble来说,另外一个可能让他们的头疼的问题是用户下了单却没有通过电话电话确认,导致支付流程无法完成。

最后的总结

通过研究这些移动电子商务网站,此系列并没有试图去给出一个完美的用于实践参考的指南,而是希望收集一些基于观察的意见收集。请记住我主要是用iPhone来体验的这些网站。大多数WWW网站的可用性指南不适用于移动网络,这主要是基于设备的特性和使用场景。我的建议是如果移动战略是你生意的一部分(无论是提供交易还是客户服务),那么请提供一个友好的移动网站。当你在设计移动网站时,请时刻关注行业竞争对手的产品,并确保在许多不同的设备上测试过你的网站,并让真实的用户试用它。

移动电子商务可用性3:产品展示页面和购物车

【译者:耿人杰 原文:Mobile Commerce Usability:Product Pages and Cart Summary 作者:Linda Bustos

这是此系列的第三部分:

以下是我参考了Best BuyTargetSephoraMoosejawBarnes and NobleAmazonSears2GoRalph Lauren和 Tickets.com(每个网站都直接链接到它们的移动版本)后的一些关于移动设备网站可用性的建议。

产品页面

虽然你能用任何只能手机接入电子商务网站,但优化过的产品页面通常更易用,如你在下图看到的:

sephoma

targetmo

产品描述

当主页去掉图片和多余的导航后,页面就变得更易于手机使用。请始终认清什么内容是对在线购物体验最重要的:

  • 当要决定是否从在线零售商购买商品时,77%的“非常可能购买”的人会被产品信息内容的质量所影响(描述、版权信息、图片和工具)
  • 79%的人在没有完整产品信息时不会或几乎不会购买商品
  • 76%的人认为网站提供的内容并不足以完成产品研究或导致“经常”、“非常频繁”或“有时候会”在线购买商品
  • 当没有足够信息时,72%的用户会去竞争对手那里做进一步的研究

信息来源于e-tailing group,2007

最好的在线商店提供最丰富的产品描述、图片预览、图片缩放、评论,甚至是产品比较工具。当然,把所有这些都放到移动网站上可能不是最优的方案,也可能是不现实的,但请注意那些能代表产品最核心优势的品牌、质地和模式的信息展示。

bbinfo

上图是BestBuy电子商务商店的HDTV产品页面,下图是移动版的商品界面:

bbone

BestBuy的例子简单明了,但如果移动网站是作为产品研究而用的,那么是否展示的这些信息足够能导致商品被卖掉?用户能理解“HDMI输入、屏幕高宽比、黑色钢琴烤漆机壳”这样的行业术语吗?

用户总是想获得尽可能完美的无缝接入体验。如果你已经用一个可用性很高,内容丰富的传统网站赢得用户的忠诚度,那么使移动设备的体验满足用户的预期也同样重要。

小心那些产品描述段落不以连贯方式显示。Moosejaw在它的新设计(右)中摆脱了冗长且不连贯的描述(左):

moosenew

老版网站有这样几个问题:HYPN OLV可能是对颜色的描述,但它的意思并不明显。click-to-call和add to cart这两个按钮离的太近了,在触摸屏上很容易点错。在段落底部的Zoom Prod. Image call-to-action看上去并不像一个链接。新网站看上去感觉更像传统的Moosejaw网站,对产品的描述有一贯Moosejaw诡异的风格。click-to-call链接和大图片很容易在触屏上点击。

Target利用了点句来简化表达的信息,使得内容更易于浏览:

targettext

你甚至能把产品细节信息通过短信发到自己的手机上。

Sears2Go允许你读取一段产品描述,如果你需要还可以展开显示更多细节。这既给厌恶滚动屏幕的用户带来了便利,也满足了研究者对于详细信息的需求:

expanddescexpand2

Sephora和Sears在产品页面的顶部给出产品评分和评论链接:

searsreviews

小心使用表格,它们经常迫使用户横向滚屏,有时同时在纵向和横向滚屏,像Ralph Lauren在iPhone上表现的:

rlscroll

Moosejaw允许用户展开和收起评论,这最大程度地减少了页面读取的时间:

reviewjaw

图片

考虑到当要决定是否从在线零售商购买商品时,77%的“非常可能购买”的人会被包括图片等产品信息内容的质量所影响,所以不应在图片的质量上减少投入。Target、Ralph Lauren和Sears都默认显示大图,而Moosejaw则提供可选的图片显示方式。显然,通过高质量的图片展示,你能获得较高的商品购买率。

按钮布局

对触摸屏用户来说,要避免把“Add to Cart”、 “Add to Wishlist”和“Continue Shopping”等按钮堆积在一起。让各个按钮间保留点空间,或一行一行的摆放他们:

rlstackmjdes

购物车总览

Best Buy、Sephora、Target和Moosejaw只支持在移动端直接结帐。如果是这样的话,这里有一些小贴士:

Ralph Lauren和Sears都允许编辑购物车,Barnes and Noble允许将商品转移到收藏夹中。令人惊讶的是,Amazo没有购物车总览页面,而是直接跳转到登录页面。

Ralph Lauren的购物车总览页面让用户确认数量并高亮强调通过手机购买能免运费。Sear提供运费和自取选项,但当商品不适合自取服务时则不能设置。最出色的功能是相Sears那样在购物车按钮上提供安全购物图标,正如我在上周的多通道2.0在线讨论会上提到的那样,害怕安全性没有保障是用户用手机进行购物的主要障碍。

ralphreview

searscartbncart

Tickets.com很有意思。它的商业模式很独特,因为票务购买是有时限的,如果在一定时间内没有完成交易则所购的票仍然会回到库存中。你也几乎看不到在电子商务的结帐页面有验证码,但票务行业相对其他在线零售业通常对于可疑的在线行为更敏感。不幸的是,Tickets.com的验证码很难识别。

tickettime

下一篇我们将专注于结帐流程和表单设计。