如何让停留时长提升30%以上,看看这篇频道设计就够了!

如何让停留时长提升30%以上,看看这篇频道设计就够了!


“场景内容特色化,

就是让用户更便捷地买买买”


想必大家对于得物、宝宝树、蘑菇街这样细分的种草类APP都比较熟悉了。其实淘宝内也有一些这样的产品源源不断地为大家提供个性化的行业趋势货品和潮流内容,那就是淘宝的特色频道。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


淘宝特色频道里都有啥?假如你是一个美妆达人,在美妆学院频道里可以通过AR试妆直接看到最新口红色号的上妆效果,帮助你快速拔草。


所以在淘宝各种频道中,你可以立马找到满足你个性化购买需求的商品,也可以快速获取不同行业当季的最新流行趋势,紧跟时尚前沿。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲淘宝中那些特色频道


01.

为什么要升级特色频道?


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲站内导购产品急需建立自己的产品心智


随着新时代的到来,淘宝外围的产品向淘宝内导流的速度正在增长。导购种草作为用户下单转化的前置链路,在用户的决策路径中起到决定性作用。因此,淘内垂直行业的导购产品体验急需全面升级,建立起属于自己的产品心智。

而原有的淘宝特色行业频道偏同质化,且模块在页面的布局上也都呈现纵向堆叠的趋势。

通过横向分析,设计师将重点从以下三个方面去解决:

· 帮助用户在第一时间捕捉不同频道的差异性


· 给用户传递专属感

· 甄选行业最核心的运营优质内容进行展现


02.

让大家都来逛:兼顾频道统一与差异性


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 频道框架整体升级


为了让用户能够在进入频道的第一时间迅速get到关键信息,我们对频道的框架进行了升级。


新的导购框架采用了内容分层设计。通过对行业运营内容的拆解,我们将频道特色的互动玩法前置到了首屏,进行重点表达;而针对消费者已经熟知的、重导购效率的内容模块,我们则将它们整合在底部浮层并进行了全行业的表达统一。


如何让停留时长提升30%以上,看看这篇频道设计就够了!
如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 运营内容分层


这样,每个频道可以在B区去塑造重点心智,建立整体页面的视觉重心,而C区就相当于收纳盒,整齐地收纳着形态各异的导购模块。让整体产品线在页面表现上有重心有层次。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 分渠道动态承接-亲宝贝频道


新的导购框架相较以往也更加轻量灵活。为了更好地承接来自手淘各个场景的用户,当进入频道时,新框架会根据用户的前置路径来源进行预判,优先定位到与频道外链路触点相关联的页面或内容模块,来实现用户动线更好的链接。


此外,新框架的一级导航也会按照用户对频道各个页面的浏览频次及时长按照由高到低动态排序,为每个用户提供个性化、定制的行业垂直导购阵地。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 在统一中兼顾行业的差异性


特色频道作为淘宝产品的一部分,在延续手淘2021新风格栅格定义的基础上,兼顾了不同行业的差异性和整体视觉元素的统一性。


为了减少了用户的认知成本,我们用严格的外形去做视觉体系的一致性;并开放了组件及色彩的可配置项,从而满足了各类型业务的差异化表达诉求。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 有效建立设计规则


这样,在保证频道视觉体系统一的同时,各个垂直行业的设计师也能够根据不同业务类型的心智需求,表达出不同行业差异化的调性。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 《喵心礼》效果


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 《喵鲜生》改版后效果


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 《亲宝贝》改版后效果


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲  《酷玩星球》改版后效果


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 《天猫果粉》改版后效果


03.

让设计更有效率:产研能力提升


在频道改版的过程中,我们发现各个行业特色频道存在着大量相似却体系不完全统一的模块。设计师和研发同学针对每个模块往往都要重新设计、开发一遍,带来生产效率的下降。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 织网产研平台


为了解决这个问题,设计侧联合研发、产品经理对产研侧的生产方式进行了升级并研发了一个新的平台——织网


如何让停留时长提升30%以上,看看这篇频道设计就够了!

▲ 织网物料可视化配置


根据业务的需求,我们对行业高复用的导购模块进行了梳理和设计规范,并定义了不同组件的式样配置项和排列组合方式。有了这样一个平台,产品经理就可以根据业务需求,不需要经过设计、研发,自主在平台里配置不同功能的模块,并最终拼装成整体的产品页面投放上线,帮助业务团队快速试验运营策略,节省产研成本。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 联动前后端进行设计研发提效


而另一个平台——千机变,则分别服务于设计师、产品经理、运营等角色,通过实时监测频道的数据表现和运营的策略反馈,将设计及运营的策略配置沉淀为可被参考的经验,帮助我们更有效地优化频道内容。


如何让停留时长提升30%以上,看看这篇频道设计就够了!


▲ 产研提效50%,且数据可追踪


通过这次设计升级,淘宝特色频道整体的人均点击次、次均停留时长、浏览关注率等数据均有了10%~40%左右的正向提升。


无论你是新手妈妈、潮流玩咖、美妆达人还是铲屎官,淘宝特色频道都可以为你、你的宝宝或者爱宠提供专属、丰富且优质的行业资讯和商品。


如果你还有其他购物场景需求,欢迎评论区留言哦~


?

?

?

在淘宝搜索?

喵心礼/喵鲜生/美妆学院/亲宝贝/酷玩星球

可以直达频道哦


编辑&作者:睿睿、VV、朋朋、洲洲、kiki


//////END //////


想要加入天猫设计吗?

欢迎下方扫 内推二维码

或邮箱投递简历和作品集!

如何让停留时长提升30%以上,看看这篇频道设计就够了!

如何让停留时长提升30%以上,看看这篇频道设计就够了!

本篇文章来源于微信公众号: 天猫设计

UI/UX

2021年鲜花超级品类日复盘

2021-9-22 16:30:00

UI/UX

CDC夜校|第二十期开课啦,快来报名吧

2021-9-22 17:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索