电商类APP系列2：商品卡片竞品分析,商品售后服务认证证书。

目录：

一 项目背景

二 竞品概述

三 竞品目标功能比拟

·卡片功能入口

·卡片内容

四 竞品目标功能纵向比拟

·淘宝

·天猫

·考拉

·1688 五 竞品重点功能横向比拟

·商品单品

·频道

·榜单

·关键词

六 总结

安卓5.0Lillipop提出了MD设计措辞，个中最主要的便是邪术纸片的观点——把真实物理天下中承载信息的“纸张”观点带入屏幕中，它拥有现实中的厚度、惯性和反馈。

邪术纸片是卡片化设计的前身，卡片的上风毋庸置疑：它可以将内容固定为不同的区块，统一容器，便于理解和影象；又利于一稿适配不同尺寸的适配；而在卡片内可以搭建不同的内容，去知足各种的商业和业务需求。

从14年谷歌这一设计观点推出之后，卡片化设计逐渐风靡，也被引入IOS设计之中，如今已经成为各种APP表现层的常态，电商APP商品卡片化便是个中一种。

2. 我们为什么要做卡片化？

为了在原有商品feed流的根本上，丰富运营维度。
借助卡片这一容器，承载除了商品之外的更多内容，给用户供应场景化推举信息，比如搭配推举、关键词细分、运营活动、榜单等。

目标：吸引用户在浏览中二次跳转，给其他页面引流，增加用户的利用时长和参与度，减少页面流失落。

竞品概述

在竞品选择上，我们依旧选择淘宝、京东、拼多多、天猫这几款流量顶级的产品，以及1688、当当、唯品会、盒马生鲜、严选、考拉、咸鱼、转转等垂直类电商的产品。

经由进一步的剖析，京东、拼多多、严选、唯品会并没有对商品卡片做多样化设计，依旧是常规的的单品卡片，由于这次不列入剖析。

竞品目标功能1. 卡片功能入口

电商类商品卡片形式丰富，常见于APP首页瀑布流、品类页、搜索结果页、为你推举等等，此类卡片常日为竖版，基本构造为图片+商品信息。

当然除了常规商品卡片之外，还有秒杀、拼团、导购类商品卡片，第二类卡片不在这次剖析范围内。

2. 卡片内容

通过比拟和剖析竞品的商品卡片，探索卡片详细可以承载的内容和信息。

根据剖析，除了承载常规的商品之外，卡片还可以承载产品内部的频道、主题，各个榜单，搜索关键词，品牌，类目以及各种运营内容，详细见下图表格：

竞品目标功能纵向比拟1. 淘宝

淘宝的商品卡片在常规单品卡片的根本上，增加了：

关键词筛选，点击进入关键词搜索结果页。

2. 天猫

天猫的商品卡片样式非常丰富，在首页商品瀑布流里，卡片包含推举文案；而在天猫超市、天猫国际的频道里，商品卡片包含加入购物车按钮。

除此以外，卡片内容还包含店铺推举：

考拉的单品卡片有两种：一种常规卡片、第二种包含实时用户评论。

必买清单和正在热议为社区内UGC或者PGC的内容，榜单为PGC或者OGC内容：点击后为文章类榜单列表页；分类推举：点击后为筛选搜索结果页。

可能感兴趣则根据用户浏览数据，推举3种种别。

4. 1688

1688首页FEED流和搜索结果页feed流的卡片整体构造虽然同等（图片+标题+先容+按钮），但是设计风格差异比较大。

前者延续了淘宝的设计风格，在主题市场推举和榜单推举卡片中，都采取了轻量化、大圆角风格；而搜索结果页里，榜单和主题市场视觉上更加突出，单品卡片则展示更多的信息，优惠标签、发货地、转头率。

重点功能横向比拟1. 商品单品

单品是商品卡片最基本、最根本的内容构成，这个我们就不多说了。
商品卡片最根本内容——商品图片、标题、价格。

