B2C网站用户体验设计:Checkout(结帐流程)设计

什么是Checkout(结帐流程)?就我个人的理解来说就是挑选商品结束后进入结帐的流程。从决定开始结帐到输入联系信息、支付选择到最后的支付成功,整个过程就叫Checkout(结帐流程)。在改版前,她们原来的Checkou流程是这样的:


原Checkout的sign in


control

可以发现原 Checkout流程分成:Sign in、Shipping、Billing & Review、Receipt,也就是说从点Checkout按钮到最后结帐成功需要走四步。

经过重新设计后,新的流程变成了一步(见下图)。怎么做到的呢?

首先,取消了Checkout前的强制Sign in(只保留Returning Customer Sign in以便于直接获得Shipping和Delivery option等信息)。其次,将Shipping和Billing信息进行整合,以简单扁平的方式形成一个较长的表单供用户填写并确认。页面右侧是订单详细信息。点击Place Order后Checkout完成后,提示用户可以新注册帐号(Create Account)以便跟踪具体的订单情况。

另外一个我个人认为不错的交互是右侧的Order Summary展示。由于合并后的页面较长,因此她们把Order Summary做成能随着页面上下浮动,这让用户始终能看到订单的详情。

从最后的数据上来看,新设计相比老设计:

  • 购买完成率上升了257.26%
  • 平均订单额上升了8.54%(这个数值的上升作者自称始料未及,也不知道具体原因)
  • Overall site conversion rate上升了0.54%(这个数值作者没有很好的解释清楚,评论下方也有人在问)


新的Checkout设计


Checkout成功后,提示注册

为什么她们会这么设计,要知道连Amazon也是4步checkout的,她们是怎么考虑的?思考过程作者在原文中没有透露,但从下方的激 烈的评论和作者的回应中我们可以基本找到答案。

首先,这个 store的目的是销售特许商品。因此通过简化产品设计和降低门槛来提高购物的转化率是她们的核心KPI,抛开运营的压力(主要是不注册可Checkout不利于二次购物和商品推荐),她们的设计出发点就是尽可能多的帮助用户完成订单。多余的Checkout流程会给用户机会来改变他们的选择。(评论中一哥们提到他做过相似的实验,多一个页面转化率就有少20%。)其次,由于她们销售的属于利基(niche)商品,因此Checkout步骤少或多并不影响实际的转化率。因为用户只能在这里购买,没有其他选择,这以因素也可以认为是之前提到的第二个指标并未提高很多的原因。最后,另外一个老兄发现他们只提供VISA支付,作者解释到这是因为VISA是奥运特许合作伙伴,而这一 客观因素也帮助她们能在设计上少费些周折。如果必须有多种支付方式选择,那么真的把所有的支付方式结合其他信息放在一个页面上,我想她们也会有思想斗争的压力的:)

题外话,有朋友会认为她们的表单设计也并非完美,比如在实时数据验证、错误提示、表单字段的提示上等等也有可改进的地方。但我们应该认识到完美又优雅的设计往往可遇而不可求,最合适的设计才是我们应该努力去实现的。我想至少在这个具体问题上,这个例子给了我们一个榜样。

最后总结一下,本例告诉我们在可能的情况下,把多页面表单适时地整合成不太复杂的单页面表单也是一种提高转化率的方法。这也是一种明明白白告诉用户你有多少表单信息需要填写的直白方式,但这么做的前提是必须很好地认识用户的行为以及行为背后潜在的需求,切不可为了KPI而不顾一切。

原文评论中其他有价值的问题:

  • 如果把订单额从现在的$45.60变成$456,是否实验的结果依然是如此?
  • Checkout结束后的注册有多少效果?
  • A/B测试的注意事项:何时开始、何时结束?

真正的最后,有问题的朋友欢迎各位看了原文后和我讨论。

时间: 2024-09-29 01:03:55

B2C网站用户体验设计:Checkout(结帐流程)设计的相关文章

B2C网站用户体验细节设计参考

最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,网页教学网体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西. 针对suggestion的情感化设计细节处理: EBAY.COM 当用户觉得不想使用suggestion,或认为suggestion会给他带来干扰的时候,用户可以选择关闭suggestion.( suggestion有的时候可能会切断用户的心流,对用户的心智模型造成影响)

B2C网站用户体验设计:捆绑销售形式的设计

文章描述:玩转用户心理:b2c中"捆绑销售"的设计思路. 写在前面 "商品捆绑销售"是一种非常有意思的销售方式,也是电商网站中深度"把玩"用户心理的功能.该方式在传统零售中早已运用得如火纯清.所以,电商产品经理,不了解点传统零售,设计出来的产品也只能凑个数! 哈哈,开玩笑,下面进入正题 某天,你打算去超市买一瓶1.5L的雪碧,超市真是琳琅满目,美女如云--你走到饮料区,拿起一瓶1.5L的雪碧,价格是5.5元,你准备放入购物车走人.突然发现有1瓶同

