编辑导语:对于电商平台来说,商品的展示设计非常重要。不同的表现形式对用户的影响不同,产生不同的消费结果。本文作者总结了四大电商案例,了解了产品展示背后的设计技巧和设计
编辑导语:对于电商平台来说,商品的展示设计非常重要。不同的表现形式对用户的影响不同,产生不同的消费结果。本文作者总结了四大电商案例,了解了产品展示背后的设计技巧和设计逻辑,总结出一份产品展示设计报告。
我在上一篇文章《淘宝和拼多多电商平台商品展示设计策略》中,分析了如何制定商品展示设计策略。
这次我们来总结一下执行层面的设计方法,了解一下淘宝、天猫、拼多多、JD.COM在商品展示方面的设计技巧,以及背后的设计逻辑。
文章的主要内容包括:
阿里AIPL模式;展示商品设计技巧的三个层次;拼多多推荐频道商品展示分析。
1.从AIPL模式开始
阿里推出了可以量化运营品牌在阿里的人群资产的模式,这也是支撑其全球营销理念的关键一环。这种模式就是“AIPL模式”——首次实现品牌人群资产的量化、联动化运营。
AIPL的意思是认知、兴趣、购买、忠诚,是从看到你→点击你→产生兴趣→购买的过程。
a(认知度):对品牌有所了解的人——包括被品牌广告感动、被品类词搜索的人;I(兴趣):对品牌感兴趣的人——包括点击广告、浏览品牌/店铺首页、参与品牌互动、浏览产品详情页、搜索品牌词、接收试用、订阅/关注/加入、添加收藏的人;p(购买):品牌买手——买过品牌商品的人;l(忠诚度):品牌忠诚人群——包括复购、评论、分享的人群。
2.商品展示
商品展示可以影响模型的前三个阶段,所以我们借用这个模型把用户转化的过程分为三个阶段。每个阶段都需要给用户足够的激励,实现用户的转化。
2.1认知阶段
无论是“找货”还是“找货”,精准匹配是用户浏览的基本条件。只有商品符合用户的喜好,用户才有浏览的欲望,才有可能进入兴趣阶段。
所以呈现方式需要从用户角度出发,结合平台品牌定位来确定。
2.1.1建立商品与用户的关系。
提升2.1.1.1的服务体验以用户为中心
通过强化产品与用户的关系,如时间、空等信息,带动用户关注产品形成点击。
淘宝“猜你喜欢”收集了口碑、闲鱼等几个阿里系的平台内容进行引导。所以对于一些线下产品,增加了线下门店的地址、距离等信息,方便用户做出购买决策。
在JD.COM的商品展示中加入“您最近搜索到的热销商品”等标签,不仅强化了商品与用户的关系,唤醒了用户需求的记忆,也增强了用户被服务的感觉。
2.1.1.2的情感化设计从情感的角度触动用户,拉近商品与用户的关系。
比如淘宝活动卡里的文案,通过引入用户特征,更容易吸引用户。
2.1.1.3用户主导的商品推荐系统并不能保证完全满足用户需求。
此外,平台还需要对商家和活动进行引流,所以有些推荐的商品可能与用户不匹配。为了避免干扰用户的浏览,需要给用户主导权。
因此,反馈功能被添加到“猜你喜欢什么”平台。用户可以快速查看感兴趣产品的同类产品,屏蔽不感兴趣的产品。同时也可以帮助系统不断修正推荐算法。
2.1.2服务于品牌定位
呈现形式需要结合品牌定位,以统一的品牌认知传达给用户。
我们可以把天猫和JD.COM归为一类,都是主打品质,用户群也偏向一二线城市,消费能力强;淘宝和拼多多的用户范围很广,下沉用户很多,可以归为一类。
所以淘宝和拼多多在商品图片的表现上更接地气,图片更倾向于拍背景,整体色调偏。
而JD.COM天猫主要以浅灰色背景图片为主,突出商品。当然,图片的展示形式也和商品类别有一定的关系。
2.2兴趣阶段
2.2.1丰富呈现形式
随着直播和短视频的兴起,用户不再满足于浏览静态的商品图片。因此,为了让用户更好的去购物,直播和短视频成为了不可或缺的商品展示形式。
淘宝和京东。COM的“猜你喜欢”采用视频、直播、图片。相比图片,视频直播更容易激起用户的点击欲望,在表现形式上也更加生动。另一方面,视频和直播也可以更好的拉长用户的停留时间。
2.2.2增强图片的表现力。
商品的展示不再是简单的展示商品的图片,而是通过更具视觉冲击力的图片来营造代入感,强化用户对商品的认知。
2.2.3加强引导。
通过个性化的标题和图片,吸引用户的注意力,引起用户的痛点,从而促进转化。
比如淘宝“猜你喜欢”,有些商品图片并不是真实的商品图片,主要目标是通过场景展示引导用户转化。
2.3购买阶段
价值点激励
价值是商品转化的重要推手:一方面可以鼓励用户转化,另一方面可以弱化用户转化过程中的障碍。比如常见的折扣信息、商品卖点、用户评论、服务亮点等。
另外,商品展示中加入了榜单信息:一方面增加了商品的价值;另一方面,可以引导用户查看榜单,为用户推荐更多产品,增加产品曝光。
2.3.2提高采购决策的效率。
在搜索场景下,需要暴露更多的商品信息,实现用户高效决策,避免用户因操作过多而退出。
在天猫的搜索结果页面,部分商品预曝光了参数信息,并曝光了不同类型商品的价格。
同时在产品图片中加入视频展示,让用户不用进入产品详情页就能了解到产品的更多信息,从而提高用户购买决策的效率。
以上总结了四大电商平台的产品展示特点。
3.品多多商品陈列分析
不过在四个平台中,拼多多还是比较特殊的。
淘宝、天猫、JD.COM都选择了瀑布模式,拼多多则采用了列表布局。这里面有什么逻辑?
3.1显示分析
拼多多虽然采用列表展示,但是商品图片的大小并不比其他平台小多少,可以保证更好的展示商品细节。
当然,这也牺牲了一定的显示效率。一个屏幕只能显示三种产品。
(*图片尺寸是在750*1334屏幕尺寸下测得的,可能会有一些误差)
相比大图模式,拼多多列表模式可以承载更多的商品信息,视觉上更空,不至于人满为患,用户浏览困难。
3.2逻辑分析
用户对拼多多的定位倾向于“低价”,因此推荐渠道的商品价格普遍较低,可以对用户的购买决策形成较强的激励。
这时候就要通过商品的图片,结合商品名称、服务标签等信息,让用户对商品形成更深层次的认识。目的是鼓励用户尽量不用浏览商品详情页的内容直接下单,这样列表类型更符合展示要求。
因此,相比其他平台,拼多多尽量简化用户的购买环节,让整个决策过程更加高效。
写在最后:
展示设计看似简单,却需要在有限的空空间内传达尽可能多的有效信息。所以要围绕用户的关注点和痛点,让用户有满足感和惊喜感,从而提升用户的点击和转化。
参考内容:阿里三大营销模式:AIPL、快速、成长
#专栏作家#
子牧先生。微信官方账号:子牧HelloDesign。人人都是产品经理专栏作家。用户体验设计师。从B端到C端,产品横跨信息通信、电力、证券、电子商务等多个领域。擅长设计方法论和交互设计研究。
本文由人人作为产品经理原创发布,未经允许禁止转载。
来自Unsplash的图像,基于CC0协议。