商品卡片常日有竖版卡片和横版列表两种表现形式，很多APP都可以根据用户习气在这两种形式之间进行切换，比如：淘宝、京东。

也有一些产品是只有竖版卡片的，此类对图片有更大的展示空间，适宜服装饰品等以图片视觉为卖点的商品，比如主打穿搭的蘑菇街、主谋生果蔬菜的逐日优鲜。
而横版列表可以展示更多的笔墨先容信息，适宜标品，或者说对图片不敏感的商品，比如叮当快药的药品、京东得电子产品、美妆日化等。

一个很范例的案例便是天猫搜索服装和美妆，搜索结果页里商品卡片有明显的差异。
当然由于本司产品的定位为第一种，我们这次剖析只聚焦于竖版卡片。

2. 频道

卡片承载频道功能，适宜综合型电商类、产品体量弘大且品类丰富的产品。
通过竞品剖析我们可以看到，只有淘宝系的三款产品——淘宝、天猫、1688拥有此功能。

频道功能常日在搜索结果页feed流中涌现，比如淘宝就根据搜索词推举各种干系导购频道，如ifashion、小黑盒、天猫国际、每天特卖、极有家、逐日好店等。

而在表现层上，淘宝和1688的卡片基本与常规商品卡片保持同等，均为单张商品图+文本信息的构造。
比较而言，天猫的频道功能从视觉上看却更加突出，纯色渐变背景、1个or3个商品、点击按钮……这些设计上的视觉勾引都表示出天猫频道功能有更高的权重。

3. 榜单

榜单也是商品运营维度中的一种，点击后进入榜单列表页，常见的榜单有热销榜、人气榜、趋势榜、好评榜等，也可以根据品类制作各种细分榜单。
榜单类卡片的根本是榜单名称、先容等根本信息，除此以外，还会通过按钮等CTA的设计，勾引用户点击。

通过对竞品的剖析比拟，榜单卡片常日展示3-4个商品，给用户以内容丰富的预期；包含排名的角标，强化通报“榜单”这一信息，可以说是利用从众生理去激起用户想要理解的希望，比如天猫和考拉。

也有产品显示单张商品图的、比如1688，卡片显示单个商品能够与其他商品卡片保持更好的同等性，当然缺陷也是在此了，由于过强的同等性而不足突出。

详细选择单个还是三四个图显示，须要我们根据产品各个功能的优先级去衡量详细的表现办法。

4. 关键词

关键词推举是各个竞品中利用率比较高的一个功能，紧张利用在APP首页的feed流中以及搜索结果页feed流中。

在首页feed流，关键词根据用户的历史浏览、购买记录等推举相应的品类，点击后进入该词的搜索结果页，比如1688和转转、盒马都是如此；而在搜索结果页feed流中，关键词功能有两种，一种是筛选，比如淘宝会根据筛选里的分类，随机推举各种筛选，比如价格区间、品牌、风格、参数等，点击后进入筛选结果页，关闭筛选词可退出。

第二种是添加搜索词，点击后依旧是搜索结果页，多个关键词组合后更风雅搜索。
比较适宜商品品类、种类丰富的平台，比如淘宝和1688。

总结

本次报告紧张对相应竞品的商品卡片入口、卡片内容、详细承载功能进行剖析和总结。

建议结合详细功能内容及业务侧重，选择适宜的呈现办法。
如榜单推举、店铺推举类以入口展示为主，可以增加视觉吸引力，利用多个产品图模式展示；详细商品和以内容及价格展示为主，须要侧重浏览效率及内容完全性，利用单张图列表模式展示。

除此之外，建议以上模块加入CTA按钮，吸引潜在客户的把稳力，诱使他们点击跳转、进入下一个阶段。

作者：白露漫谈，"大众年夜众号：白鹭漫谈

本文由 @白露漫谈 翻译发布于大家都是产品经理。
未经容许，禁止转载

题图来自Unsplash，基于CC0协议