中国网站用户体验排行榜

用户体验越来越被中国网站重视,关注用户体验在一定程度上成为网站人性化的标准,暴风彬彬一直关注着用户体验分析及用户体验研究,这些用户体验排名数据虽然说明不了什么,但客观的讲,网站抓住用户体验就等于抓住了用户,抓住了用户才能获得更多的利润,用户体验在渐渐被中国的网站所接受,但仍有太多太多的中国网站忽视这用户体验的重要性. 本数据采自世界经理人 Gomez中国网站用户体验排行榜 中国门户网站用户体验排行榜 排名网站响应时间(秒)可靠性(%)稳定性(秒) 1搜狐3.27 99.89% 4.23 2和讯网

Google的新旧版本网站用户体验设计区别

据国外知名博客消息,Google 在针对某些用户测试其新版的网站风格,这里让我们先睹为快吧.从以下新旧版本的对比可以看出,Google的新版本网站更加注重操作性和可视性等用户体验方面. 1,Logo设计 Google的新Logo更大了,看起来更也比现在的老版本Logo更亮了,并且最大程度上减少了字母阴影效果,使得新版的Logo更有现代感了. 新Logo 当前Logo 2,首页 Google首页的搜索框更大了,两个搜索按钮也从默认的浏览器按钮样式,美化为新的CSS样式,使得其在不同的操作系统和不同

做好网站用户体验在网站页面设计上的一些要求

如今,对于做网站优化的广大站长朋友而言,用户体验成为了大家最为关注的重点,因为在我们做优化的最终目的是为了让用户能够更加容易的来到我们的网站,访问我们的网站内容,从而帮助他们解决问题,我们所谓的用户体验指的就是一切从用户的角度出发,时时刻刻为用户考虑,而不是单单为了排名流量来做优化,而且用户体验也如何是会对网站的转化率产生很大的影响,所以说对于我们每一个站长来说做好网站用户体验都是义不容辞的责任,下面笔者主要谈谈做好网站用户体验在网站页面设计上的一些要求. 第一.首页设计要合理 当用户来到网站的

网站用户体验设计(UE)

刚刚在Google Reader里通过Gtalk联系人分享的条目,看到JunChen写的贴子<心流理论(Flow)和设计(Design)>.他简要介绍了Movable Type 的设计师Jim Ramsey的文章Designing for Flow. Csikszentmihalyi 塞克斯哈里的Flow理论(Wikipedia上的Flow条目在这里),有时候被翻译为"心流",有时候被翻译为"涌流",有时候则被翻译为"福乐体验".小容

改善网站用户体验 30个创意独特的404错误页面设计

新颖的错误页面能够留住用户,以引导用户继续浏览其它的内容.404页面也有一些特别的用途,例如显示公益广告,推广网站自身的内容等,404页面也是改善网站用户体验的一个方面.下面向大家分享30个独特的404错误页面设计模板. 1. Octopus 2. Robotik 3. Monster 404 error page illustration 4. 404 Error Template 5. Free HTML 404 Error Template 6. Cloud 404 Page 7. Fre

大话传统企业网站用户体验设计 做细节就是做用户体验

中介交易 SEO诊断 淘宝客 云主机 技术大厅 说到网站用户体验,很多行内的兄弟们要说得可比接下来要写的话还多,用户体验直接影响了网站的营销效果,如从营销推广的五层数据(即浏览层.点击层.访问层.咨询层.转化层)来看,用户体验在其中间起着举足重轻的作用,哪一层用户感觉不爽了都可能跑掉.无论是传统的企业网站还是专业设计的营销型的网站,用户体验一样可轻易地适用于两者之上,优秀的用户体验设计往往在:视觉性.友好性.易用性.有用性(实用性)等方面体现,无论如何,只要用户浏览网站感觉好.舒适.习惯,那么这

网站用户体验:提升网站用户体验的专业建议

文章描述:提升网站用户体验:你不能不知道的6条专业建议. 作为网页设计师,我们知道,我们的任务就是与用户对话.这就是为什么我们能够从容的着手眼前的工作.我们选择颜色.字体,以及要使用的网页布局,甚至编写CSS的方式,所有的东西看起来都那么有目的性. 正如我们精心制作设计时,我们会意识到结果会透露出一些关于我们,设计师的内容.然而这些我们所设计东西并不是总能很好道出我们的初衷. 所以每当你正在进行一个网站的设计,问自己:我们如何给用户更好的关怀感? 浮动窗口广告 = 金钱比UX和内容更重要 因此,