天猫首页官网(天猫网站)

编辑导语:不知道有没有细心的朋友发现了最近天猫首页的新变化。本文作者针对天猫今天的变化，分析了小的设计细节，为我们总结了设计特点。

最近发现天猫首页被改版了，整个页面变成了大牌流量的信息结构。内容和视觉表现更简洁，产品语言更符合品牌定位。今天我们就来分析总结一下天猫首页改版的细节，总结一下大卡流的设计特点。

主要内容包括三个方面:

天猫首页为什么要改版为什么采用大卡流信息框架大卡流的应用场景01 为什么要改版？1. 塑造差异化

淘宝和天猫一直是两个相对独立的品牌，天猫品牌定位更高，更强调品牌和品质。但在产品体验上，淘宝和天猫没有明显的区别，尤其是在页面布局和视觉呈现上，天猫缺乏独特的品牌特色。

2.加强商品和内容的曝光。2020年，淘宝首页将进行大改版。核心目标是精简内容，提高用户获取商品和内容的效率。这种产品设计理念必然会影响天猫。

改版后的猫首页弱化了后天信息发布的功能，取消了Banner资源位，将商品分类调整为文字按钮入口，与搜索框合并显示。频道栏的原始缩略图卡被压缩成五个图标条目。内容的精简和整合确保用户可以在第一个屏幕上接触到品牌和商品。

02为什么采用大卡流的信息框架？此次改版最大的特点是采用了大卡流的信息框架。大卡流量有什么好处和坏处？

1. 优势分析

1)改善浏览体验

在现实生活中，超市和商场的购物体验有着明显的差异。超市商品种类多，商品密度更高。用户需要在一排排货架中找到自己需要的商品。商城空大，信息密度低，颜色更白，品牌信息更突出，用户的购物体验相对更容易。

这种线下购物体验的分化也映射到线上产品上。新版天猫首页采用“大卡流”，信息密度更低，空感更强，用户认知负荷更轻。这就像在商场柜台购物，商品就像单独展示的精品，创造出价值感和品质感。

2)信息曝光效率更高，更好的激起用户的点击欲望。

大卡空的尺寸优势明显，可以展现更多的信息内容，有利于品牌和商品的曝光。

比如旧列表中，用户只能看到一个列表条目，单一的商品图片可能无法引起用户的注意和兴趣。新版榜单会直接把榜单上的产品铺开。用户看到的是商品和价格，能激起用户的点击欲望。

品牌旗舰店是天猫非常重要的资源。高清图像有利于品牌产品的运营。用户触达的不是Banner广告位，而是突出的品牌信息和产品图片，让信息体验更具感知性。

3)提高商品质量意识。

图片是大卡流的绝对核心内容，几乎占据了卡牌的所有空空间。大图可以展现更多细节，感染力更强。

首页的天猫商品以白色图片为主，去除了背景氛围的影响，突出了商品本身的品质和细节。图片也可以组合展示，丰富商品的表现力。此外，卡片上还增加了“立即购买”的动作按钮，更具指导性。

2.缺点及对策大卡流虽然提升了浏览体验，但相比双排流有明显的“屏幕效应”缺点。用户较低的浏览效率必然会影响产品在页面底部的曝光率，所以需要提高空的使用率，提高浏览效率。

1)扩展横向空建立交叉交互模式。

比如天猫首页“全新”、“618榜单”等内容都增加了横向滑动的互动方式，从而承载更多内容。

2)增强图片的信息承载能力。

为了提高卡片内容的承载能力，需要扩大图片的信息维度，增强信息传递效率。

天猫的商品卡片上增加了品牌、品类、卖点等关键标签，图文结合更加紧密。用户可以在浏览图片的过程中获取商品信息，认知效率更高。另外，标签增加了跳转功能，可以直接到达店铺页面或者商品收藏页面，提高了用户行为的效率。

3大卡流的应用场景总结大卡流的形式在其他平台应用已久。比如微信阅读“发现”和App Store“今日”页面都采用了大卡流的布局形式。

微信阅读的“发现”页面以书籍推荐为主，采取少而精的策略。每次推荐一至六本书，通过“换一批”功能扩大推荐数量。在底层，利用社交关系和从众心理为用户推荐书籍、卡片和运营活动。综合来看，微信阅读发现页是一个比较简单的场景。

App Store的“今日”页面显示了近一周的应用推荐。每天包含六大卡片，内容相对固定，包括主推应用、应用列表等。除了图片，视频也可以嵌入大卡，增强App的表现力，让用户更好的理解App。

此外，以展示作品为主的站酷等产品更强调图片的表现力，方便用户浏览和决策。所以大卡信息流也是非常好的选择。

大卡流量布局在电商的应用案例并不多。

天猫App里有很多应用。比如天猫的“快乐开业”、“新品直降”、“尖叫来袭”等“小黑盒”页面都采用了大牌流量布局模式，1号店的“发现”页面也是大牌流量布局。

大卡产品尺寸更大，单屏信息更聚焦，更有利于用户浏览和决策。

淘宝新增的微详情页采用大卡流聚类展示，使商品展示更加充分，增加用户二次决策机会。相比首页直接跳转到商家详情页浏览，再回去寻找选择下一个同类商品，降低了用户的行为成本。

综合来看，大卡流框架的优缺点非常明显，因为承载内容有限，不利于信息分发，更适合应用在内容少、强调价值感的场景。

以上是我对大卡流形式的总结。欢迎评论交流~

#专栏作家#

子牧先生。微信官方账号:子牧UXD(HelloDesign)，人人都是产品经理专栏作家。体验设计师。8年互联网行业经验，擅长体验式设计思维、设计方法论、交互设计研究。

本文由人人作为产品经理原创发布，未经允许禁止转载。

来自unsplash的图像，基于CC0协议。