天涯论坛

 找回密码
 立即注册
搜索
查看: 32|回复: 2

详解电商商品详情页的设计招数

[复制链接]

3105

主题

176

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098711
发表于 2024-8-12 18:32:27 | 显示全部楼层 |阅读模式

电商APP重点在于商品详情页,打造一个优秀的商品详情页,完全能够加强转化率!本文就从UI设计、交互体验、文案撰写、制品商场模式来聊一聊电商APP商品详情页是怎么“招数”用户的。

淘宝vs京东

说起电商APP肯定少不了“淘宝”与“京东”,看下图淘宝与京东的制品详情页设计!

最大的区别便是京东比淘宝少了“立即购买”按钮,这是为何

经营模式上分析

初期的淘宝是C2C模式就如此刻的咸鱼和58,之后入驻了企业,就变成B2B2C模式,然则淘宝C2C的DNA基因还是海量存在。

京东起初是自营B2C模式自营物流配送,如今入驻第三方企业商家,因此模式成为了B2B2C模式,然则京东自营B2C模式还是在平台占据很大比例。

从交互上分析

交互上的表现同样的,点击淘宝的“加入购物车”必须用户来选取规格;京东则默认选中展示的商品,更快捷加入购物车。

淘宝商品详情页弱化了购物车按钮放在了右上角;京东则把购物车放在了加入购物车旁边。

当把商品加入购物车后,购物车页面淘宝不会选中加入的商品;京东则会选中用户加入购物车的商品。

小结

从经营模式上分析,两家的侧重点不同样,交互方式就会有差异化,淘宝平台更看重单件快速交易。京东则是期盼用户把想买的东西都放购物车,统一结算,平台能更方便地统一配货配送。

因此不难理解,B2C的制品会更明显加入购物车,例如纯B2C的小米商城和网易严选,都是更明显加入购物车!

设计APP商品详情页的四个过程

详情页细节分析

下面来分析优秀的商品详情页是从那些方面打动用户、刺激用户购买的。

咱们在设计一个商品详情页时候,要把用户当成咱们的男女伴侣来对待,全部设计流程分为四步:

用户购买商品其实便是这个过程:首要认识商品(1米8大个又帅),随后信任商品(人品还好),从而产生购买价值(跟他爱情不错),最后购买转化(相守结婚)!

分析两个卖奢侈品的APP商品详情页:

用户认识商品的过程其实是非常短暂的可能便是几秒钟。

米兰的页面设计,第1眼并让用户感知到商品,明显奢侈品最关键的点,品牌!标题字行间距很难阅读,整体UI界面的设计给人很强的淘宝风!

寺库很好的做了区别于淘宝京东的差异化设计,创立自己的品牌认知,首屏高清大图牢牢抓住用户,明显了品牌TUPLUS/途加,整体给人信任感!(只是由于在人群中多看了你一眼,再不可忘掉你容颜)

用户快速认识认识商品是远远不足的,下面来看两款制品向上滑动屏幕给用户的信息和感受,这儿就要跟用户创立信任了!

没错,米兰并评论和商品详情,真的要命,滑动不足一屏就举荐关联制品了,此时非常多用户早已逃之夭夭了,创立信任基本很难有结果。

评论功能常常能够创造热销的氛围,按照从众效应其它用户的评估能够引导用户作出判断,指引用户的心理和行径

例如一个女子子认识一个男孩儿女子子身边的人伴侣闺蜜都说这个男孩儿不错!好!值得委托女子子可能就会听从她们的话,最少加强对这个男孩儿的好感!

因此女子要先搞定她的闺蜜,否则闺蜜说一句“我觉得这个人不怎么样”你就完了!有点跑题了!总之评估是能够创立基本信任感的!

寺库的页面交互是非常符合用户心理的,始终向上滑动的流程:商品-评论-详情-举荐

评估完全打动用户,创立信任,那样详情页就得发大招了,制品的详情能不可走进用户心里,认识用户,处理用户痛点是非常之关键!

想象一下用户买奢侈品都会关注那些点,全部购买流程会有什么担忧,当然明显制品的核心卖点。

TUPLUS/途加这款制品详情页是这般的流程:

介绍此制品斩获两项国际大奖;之后制品功能细节介绍;中间加了购买奢侈品形象人群运用场景(打造一个好的人像运用场景,会让用户联想到自己运用时形象气质);后面仔细介绍制品的权威性——正品保准、资质证书,这都能特别有力地处理用户的担忧和痛点!

