起点学院课程

汇集4大电商案例,我总结了这份商品展示设计报告

0 评论 3196 浏览 13 收藏 13 分钟

编辑导语:对于电商平台来说,商品的展示设计是很重要的,不同的表现形式对用户的影响不同,导致的消费结果也会有很大的区别。本文作者汇总了四大电商案例,了解了商品展示中的设计技巧以及背后的设计逻辑,总结了一份商品展示设计报告。

我在上一篇文章聚福彩票APP《淘宝、拼多多电商平台商品展示的设计策略》,分析了如何制定商品展示设计策略。

这次我们来总结执行层面的设计方法,了解淘宝、天猫、拼多多、京东在商品展示中的设计技巧,以及背后的设计逻辑。

文章主要内容包括:

  1. 阿里AIPL模型;
  2. 商品展示3个层面的设计技巧;
  3. 拼多多推荐频道商品展示分析。

1. 从AIPL模型说起

阿里推出了可以把品牌在阿里系的人群资产定量化运营的模型,这也是支撑它全域营销概念落地的关键一环,这个模型就是“AIPL模型”——首次实现品牌人群资产定量化、链路化运营。

4大电商平台商品展示设计总结

聚福彩票APPAIPL的意思分别是认知、兴趣、购买和忠诚,就是用户从看到你→点你→产生兴趣→购买的过程。

  • A(Awareness):品牌认知人群——包括被品牌广告触达和品类词搜索的人;
  • I(Interest):品牌兴趣人群——包括广告点击、浏览品牌/店铺主页、参与品牌互动、浏览产品详情页、品牌词搜索、领取试用、订阅/关注/入会、加购收藏的人;
  • P(Purchase):品牌购买人群——指购买过品牌商品的人;
  • L(Loyalty):品牌忠诚人群——包括复购、评论、分享的人。

2. 商品展示

商品展示可以影响到模型的前3个阶段,所以我们借用这个模型,将用户转化的流程分为3个阶段。每个阶段都需要给予用户足够的激励,实现用户的转化。

4大电商平台商品展示设计总结

2.1 认知阶段

无论是“货找人”,还是“人找货”,精准匹配都是用户产生浏览的基础条件。只有商品符合用户的偏好,才可以让用户产生浏览欲望,才有可能进入兴趣阶段。

因此展现方式需要从用户出发,并且结合平台品牌定位来确定。

2.1.1 建立商品与用户关联关系

2.1.1.1 增强服务体验以用户为中心

通过加强商品与用户之间的关系,例如时间、空间等信息,驱动用户关注商品形成点击。

淘宝“猜你喜欢”集合了多个阿里体系中平台内容,为其导流,例如口碑、闲鱼等。因此部分线下商品,增加了线下门店的地址、距离等信息,便于用户做出购买决策。

京东商品展示中增加“您近期搜索的热销商品”等标签,既强化了商品与用户的关系,唤醒了用户需求记忆,又增强了用户被服务的感觉。

4大电商平台商品展示设计总结

聚福彩票APP2.1.1.2 情感化设计从情感角度触动用户,拉近商品与用户关系

例如淘宝活动商品卡片中的文案,引入用户特征描述,更容易吸引用户。

4大电商平台商品展示设计总结

2.1.1.3 用户主导商品推荐系统无法保证完全符合用户需求

另外平台也需要为商家和活动引流,所以部分推荐的商品可能与用户无法做到匹配,为了避免对用户浏览造成干扰,需要赋予用户主导权。

所以各大平台“猜你喜欢”中增加反馈功能,用户对感兴趣的商品可以快速查看相似产品,对于不感兴趣的商品可以屏蔽,同时也可以帮助系统不断修正推荐算法。

4大电商平台商品展示设计总结

2.1.2 服务于品牌定位

展现形式需要结合品牌定位,传递给用户统一的品牌认知。

我们可以将天猫和京东归为一类,两者都是主打品质,用户群也偏向于一二线城市,消费能力较强;而淘宝和拼多多用户群体较为广泛,下沉用户较多,可以归为一类。

因此在商品图片表现时,淘宝和拼多多更加的接地气一些,图片更偏向于带背景,整体色调偏重。

4大电商平台商品展示设计总结

