商品详情页通常是电商系统流量最大的页面，承载决定用户是否购买商品的关键决策信息。该页面的功能、布局、交互设计对用户购买转化意义至关重要。

今天来看看天猫、京东、苏宁等的电商app详情页构成。

一、天猫

布局为顶部快捷导航标题区、核心内容区、底部操作区。

快捷导航标题区包括内容区切换，购物车链接（方便用户随时去购物车完成后续购买），以及“更多”。分享、刷新、收藏等操作，首页、搜索等链接，以及一些卡券活动、推荐商品都在“更多”里包含。

内容区分三部分。商品、详情、评价三部分。

1，商品，从整体上让顾客了解商品情况。

第一屏：包括一组大图（通常是2张整体效果图，3张局部细节大图，均铺满屏幕），价格与已售卖数量（显示历史价满足顾客比价心理）与售卖时限（如果有则显示，有暗示赶快下单否则就没了的效果）。由于上方分享功能隐藏在了“更多”操作中，此处还显示“分享”功能。

第二屏：首先是商品参加的活动，返积分、可增送的优惠券等促销说明。然后是产品参数介绍链接（放在这里貌似略混乱）、下单选择链接：点击弹配送区域、以及型号、数量等介绍选择框。然后是商品评价信息的概述。最下是商家的信息与链接（大约在第2.5屏）。

在商品部分左滑或继续上滑，进入图文详情部分。

2，图文详情：购买决策的详细专业信息

天猫的商品图文详情首先是三款卖家推荐、可领优惠券、店家活动。

然后是各种图文的商品介绍：近20张图片介绍，足以充分展示商品的各种特质，让用户产生购买冲动（最近一些电商尝试使用视频展示商品、未来甚至使用vr，新技术形式的采用应该能增强用户身临其境感）。最后是推荐类似商品的列表：最多24款，有效提高商品曝光、以及产生更多购买可能。

继续左滑进入评价部分。

3，评价部分：商品及商家的口碑

口碑评价部分在移动互联网时代对用户购买决策有相当大的影响。

天猫的评价部分首先是总体的评价数、典型分类数，这里都可以作为查看评价列表的筛选。

下面是具体的评价列表，包括用户名（用*替换部分），内容（包括图片，如果有图片可查看评论详情可看大图），评价与收货时间，购买商品型号。

底部操作区包括客服（咨询是购买中重要服务），商家店铺（决策依据之一），收藏（后续再买），加购物车（可继续买更多），马上抢（直接买下当前商品）。

缺点：上滑、左滑进入详情区结果相同，但显示标题不同、后续操作也略有不同，造成用户一些小凌乱。

二、京东

总体布局与天猫非常接近，分顶部标题与操作区，中间核心内容区、底部操作区。

顶部操作区，京东放置的不是购物车链接而是分享按钮与“更多”（购物车链接放到底部操作区了）。“更多”中也只有首页、消息、搜索、我的关注、浏览记录几个链接。

内容区包括商品信息区、图文详情区、评论区。

商品信息区与天猫也极为类似，除下单选择处显示配送到达时间以突出京东物流特色外，还有一些微小变化。另外推荐商品功能也放在了这个区域底部，除当前商品类似品推荐，还包括排行榜推荐。

图文详情区，京东做了左、中、右三栏拆分，分别显示图片、表格（规格参数）、文字（包装售后）。相比天猫垂直展示，更清晰易读。

底部操作区，京东相比天猫少了直接购买项。因此放置了购物车链接。

整体看，京东相比天猫商祥页布局设置更简洁有效。但功能稍弱，例如缺少直接购买等方便用户快速下单功能。

另外，天猫、京东商祥页在某些垂直品类例如食品领域，还缺少一些个性化适合该类商品的属性展示：人们在购买食品时，对加工方法、营养健康等也比较关注。目前的商祥页并没有直接显示，需要商家在图文中去描述，其实如果针对不同类别商品做差异性标准化用户感受会更好。

三、苏宁

苏宁商详页中，操作区之外看起来只有一个内容区，但实际上不缺少前面天猫与京东的图文详情、评价。但要么垂直在下方，要么需要点击某个链接进入。这里的布局相对凌乱，没有有效利用手机端用户更喜欢滑动这个特征，不利于用户快速方便找到所需信息。

苏宁的猜你喜欢固定推荐9个品，看起来应该还比较早期和简单的推荐模式。

苏宁商详页的另一个小欠缺是分享藏在了“更多”里面，天猫与京东则都放在外面显眼处，略微影响社交分享。此外，苏宁的商品信息区大图尺寸有时会铺满手机标题栏也略欠。

总结：手机商祥页展示既要突出商品特色，更要解决用户购买决策问题，同时也应合理使用新技术以及数据分析而突破传统销售的限制。从这几个角度出发去优化商祥页，对电商企业能带来较大的回报。