教你电商APP商品详情页设计套路！UI／UE必须懂的..设计思维！

 前言 

电商APP重点在于商品详情页，打造一个优秀的商品详情页，完全能够提高转化率！

今天从UI设计、交互体验、文案撰写、产品的商业模式来聊一聊电商app商品详情页是怎么“套路”用户的［偷笑］。

 淘宝vs京东 

说起电商APP肯定少不了“淘宝”与“京东”，看下图淘宝与京东的产品详情页设计！

最大的不同就是京东比淘宝少了“立即购买”按钮，这是为什么？

经营模式上分析：

早期的淘宝是C2C模式就如现在的咸鱼和58，之后入驻了企业，也就变成B2B2C模式，但是淘宝C2C的DNA基因还是大量存在。

京东起初是自营B2C模式自营物流配送，如今也入驻第三方企业商家，所以模式也变成了B2B2C模式，但是京东自营B2C模式还是在..占据很大比例。

从交互上分析：

交互上的体现也是一样的，点击淘宝的“加入购物车”需要用户来选择规格，京东则默认选中展示的商品，更快捷加入购物车。

淘宝商品详情页弱化了购物车按钮放在了右上角，京东则把购物车放在了加入购物车旁边。

当把商品加入购物车后，购物车页面淘宝也不会选中加入的商品，京东则会选中用户加入购物车的商品。

所以：

从经营模式上分析，两家的侧重点不一样，交互方式也就会有差异化，淘宝..更看重单件快速交易。京东则是希望用户把想买的东西都放购物车，统一结算，..也能更方便的统一配货配送。

所以不难理解，B2C的产品会更突出加入购物车，例如纯B2C的小米商城和网易严选，都是更突出加入购物车！

        详情页细节分析 

下面来分析优秀的商品详情页是从哪些方面打动用户刺激用户购买的。

当我们在设计一个商品详情页时候，要把用户当成我们的男女朋友来对待，整个设计流程分为四步：

用户购买商品其实就是这个过程，首先认识商品（1米8大个又帅）随后信任商品（人品还好）从而产生购买价值（跟他恋爱不错）最终购买转化（相守结婚）！

分析两个卖奢侈品的app商品详情页