童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Checkout产品设计:一步走还是四步走

9月21日 老巫婆投稿
  从文字标题上来看,作者原本的意图是介绍一个通过AB测试来提高产品性能的案例(温哥华冬奥会官方特许商品购买网站),但大家实际留下的评论以及关注重点都被集中在这个具体的Checkout设计的交互细节上。当然我也被这个我认为有些优雅的设计所吸引,因此简单翻译并整理一下原文和原文评论。好了,言归正传。
  什么是Checkout?就我个人的理解来说就是挑选商品结束后进入结帐的流程。从决定开始结帐到输入联系信息、支付选择到最后的支付成功,整个过程就叫Checkout。在改版前,她们原来的Checkou流程是这样的:
  原Checkout的signin
  control
  可以发现原Checkout流程分成:Signin、Shipping、BReview、Receipt,也就是说从点Checkout按钮到最后结帐成功需要走四步。
  经过重新设计后,新的流程变成了一步(见下图)。怎么做到的呢?
  首先,取消了Checkout前的强制Signin(只保留ReturningCustomerSignin以便于直接获得Shipping和Deliveryoption等信息)。其次,将Shipping和Billing信息进行整合,以简单扁平的方式形成一个较长的表单供用户填写并确认。页面右侧是订单详细信息。点击PlaceOrder后Checkout完成后,提示用户可以新注册帐号(CreateAccount)以便跟踪具体的订单情况。
  另外一个我个人认为不错的交互是右侧的OrderSummary展示。由于合并后的页面较长,因此她们把OrderSummary做成能随着页面上下浮动,这让用户始终能看到订单的详情。
  从最后的数据上来看,新设计相比老设计:
  购买完成率上升了257。26
  平均订单额上升了8。54(这个数值的上升作者自称始料未及,也不知道具体原因)
  Overallsiteconversionrate上升了0。54(这个数值作者没有很好的解释清楚,评论下方也有人在问)
  新的Checkout设计
  Checkout成功后,提示注册
  为什么她们会这么设计,要知道连Amazon也是4步checkout的,她们是怎么考虑的?思考过程作者在原文中没有透露,但从下方的激烈的评论和作者的回应中我们可以基本找到答案。
  首先,这个store的目的是销售特许商品。因此通过简化产品设计和降低门槛来提高购物的转化率是她们的核心KPI,抛开运营的压力(主要是不注册可Checkout不利于二次购物和商品推荐),她们的设计出发点就是尽可能多的帮助用户完成订单。多余的Checkout流程会给用户机会来改变他们的选择。(评论中一哥们提到他做过相似的实验,多一个页面转化率就有少20。)其次,由于她们销售的属于利基(niche)商品,因此Checkout步骤少或多并不影响实际的转化率。因为用户只能在这里购买,没有其他选择,这以因素也可以认为是之前提到的第二个指标并未提高很多的原因。最后,另外一个老兄发现他们只提供VISA支付,作者解释到这是因为VISA是奥运特许合作伙伴,而这一客观因素也帮助她们能在设计上少费些周折。如果必须有多种支付方式选择,那么真的把所有的支付方式结合其他信息放在一个页面上,我想她们也会有思想斗争的压力的:)
  题外话,有朋友会认为她们的表单设计也并非完美,比如在实时数据验证、错误提示、表单字段的提示上等等也有可改进的地方。但我们应该认识到完美又优雅的设计往往可遇而不可求,最合适的设计才是我们应该努力去实现的。我想至少在这个具体问题上,这个例子给了我们一个榜样。
  最后总结一下,本例告诉我们在可能的情况下,把多页面表单适时地整合成不太复杂的单页面表单也是一种提高转化率的方法。这也是一种明明白白告诉用户你有多少表单信息需要填写的直白方式,但这么做的前提是必须很好地认识用户的行为以及行为背后潜在的需求,切不可为了KPI而不顾一切。
  原文评论中其他有价值的问题:
  如果把订单额从现在的45。60变成456,是否实验的结果依然是如此?
  Checkout结束后的注册有多少效果?
  AB测试的注意事项:何时开始、何时结束?
