淘宝装修教程:2017淘宝手机详情页怎么装修?( 二 )


淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
※评价入口
页面地2屏位置卡片
※优点分析
卡片面积大,且透出了评价内容,点击效果不错
※缺点分析
内容透出过少,评价作为商品最有参考价值的内容往往给消费者的购买决策起很大的影响,用户在浏览页面的时候有随时查看的需求 。且用户在查看图文详情时想要快速查看评价需要不断往上滑动页面 。
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
综合上面罗列的线上版本优劣,我们可以看出目前线上版本三大内容之间存在的问题,如上图所示,用户在浏览基础信息,评价,图文详情的浏览效率较低 。且基础信息,图文详情,评价对用户的购买决策有强影响,也是用户最关注的内容,提升这三块内容之间的使用效率能够对商业目标转化率产生积极的作用 。
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
※设计目标
结合以上分析,我们得到了这次的改版的设计方向–提升用户在基础信息,图文详情,评价三者之间的使用效率 。
2、设计方案
好了,既然有了目标,那么事情就不再盲目,我们将本次商品详情的改版定义在结构升级上,从体验路径角度去改造详情框架,提升用户对基础信息,评价,图文详情的使用效率 。
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
A、内容聚焦
首先,我们按照用户关注度排序将基础信息,图文详情,评价,入口聚合,整合到导航栏中,并在导航的最末端给出推荐的入口,让那些对当前商品并不满意的用户能有更便捷的引导方式分流到其他商品去,从而将流量流转起来 。导航栏在滑动过头图后出现,给用户高效定位想要内容的便捷方式 。头图用户关注度非常高,也整合到全局导航中给出缩略图展示,不管浏览到哪一屏都可以高效进入头图查看 。
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
B、内容扁平化
既然是结构升级,那么什么样的结构是效率最高的?解决效率问题,最关键的是缩短体验路径,在有了导航能够快速查看内容的前提下,我们又将原先大部分的需跳转页面内容直接平铺在详情首页,让浏览路径能够以一条直线进行到底 。这个时候,导航的功能就不再是常规的tab形式,而是更高效的页面定位形式 。
当然,现实的方案推进中总会产生新的问题,在最初的设计方案中,我们坚持这个扁平的初衷将评价的内容也直接平铺在详情首页,但一个爆款商品多则上万的评价内容让我们不得不放弃了这个念头 。
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
做完上面两个改进,在整个手机详情的结构上有了比较清晰的内容构成 。体验效率已经得到解决 。那么还有什么是我们可以做的更好的?
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
C、更多扩展可能性
通常情况下用户在购买不同类目的商品时,所需要的决策参考内容是不一样的 。比如说你去买一件衣服,或许你更看重穿上的效果和质量,这个时候你会需要看图文详情和最好有买家秀或者评价的内容 。你在买一台电脑时或许会更关注电脑的性能,这个时候你更需要详细的配置参数和评测的内容 。
基于这个差异,我们可以提供在导航上进行内容的扩展的可能性,比如对于服装商品我们可以额外穿透买家秀的内容,给用户更多中立的参考 。对于电子产品也可以穿透评测内容 。
我们从设计上对导航的扩展位进行了定义,作为定制补充内容,我们将它的位置排在推荐前,详情后,不管扩展出来的是转化型内容还是分流型内容,都能有比较符合逻辑的定位,同时也不干扰基础信息,评价、图文详情三块主体内容 。
3、体验改进对商业指标的正反馈
回到主题本身,我们从商业的目标着手,对产品进行数据分析与佐证,并最终推导出设计目标 。
淘宝装修教程:2017淘宝手机详情页怎么装修?

文章插图
正反馈
在上线前期,我们抽取一定体量的用户进行了灰度测试,从一周的数据来看,图文详情,推荐,评价的点击率均有不错的提升,其中图文详情打开率更是翻倍增长 。强化推荐后用户的体验链路上有了更符合行为逻辑的分流阵地,这也带来了一个新的可以思考的点——推荐作为商家私域属性流量,如何帮助商家更高效的玩转起来?这个课题将成为我们接下去工作的重点 。

秒懂生活扩展阅读