详情页处理用户的担忧和痛点表现制品价值。

商品权威鉴定仔细介绍有图有真相,点击进入“寺库鉴定”页面,首要视频介绍教你怎么辨别制品的真伪,咱们有专业的鉴定制品真伪团队、团队发展历程、行业的资质证书等等信息都传递给用户,制品的安全保证,是值得购买的,这就会让用户从基本信任到有价值认可。

当用户下单后,用户会有“损失规避”效应,(意指人们得到损失时产生的痛苦远大于得到收益时所带来的愉快),这个时候下单成功页面倘若就提示“购买成功”的字样,用户就不会感受到刚才损失的心理安慰,弄欠好用户认识到自己冲动消费,马上就退单了!

因此这儿能够用到有些,一语双关的文案,例如:“恭喜你作为第xxx个有品味的人”,“恭喜你即将持有给你带来美好生活的xxxx制品”,总之即说明了咱们制品好,又夸了用户有品位,描绘制品给用户带来什么好的体验场景,这般就大大降低了“损失规避”效应带来的痛点!

最后总结一下,设计APP商品详情页的四个过程

让用户快速认识认识制品;取得用户对制品的信任;让用户产生价值感受(走心、处理用户痛点与担忧);最后实现制品购买的转化(售后良好体验、形成口碑、促进二次购买)。

营销心理学效应

锚定效应

用场景化解释,当你在一家西服店买西服,导购为你连续举荐了三款3000多的西服,第四件为你举荐了一件款式质量都差不多的只要1800,此时候你就会觉得好便宜,这便是锚定效应。

再举个例子,快餐店墙上的菜单,从上到下依次从便宜到贵,但最后一个很便宜,这般最后一个就会大大加强销量!(招数!满世界的招数!)

那样这个锚定效应是怎么运用到APP制品的呢?

例如,一件商品标价200元,然则能够领劵,店铺送你30元优惠券,这般一来标价200,结账170,用户就会觉得很值!

诱饵效应

两家的商品价格都同样然则一个有赠品,那就会把用户吸引过来。再例如,在淘宝买东西,当你收到商品后,会发掘商家多送了好多东西,这般买家很容易给好评,退换货的比例会降低,还能产生二次购买效应!

还有商家的活动,例如卖奶茶的,第二杯半价,两件八折,买一送一,都是诱饵效应。

从众效应

上文中说到了从众效应,这儿就不多解释,列举个APP商品详情页案例:

非常多详情页会有这般的一个微交互提示,“177xxxxxx177刚才购买了此制品”一闪而过。还有经常能够看到,“大众都在看”,“购买此商品的人购买了这些商品”这般就起到了从众效应!

稀缺效应

这个不难理解,APP商品详情页中非常多都会提示仅剩几件,有些APP永远是剩余几件商品,然则永远卖不完。限时活动会有这般的效应,给用户的感觉便是不买马上就没了,不买占不到便宜!

损失规避

一般会把重视力集中在自己会失去什么,而不是得到什么,针对损失有一种剧烈的恐惧感,详细怎么运用,上面文案中做了详细解释!

心理账户

两家饭店一样消费满500送劵,一家送现金抵用劵,一家送8折优惠劵,拿到现金抵用劵的客户,肯定会更加多再次光临由于她们手里拿的便是钱啊,不花我就亏了。而八折抵用劵,并改客户更有力的价值感受,她们会想,我去了还是消费, 而并非享受了优惠!

因此在APP中送现金抵用劵则转化率会更高!

最后

营销心理效应,会在商品详情页起到很重要的转化功效,要善于运用。

设计区别于艺术,设计常常带有目的性,拥有商场属性,因此设计师仅有结合更加多的维度思考,才会设计出好的制品

最后说一句,一味追求视觉表现的UI设计师,都是耍流氓!

作者:吴星辰,微X公众号:互联网设计帮

本文由 @吴星辰 原创发布于人人都是制品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议





上一篇:Ps创建新文件--全面把握商场尺寸规范(二)
下一篇:怎么样做好淘宝店铺详情页设计,怎么样能加强转化率?详情页设计攻略
回复

使用道具 举报

3059

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139059
发表于 2024-9-27 02:23:55 | 显示全部楼层
在遇到你之前,我对人世间是否有真正的圣人是怀疑的。
回复

使用道具 举报

3059

主题

2万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139059
发表于 2024-10-17 09:21:08 | 显示全部楼层
期待更新、坐等、迫不及待等。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 18:16 , Processed in 0.500311 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.