商详页的探索发现

用户头像
上海/学生/4年前/974浏览
商详页的探索发现
用户头像
钟喵

日常网购过程中,接触最多的就是商品详情页。在此,我以自己对比拼多多、淘宝、京东等主流电商平台后,记录下自己的探索发现。

以下内容仅代表我个人对商品详情页面探索的思考,不具有代表性。

抛些砖:

1、拼多多

1.1我拼过的商品·我拼过的店·我收藏的商品·我关注了此店铺

如果曾经在一家店铺购买过商品,再次进入这家店铺的商品详情页时,第一屏会显示「我拼过的商品·我拼过的店·我收藏的商品·我关注了此店铺」。点击进入后,动态详情会显示曾经的购买记录和时间,以及具体的购买次数。

设计思考

  • 如此精确的购买记录(购买时间和次数都会显示),会让用户对这家店铺产生亲切和信任之情,类似常回家看看,因为购买过后会对商品本身品质形成回忆,如果是使用体验好复购率高的商品,能够提醒正在浏览该类商品的用户,曾经在这家店铺买过,可以再来买。

  • 假货+山寨+低价=拼多多,而这几个标签似乎就像代名词一样伴随了拼多多很长时间。用户购买过某个商品,多数是经过认真筛选了,如果是购买频率较高的消耗品,在搜索框输入关键词进入某个商品的详情页,看见曾经在这个店铺的购买记录。这个商品使用体验还不错,用户大概率还会在这家店铺继续购买,因为这可以为用户节省大量购买前排查和挑选的时间。




1.2排行榜

如果某商品在该类目下销量或好评排名前20,则会在商详页显示具体的排名数字。点击进入后,能够看到畅销榜和好评榜。滑到第20名后,会有更多榜单入口,这里汇聚不同类别的排行榜,比如畅销榜、好评榜、新品榜、降价榜,这些榜单数据每日都会更新,是由拼多多官方排名。

设计思考

  • 这些榜单能够促进消费转化,增加消费者的购买欲望;

  • 我们进入榜单滑到底部可以发现更多种类的排行,拼多多更多排行的入口设置的较深。思考了一下原因,消费者会有从众心理,会对销量越高口碑越好的店铺或商品产生无比的信任,如果将这类排行榜放在非常明显的位置,可能会产生马太效应,大量用户会去购买销量高口碑好的商品,对一些销量不高或者新开的店铺来说,竞争压力非常大。




1.3去拼单

拼多多的大多数商品在大屏幕手机上刚好能看见拼单人数以及「去拼单」按钮,可见拼单的在整个商品详情页的优先级比较高。去拼单在商品评价模块下,当屏幕下滑至商品评价模块时,拼单模块消失,此时底部按钮上常驻去拼单的通知栏,上方显示还差几人成团、拼单倒计时以及去拼单按钮。

设计思考

去拼单和发起拼单的本质区别在于发起人、订单状态、取消形式的不同。

  • 点击去拼单,付款后就能直接等待卖家发货。

  • 而发起拼单是由用户自己发起的,付款后需要等待别的买家来拼单,如果24小时内未拼单成功将自动取消订单并退款,发起拼单的用户不能自动取消订单。这就会存在一种场景,用户自己发起订单,24小时内无法取消订单,如果这时有别的用户拼了这个订单拼单成功,在用户发现前商家就发货了,会给用户和商家都造成困扰。如果是为了提升商详的成交转化率而让发起拼单的用户不能立即取消订单的做法,会带来很差的体验。

由此可见,拼多多希望用户去拼单,因为拼单的交易时间比发起拼单的交易时间短。如果商品详情暂无任何拼单时,用户也可以自己发起拼单。



1.4真伪鉴定

拼多多商品详情页上展示了真伪鉴别栏,点击进入后可查看商品鉴别详情,鉴别师拥有等级制度在用户头像旁会进行资历打标,鉴别师的从业时长、累计鉴别商品数量以及擅长鉴别的领域等信息都会展示出来。

设计思考

  • 早期的拼多多是以山寨著称的,虽然经过近几年的营销和对品质的追求,但依旧会有很多用户对拼多多上的商品真伪存疑。很用户在拼多多上买到商品后,特别是贵重的商品,有很多用户购买过较贵的商品,会去其他内容型平台上寻找鉴别贴检查商品的真假,确保“安全下车”。如果在购买前期就能为商品提供KOL的专业鉴别内容,那么,能够帮助买家对商品产生强烈的信任感。

  • 【疑问】:这些鉴别的内容是怎么来的?哪些类型的商品才会有鉴别内容,普通消费者怎么成为鉴别行业的意见领袖?(网上没有找到相关信息,后续会持续关注,前提是我能想得起来的话)



1.5商品评价

  • 商详页的商品评价会把正品标签默认放置在第一位,进入评价页面可以发现默认选中全部标签,但正品表情依旧是绿色,只有当正品标签被选中时才会显示红色。

  • 如果有复购的买家,则会在买家头像旁显示的拼单次数,而淘宝则是用「回头客」标签突出复购的商家;

