对于移动端来说，最难的无非是在移动端很小的屏幕上要展示出那么多的业务信息，加上移动端的客户碎片化阅读的习惯和高流失率。那电商产品无非是移动端最难设计的一类app，有了屏幕的限制，既要保证用户的购物体验，又要保证业务呈现的完整性。那在每一个页面设计的过程中，业务信息、视觉样式、细节交互等等都需要讲究一些技巧和思考。
移动端产品重在满足碎片化用户场景的同时还能通过更小的屏幕更快展示产品内容，和用户需求完成快速对接的过程。这是移动端产品设计最核心的用户需求满足。以天猫、京东为代表的B2C商城，以淘宝为代表的C2C平台为例，我们从前端购物流程的触点页面出发，看看两大电商如何在产品设计中体现重场景、重碎片化、重速度。
完整的产品涉及到的页面数量极多，那我们今天就以选择中意产品 →加入 购物车 → 去支付 → 订单生成这个基础的购物流程，看看用户前台购物流程具体涉及到哪些点呢？
1、注册流程，主流注册方式有两种：其一、验证手机号码后输入登录密码，其二、第三方授权后再绑定用户手机号进行注册，两种注册方式都可以采用分步式设计。
2、浏览商品，搜索、条件筛选、按分类筛选商品加入购物车，商品数量、商品价格、邮费、总价、商品规格。
3、下单流程，两种情况：用户浏览商品时直接下单或者购物车内提交订单，订单编号、购买数量、商品邮费、订单总价、使用优惠券、配送方式、收货地址选择/填写。
4、处理订单状态，未支付订单付款、订单收货、评价订单、退/换货。
从以上的购物流程我们提炼出以下10个页面：
1、注册/登陆
2、首页
3、搜索页
4、商品分类
5、商品列表
6、商品详情
7、购物车列表
8、填写订单
9、支付页
10、订单列表
11、订单详情
抛开启动/引导页设计风格的展示不同外，具体的内容展示暂无太多的差异，这个我们先跳过不做详细赘述。
一、注册/登陆
那对于注册登录来说，对比两大电商平台京东和淘宝触发用户注册登录的条件，京东允许用户在选购好商品加入购物车，在进入支付环节前才要求用户登录，同时这一操作页有助于后台计算用户购物的徘徊期，可以提前调仓，保证配送速度。而淘宝则在商品加入购物车时就要求用进行登录操作，这是为了淘宝用户在下次登录打开购物车时，商品会保留在购物车内，会有一定几率客户继续进行购买。
非注册用户也可以购买支付。对于较少网上购物的用户或者一些购买频次低的商业网站，很多人会因为需要注册一个新的账号而放弃支付。这时候如果考虑让用户在非注册登录的情况下进入支付流程，这样的话可以有效地提高那些不想注册的用户的购买概率。
那对于注册/登陆的交互方式。
二、首页
京东和淘宝首页展示内容千人千面，即同一时间段，不同的人，根据以往浏览、搜索、购买历史，展示或者推荐不同内容，对于页面版式上我们看看有哪些侧重点：
三、搜索页
两者在搜索页的功能点基本一致，区别在于淘宝新增“全网热榜”，给商家提供热销运营入口，同时帮助用户快速了解热销信息，提升热销商品的浏览量，促进用户下单购买。
四、商品分类：
以B2C起家的京东就像线下的百货商场，对于注重平台自营和品牌的京东来说尤其注重商品分类，这和京东本身的产品定位是强关联的。而淘宝更像一个大集市，一家一家摊位摆在你面前让你随意挑选比对，所以商品分类的入口对于淘宝来说就无需再三强调。
五、商品列表
淘宝和京东在这个页面的处理上弱化容器，突出内容，提高留白率，提升页面整体的透气性，为内容留出更清爽、轻松的阅读空间。区别在于京东强调价格标签，而淘宝会注重在“天猫”和普通商家的区分。
六、商品详情
在整个前端购物流程的页面中，没有任何一个页面能够像产品详情页一样对提升购买率如此关键。从用户的角度，希望在此页面看到更多真实信息，做购买决策。而商户希望能展示产品的优点，促成交易，并在此基础上为自己店铺引流，带来更多销量。App（商城平台）会从自身发展需要，调整产品形态，平衡C端（用户）和B端（商户）的需求。那基于以上观点，让我们看看两者商品详情页有哪些不同？
七、购物车列表
购物车是用户体验与商业目标的平衡所在，一方面购物车要想用户所想，为用户提供便利，例如凑单免运费快速入口；另一方面购物车是用户下单前，最后一次选择产品。如此情况下，平台需要更多地引导用户购买产品，以提高销量。
现在的电商对于免运费都有一定的限额要求。对比发现京东首先会判断购物车中产品的金额是否达到了免运费的标准。如果没有达到，就会提醒用户去凑单。用户点击“凑单免运费”连接，跳转到凑单页面。在凑单页面底部，京东会告诉用户还差多少钱。为了方便用户选择，产品列表是按照价格区间来展示的。值得关注的是，这里的产品并不是随便推荐的，而是根据用户已选择的产品来推荐的。（这块的逻辑有点深奥，感兴趣的朋友可以研究一下），对于淘宝来说，除平台活动外，对于商品的免运费商家各有不同的安排。
为了在这一刻让用户尽快下单，京东和淘宝都再次强调领取优惠券的设计，与产品介绍页的领取不同，这里不仅列出了相关的优惠券，还标识了所选产品是否匹配。如果用户选择的产品金额不够，又会提醒用户去凑单。
八、填写订单
填写订单：两个平台有不同的填写订单的流程，根据平台的突出点（比如：京东根据地址判断是否支持货到付款，自营可以评估送达时间）、在这里结算价格时可以利用一些：优惠券、京豆、礼品卡、津贴、店铺优惠等的营销活动促进客户下单。
九、支付页
淘宝和支付宝绑定关联为买家提供安全方便，简单快捷的购买和支付体验，实现了两个平台的客户转化，提高了成交支付转化率。京东白条是京东金融非常重要的一个产品，因此京东会着力推荐用户使用白条支付，所以不仅在明显的位置提供入口，也标注了使用白条的相关优惠。但是对于全民微信的快速沟通时代，微信支付还是选择最多、最快捷的支付方式之一。
十、订单列表
从交易开始到结束时一次完整交易的生命周期，简单的一条数据更像是消费者与平台之间的一个契约，而契约上的信息：发票（增票还是普票）、运费、时效、预约、优惠等等都是为了给用户提供售后服务的安全和保障。
十一、订单详情
订单详情页是用户完成购买动作之后显示的信息页面，用来审核订单状态，查看订单信息，担任着非常重要的信息展示和售后服务。起着展示产品信息，提升服务体验度，提高产品转化率等多方面多维度的作用。
纵观京东、淘宝的购物流程，其背后的购物逻辑绝不仅仅适用于电商平台，其实对于任何涉及在线购买与支付的平台，都有很强的启示作用。不同商业模式的购物平台，为用户创造的购物体验也各有不同，以上是我们基于日常对B2C和C2C两类电商产品的一些细节分析，如何通过购物流程，将产品、运营、社交等因素有效地融合在一起，同时将企业核心优势体现到极致，我想这是每一个产品设计人员需要思考的问题。希望借此机会与由此设计经验的同仁进行跟多的交流，以期完善此文，感谢！
Powered by Froala Editor
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册