聚福彩票APP京东和天猫主要以浅灰色背景图片为主,重点突出商品,当然图片的展现形式与跟商品品类也有一定关系。

4大电商平台商品展示设计总结

2.2 兴趣阶段

2.2.1 丰富展现形式

随着直播、短视频的兴起,用户不再满足浏览静态商品图片。因此为了让用户更好的逛起来,直播、短视频成为了商品展示不可或缺的形式。

淘宝、京东“猜你喜欢”中采用了视频、直播、图片多种展示形式,视频直播相对于图片更容易引起用户点击的欲望,而且在表现力度上更加生动;另一方面视频和直播也可以更好的拉长用户停留时间。

4大电商平台商品展示设计总结

2.2.2 增强图片表现力

商品展示不再是单纯的展现商品图片,而是通过更有视觉冲击力的图片,营造出代入感,强化用户对商品的认知。

4大电商平台商品展示设计总结

2.2.3 强化引导

聚福彩票APP通过个性化标题和配图,吸引用户的注意力,唤起用户痛点,从而促进转化。

例如淘宝“猜你喜欢”,部分商品配图并不是真实商品图片,主要目标是通过场景化展示,引导用户转化。

4大电商平台商品展示设计总结

2.3 购买阶段

2.3.1 价值点激励

价值点是商品转化的重要推手:一方面可以激励用户转化,另一方面弱化用户转化过程中的阻碍点。例如常见的满减信息、商品卖点、用户评论、服务亮点等。

除此之外,商品展示中还增加了榜单信息:一方面增加了商品的价值感;另一方面可以引导用户查看榜单,为用户推荐更多商品,增加商品曝光。

4大电商平台商品展示设计总结

2.3.2 提升购买决策效率

搜索场景下,需要给予更多商品信息曝光,实现用户高效决策,避免过多的操作造成用户退出。

天猫在搜索结果页,部分商品将参数信息前置曝光,以及不同型号商品价格曝光。

同时商品图片中增加了视频展示,用户在不进入商品详情页就可以了解更多的商品信息,从而提高用户购买决策效率。

4大电商平台商品展示设计总结

聚福彩票APP以上总结了4个电商平台商品展示的特点。

3. 拼多多商品展示分析

不过在4个平台中,拼多多还是比较特别的。

淘宝、天猫、京东都选择了瀑布流大图模式,而拼多多采用了列表布局方式,这里有什么逻辑呢?

4大电商平台商品展示设计总结

3.1 展示分析

虽然拼多多采用了列表方式展示,但是商品图片尺寸与其他平台比并没有小太多,可以保证商品细节更好的展示。

当然这也牺牲了一定的展示效率,一屏之内只能显示3个商品。

4大电商平台商品展示设计总结

(*图片尺寸是750*1334屏幕尺寸下测量所得,可能存在一定的误差)

4大电商平台商品展示设计总结

相比较大图模式,拼多多列表模式可以承载更多的商品信息,并且视觉上更有空间感,不至于过分拥挤,造成用户浏览困难。

4大电商平台商品展示设计总结

3.2 逻辑分析

用户对拼多多定位偏向“低价”,因此推荐频道商品价格普遍较低,对用户购买决策可以形成强激励。

此时需要通过商品图片,结合商品名称、服务标签等信息,让用户形成更深入的商品认知。目的是尽可能的激励用户不需要过多的浏览商品详情页内容,直接下单购买,所以列表式更符合展示要求。

4大电商平台商品展示设计总结

所以相对于其他平台而言,拼多多试图简化用户购买链路,让用户整个决策过程更加高效。

写在最后:

商品展示设计看似简单,但是需要在有限的空间内,尽可能的传递出更多有效信息。因此需要聚焦用户关注点和痛点,让用户产生满足感和惊喜感,从而提升用户的点击和转化。

参考内容:阿里3大营销模型:AIPL、FAST、GROW

#专栏作家#

子牧先生。公众号:子牧设计笔谈(HelloDesign),人人都是产品经理专栏作家。用户体验设计师。产品从B端到C端,横跨信息通信、电力、证券、电商等多个领域。擅长设计方法论和交互设计研究。

本文原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
起点学院课程
评论
评论请登录
  1. 目前还没评论,等你发挥!