设计思考

  • 正品标签在商品评价页显示绿色,是因为能够吸引消费者点击,打标为正品的评价往往是好评,如果消费者先看到好的评价会对这个商品产生好的第一印象。

  • 直接显示买家的回购次数,比放一个经过精心设计的回头客标签更能打动消费者,在这种场景下,数据比文案更具有说服力。




1.6行家心得

商品评价的下方紧跟着行家心得。点击进入能够看到商家关于这个产品的心得分享,点击买家头像能够进入买家主页查看买家的关注、粉丝、获赞、被浏览量以及过往发表的文章等数据。

设计思考

  • 行家心得是资深买手才能获得一种标签,拥有行家号的买家评论后系统会审核,通常3张图+30字以上评价,可以入选心得。入选后会显示在商品C位,可以增加商品转化率,是爆款商品必做一项测评。

  • 【疑问】:拼多多想通过行家的内容沉淀打造自己的内容社区?




2、淘宝

2.1下拉商详

无意之间在淘宝商详发现了一个有趣的交互反馈,下拉商详会以卡片切换的形式,显示最近20条商品详情页的浏览足迹。

设计思考

  • 商详的浏览记录除了通过下拉的方式查看,还可以通过:“我的淘宝-足迹”查看。原本,如果用户正在浏览一个商品,突然想要寻找近期浏览过的另一个商品,那就需要退出当前的页面找到足迹,这个过程的行为路径会比直接下拉商详页多很多操作行为。

  • 因此,下拉展示用户浏览记录,会极大提升用户寻找近期浏览过的商品效率。



2.2 3D互动

一些商品在主图上会显示3D互动按钮,点击后跳转至商品的3D展示页面,可以全方位调整商品的各个角度。

设计思考

  • 3D技术在电商行业的应用已经非常成熟了,我们所看见的商品大多数都是工业设计通过建模渲染完成的。三维的视角会比图片更加具有吸引力,有的平台以已经用了AR技术,将虚拟的商品和现实的环境结合,比如鞋子这类商品,选中款式后,通过扫码,可以直接在手机屏幕上显示在脚上试穿的效果。

  • 在3D互动页面除了商品模型外,还有「去购买」按钮,在这里放置购买按钮的目的在于缩短交易链路,提升下单转化,不然还需要返回之商详页面点击底部的购买按钮。



2.3搭配

向左滑动商详主图,主图下方的tab会切换至搭配,点击「搭配下单,去看看」可以查看到推荐的搭配单品,点击「搭配购买」从底部弹出全部搭配宝贝的模态面板,可以搭配购买。

设计思考

  • 对于一些潮流服饰,如果提前为用户搭配好,也能带动店内其他单品的销量;

  • 【吐个槽】:最右侧的搭配购买页面,「全选」按钮默认勾选,但在有库存的前提下无法选中当前页面的商品,只能单独加入购物车,点击左侧多选按钮后无任何反馈。本来以为这是一个功能bug,最后发现这些搭配的商品还未开售,后来又发现商品图片上的绿色标签提醒开团时间。个人认为若当前页面的所有商品都无法选中,「全选」按钮也应该置灰,或者点击商品左侧的多选按钮时再给一个toast反馈。



2.4推荐

  • 点击推荐按钮进入推荐模态面板。

  • 推荐前,模态面板弹出该商品的推荐标签(关键词不知道是怎么获取的,每个商品的关键词都不太一样?)。

  • 推荐后,选中推荐标签点击确认后,模态面板出现该商品的推荐分值和你刚刚推荐的标签。点击分值旁的展示更多按钮,出现用户推荐数据和平台推荐数据。

设计思考

  • 推荐的门槛非常低,任何用户只要浏览商详页都能点击推荐。那么没有购买过这些商品的用户也能点击推荐,购买过后的用户是否能够记得来商详页推荐呢,所以推荐功能的用户群体非常广泛。

  • 【疑问】我对这里的推荐数值存在疑惑,因为新用户想要了解这个商品的推荐分值必须要先选中关键词推荐这个商品,用户推荐值中有多少用户是从未买过这件商品的用户呢,所以这个推荐的依据是什么?。




2.5 帮我选

  • 点击帮我选跳转至新页面,分为描述你的问题以及选择正在纠结的宝贝。

  • 描述问题最多30个字,纠结的宝贝可以从我的足迹、购物车、收藏夹、已购买等模块获取。必须选中两个以上的宝贝才能激活「发给朋友」按钮。

  • 发送给好友后,页面更新为选中的宝贝列表,用户可以点击爱心按钮在这些纠结的宝贝下投票,也自己发表看法,最主要的是邀请好友来发表看法。

设计思考

  • 这是一个很有趣的功能,对于纠结群体非常友好。

  • 以往我在邀请好友帮我挑选商品时,都是通过分享到微信好友,有时候会咨询一个好友的意见,对于特别纠结的商品可能会咨询好几个,他们在通过复制一个个商品的链接来发表对这些商品的看法,这些发表意见都和聊天信息混在一起。

  • 这个功能可以节省分享人与被分享人的时间,同时也能将商品意见汇聚在一起,被分享人还能看见更多人对这件商品的评价。