投诉 评论 转载

变化盲点用格式塔理论解释今天看到一个哈佛做的实验,变化盲点实验(ChangeBlindness),有关UX,觉得很有趣。实验设计1。实验设置首先,一群可怜的志愿者被通知去参加一个实验……网上的超市们注:本文纯属贴图好玩,无技术含量。刚去一号店买东西,顺手搜索了几家国外的类似商店,截了些图,justforfun。一号店:我已经贡献了N百块销售额给他们了,不……闲言碎语:学会骑别人的马设计师成长之道好嘛,自从我说了其实并没有谁比谁更牛以后,大家认为交流沟通是一个很白菜的事情了,这两天加我QQ和发邮件的朋友明显热情高涨,群情有所失控。而当我和两个业界大牛闲扯以后,也终于发现……“按钮”的状态和交互混淆按钮有两个属性:1、说明。当前的属性状态文本,可预见的点击处理后果。2、动作。处理点击用户交互。思维模型:比如:我们常见的“提交注册”、“点击删除”、“……Checkout产品设计:一步走还是四步走从文字标题上来看,作者原本的意图是介绍一个通过AB测试来提高产品性能的案例(温哥华冬奥会官方特许商品购买网站),但大家实际留下的评论以及关注重点都被集中在这个具体的Checko……一个网站的气质经常听到一句话,形容某些人是气质美女或气质型男。同样是人,为什么又有些人会被形容为很猥亵,很对不起地球?那又为什么有些人虽然长的不咋地但你很愿意和他再交往?又为什么有些人你再也……马云对支付宝的用户体验评价:“烂,太烂,烂到极点”我的梦2001年底,我彻底爱上了“互联网”,发现只有这里才是一个自由的、理想的、平等的世界。我告诉自己,这辈子就她了。2003年2月15日,我决定离开郑州只身前往北……交互设计实用指南系列(7)避免迷路任何位置都能明确“我在哪里?这里有什么?从这里能去哪里?”小时候,童话故事都告诉我们,迷路可不是一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向,我们发明了各……浅谈前端安全随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前,盗取用户数据,制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉。更有甚者可能会在用户不知……数据表格的设计组织数据和信息是一个不可疏忽的能力。组织内容和文字的方式(一般以copy的形式)会在用户怎样接收内容上有直接的影响。网页设计需要找到一个方法组织内容以使其便于读者扫描和接收。其……用户习惯那点事最开始接触SNS的时候,我以为“首页”就是我的“个人首页”,于是我把我的“首页”地址链接发给好友,告诉他们来围观我的SNS个人主页。可是,后来发现这个“首页”点过去他……闲言碎语:非专业不复杂我之前写过一个关于设计师话语权的问题,应该是有很多小白没看懂,或者报着看了也做不了什么的祥林嫂心态,有激动着声称:“要获得话语权的第一步就是要表现得专业”这个逻辑基本上没什么错……
手机应用程序启动画面如何理解“我就想要他那样的”?关注衬线使用上的细节为什么要登录?如何开发Web应用程序用户体验设计中的不安因素LandingPage引导页的设计徽章(成就)系统设计FacebookMessaging由繁到简LandingPage表单对用户转化率的数据分析基于内容、位置与关系的探索模式指纹识别在互联网的应用设想
大班折纸案例牵牛花简析快消品行业的销售费用管理论文平价眼影哪个好用,细腻又漂亮的小眼睛怎么打造好文:口字旁的当怎么没有了热博聚热点网 说文明话,做文明事演讲稿论文写作课的教学内容女人想你了,会有这些控制不了的行为,尤其是人到中年47准三双!老詹生日夜爆发!托布1917,湖人大逆转!老鹰3触摸春天氮酮的用量为你祈福女性更年期后遗症

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界