线上购物的流程一般分为4个步骤：浏览商品、填写/确认购买信息、支付、收货。其中任何一个步骤的不流畅都可能导致用户停止购买行为，这篇文章主要分析了PP商城、乐视商品、小米商城、苹果商城的购买流程。
用户在电商购买商品的第一步通常是浏览商品，目的性较强的用户通过搜索寻找要购买的商品，在商品较少的商城例如苹果商城，这类用户也会通过类别快速找到商品；目的性没有那么强的用户一般会在首页随意浏览或者在列表页比较同类型商品，所以在首页、列表页及类别的产品设计中需要考虑不同类型的用户的需求。下表列出了各页面的关键词：
首页：活动、热卖
类别：全面、一目了然
列表：快速浏览主要特性、快速加入购物车、参数比较
商品详情页：高质量、高性能、全面的参数
当用户选购好了要购买的商品后需要填写或确认一些基本的订单信息，一般包括：收货人信息、收货地址、发票信息、支付方式、配送方式及时间选择，我们可以为登录用户保存一些不常变化的信息，如收货人信息、收货地址、发票信息。由于订单包含一些重要的信息，在填写完订单信息后最好有一个确认的操作。
目前电商主流的支付方式有在线支付和货到付款，其中在线支付一般包含银联支付、支付宝等第三方支付、信用卡分期等，在用户支付后应及时告知支付状态并提供后续操作，若支付成功则可以选择跳转到订单页面，若支付失败应告知失败的原因、让用户可修改支付方式并再次支付，并提供支付常见问题解决方式和客服联系方式，在支付过程中如果长时间未响应，应该有取消按钮以及相关提示。
最后收货后用户可对商品进行评价晒单（一般会提供积分等奖励），或者进行退换货，在购物流程的最后步骤提供好的用户体验可以有效提高用户留存。
1. 购买流程对比
PP商城在购买过程中有两次库存校验，第一次是在选择配置时会验证用户所选择的配置是否有货存，第二次是当用户填写了收货地址后验证该地区是否有货存，这两次校验其实可以合并成一步，在用户选择配置时同时选择配送的地区。在点击加入购物车/购买时就强制要求用户登录提高了用户购买门槛，目前主流的电商网站在结算时才会提示登录。
乐视商城的购买流程比较顺畅，在商品详情页中用户就可以选择配置、相关服务、商品配件套餐、配送地区、分期方式，并根据配送地区查看预计发货时间。
小米商城的购买逻辑与乐视商城基本一致，在支付失败时会跳转到常见问题页面，而乐视商城会重新打开支付页面。
苹果商城的购买流程相对比较简洁，并且在结账时除了登录还可以选择以访客身份结账，用户可根据订单号以及电子邮箱查看订单信息。
1. 登录的时机与方式
通过登录可以为用户保存一些常用信息，如收货地址、购物车、往期订单，但是对于未登录或者未注册的用户，登录这一操作可能会在购买过程中增加操作成本。苹果商城提供了访客身份结账方式，但这样也有一定的弊端：收货地址无法保存、只能通过电子邮件和订单号查询订单。较好的方式是在用户结算时提示登录或注册，走到结算这一步骤的用户的购买意愿较强，登录这一操作不会对用户的购买行为有太大影响，目前主流的电商也都是在结算这一步提示用户登录。另外在登录时的提示可以进行优化，如告诉用户登录后可保存常用地址、更好地进行订单管理等。
2. 加入购物车or一键购买
加入购物车这一行为就像是在超市购物，先选择想要购买的商品，然后再一起结账；一键购买则是像在菜场买菜，在一家菜摊买完付钱后再去另一家菜摊。加入购物车更适合没有明确目的的用户，一键购买更适合有明确目标的用户，B2C电商在购买模式上更像是超市，用户可以先选购、比较商品，然后再进行下单、结算。
3. 相关商品的推荐
用户在电商平台购买的物品往往都会有配套的服务或者设备，如购买电视配套的电视架、购买手机配套的手机壳、数据线，在适当的页面将周边商品和服务推送给用户不仅可以方便用户购买，还可以提高商品销量。相关商品推荐一般出现在商品详情页和购物车。
4. 订单的修改
在订单还未付款时，若用户发现订单信息有一处写错了或者不想购买订单中的某件商品了，用户的期望是可以直接修改订单，目前主要有两种修改方式，一种是在前端页面由用户自行修改，一种是打客服电话让客服修改订单信息。从用户体验的角度来看，在未付款时应该可以自行修改部分订单信息，如删除某件商品、修改收货信息。
5.加入购物车后
各商城在用户将商品加入购物车后的操作也有所不同，苹果商城会跳转到配件选择页，并提供了查看购物袋的快捷通道，小米商城会跳转到购物车，乐视商城会弹出一个提示浮层，用户可选择去结算或者继续购物。此外还参考了一些国外的电商网站，在服装电商http://www.urbanoutfitters.com 里将商品加入购物车后会有加入购物车的动画，同时在购物车按钮处会弹出结算的提示，如下图所示：
用户在电商网站购车时，会将有购买意向的商品加入购物车，然后再进行比对，最终选择要结算的商品，在苹果商城这类以电子用户为主的电商里，商品一般都会有相关的配件，当用户添加一件商品到购物车时，商家会希望用户也选购一些配件，并且苹果商城的商品类别较少，用户在加入购物车前一般都对商品较为熟悉或者仔细浏览过商品信息，加入购物车这一操作都会比较慎重。而在服装类电商中，商品种类繁多，用户一般看到还不错的商品会先加入购物车，不会太仔细地浏览商品信息，所以加入购物车后一般不会跳转到其他页面，而是会以较轻的交互告诉用户可以去结算。
6.关于快速浏览
在电商购物时，发现有的电商网站有快速浏览的功能，如https://www.victoriassecret.com ：
快速浏览的功能一般出现在商品列表页，在列表中浏览商品的用户一般购买目的性不会特别明确，当看到感兴趣的商品时如果每次都点击进入再返回，操作上比较繁琐，因此服务类电商一般在商品列表页都会提供快速浏览功能。
7. 商品导航
在浏览国内外电商网站时，发现了一个很有趣的现象，国内电商的商品导航大多数都是竖栏，而国外电商则大多都是横栏：
这个差异的原因我也没有想得特别明白，如果大家有什么好的想法可以留言~但是我觉得不论是竖栏还是横栏，商品导航最重要的就是要清楚明了，让用户能快速找到目标商品。
8.小结
结合以上的分析，重新规划了商城的购物流程：