3、京东

2.1京东主图

在商详页上,一些贵重物品可以360度旋转查看主图。

设计思考

上文的淘宝案例,可以进入主图3D互动,京东主图旋转功能和淘宝有很大区别。

  • 京东能360度查看商品角度,淘宝可以720度查看商品角度(720:水平360度和垂直360度环视的效果,虽然照片都是平面的,但是通过软件处理之后得到的360全景,却能给人以三维立体的空间感觉,使观者犹如身在其中)。

  • 京东不需点击进入商品主图,可以直接在商品详情页通过旋转手机就能调整商品角度;淘宝需要点击进入商品主图。如果用户看完直接购买的话,淘宝就需要比京东多一步操作。比较好的一点是淘宝直接在3D互动页面保留了购买按钮,用户不需要跳回商详再购买。




2.2降价通知

  • 价格右侧展示了降价通知按钮,点击进入页面,会展示当前价格,以及期望价格,短信通知。输入期望价格后会实时计算出折扣数,用户可以开启短信通知也能关闭。点击确认后会直接跳回商详页,并toast提示:订阅成功...。

  • 商品加入购物车,降价时也会显示。

设计思考

  • 电商平台经常做优惠促销活动,用户对一些心仪商品纠结不已时,可以利用这个用具设置期望价格,等降价时再付款。

  • 对于已加入购物车的商品,就算没有设置降价通知,如果降价也会在购物车显示商品降价数额,这能极大提高购物车的结算率。

  • 如果用户设置了期望价格,但是等不及了直接下单购买,七天内突然收到降价通知,那么用户心理肯定会不爽,去找客服赔付差额。所以这个工具对用户来说是很好的,但可能会增加客服工作量。





2.3在线试妆

美妆类商品大多数会有多个规格存在,在线上初次购买可能无法得知自己的肤色和气质到底应该买哪个规格,于是,可以利用在线试妆功能,挑选适合自己的商品。京东的在线试妆还有一个辅助功能,可以AR测肤并输出测肤报告(小红书也有测肤功能)。

设计思考

  • 这个功能对于无法去线下专柜试用的用户来说极其友好(很多四五线城市没有大牌美妆专柜),而且有AR测肤功能,并输出了测肤报告。

  • 测肤报告除了能解读用户皮肤状态,还给出了针对性的护肤方案,并搭配了具体的商品。

  • 【一个场景】:我本身自从工作后皮肤状态变得非常差,在知乎和小红书上搜了很多相关内容,也去三甲医院看过,不论是线上还是线下都没有给到我这么详细的皮肤检测报告以及护肤方案,因此看到推荐的几款商品后增强了我下单的欲望。

  • 【吐个槽】:这个功能和段视频的滤镜功能好像,但是美颜效果没有他们好(淘宝试妆功能美颜效果更差),或许是为了接近用户的真实素颜,避免用户买了实物后反差太大而给差评。






2.4商品对比

第一次对比某款商品时,点击商品对比按钮,进入商品对比页面,该页面分为三个维度:价格优惠、基本参数、商品口碑对比商品。点击添加对比商品按钮进入添加商品页面,选择需要加入的商品后,跳转至商品对比页面,并toast提示添加成功。最多只能同时对比三款商品。

设计思考

  • 在购物过程中用户经常会比来比去,如果能够把相同类目的商品对比参数直接展示出来,会提高用户下单决策效率;

  • 可以发现,在商品对比页面,用户可以点击「隐藏相同」按钮,把重复的信息过滤掉,对比就是要突信息之间的差异化,开启按钮这能为喜欢看重点的用户过滤更多干扰信息;

  • 【吐个槽】:图三(添加商品页面)不能多选,一次只能选中一个商品,点击立即添加后跳回商品对比页,如果需要再次选择商品还需要跳回至选择商品页面。正常解决方案应是:支持多选,选中两款商品后,其他按钮置灰,取消选中后,其他按钮再次高亮。




如果之前已经对比过某类目的商品,再次点击商品对比按钮会弹出最近对比过的商品供用户选择)

支持商品对比功能的商品类目都是一些3C数码或家电类商品。


设计思考

  • 对于高频使用商品对比工具的用户来说,直接弹出近期浏览过的商品弹窗比跳转到商品对比页去选择商品会少很多步骤。






8
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
3D渐变流体抽象矢量UI背景图
UI应用平面图标
我的钱包-UI界面设计-app
【新年UI图标】体育icon
智能家居中心 简约 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新能源APP应用UIKit
【新年UI图标】积分icon
Security Camera UI kit
【新年UI图标】钱包icon
森系3D渐变流体抽象矢量UI背景图
高级表盘系列UI源文件
UI界面 组件
UI通用设计素材1
钱包ui模板
盲盒APP UI设计
【新年UI图标】活动icon
手表表盘UI系列
户外旅行飞机情侣假日出行
新拟态风格 UI设计组件库
UI 登录界面设计模板包
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册