首页的使命与目标

目标1:流量分发

确定业务流量目标

举个例子,某公司有A、B、C三个业务,年度营收目标是50亿,30亿,20亿。简化起见,我们假设全部业务通过App完成。那么三个业务的流量目标计算过程如下:

  • 第一步,计算A当前转化率(业务售出单品总数/业务单品页总流量)。
  • 第二步,统计A的售出单品均价。
  • 第三步,通过商详页(或POI页)的流量来源,统计搜索与导购流量占比。
  • 第四步,预测目标周期的全站日均单品页总访问量。
  • 第五步,通过以下公式计算A需要的首页流量:
    • 全站日均单品页访问总量导购流量占比**A首页流量占比**A转化率A单品均价*365=50亿。
    • 同理计算B、C业务

:1. 用户的浏览和订单往往横跨多个业务/类目,因此在这里不以用户-订单为单位,而以单品页流量-售出单品数为计算单位,以彻底分开各个业务。

目标2:浏览路径引导

为不同风格不同诉求的用户铺设合理的“逛”的路径
按购物目的来分
精准型用户: 雀巢三段婴儿奶粉6罐装 “大明”
半精准型: 婴儿奶粉 “笨笨”
随便逛逛: “小闲”
按购物风格来分
价格敏感型:促销,优惠商品
品质或品牌导向型:精品导购,买手推荐,品牌栏目
解决方案导向型:为了身处某一个场景购物,过年,春游,宝妈
按类目或用户职业划分
**

目标3:打造企业形象,迎合目标客群

通过UI、商品摆放、服务内容介绍等,打造平台的企业形象

目标4:创造直接营收

给活动引流

目标5:进行关键沟通

常见的沟通手段,比如首页弹窗(如新人礼包、重要通知、权益到账等),滚动信息栏(如淘宝头条、京东快报),顶部通栏第一桢,站内信,都是常见的沟通点位

首页产品KPI

KPI之一:人均商详页访问数

影响因素:

  • 选品、价格和促销,这些因素是根本性的
  • 栏目的个性化程度与精准化算法水平
  • 多维度导购栏目的合理设置
  • 商品的浅层级露出
  • 商品布局及展示效率,测试数据表明,图更大更美的一行二展示,效率大不如略显拥挤的一行三。一眼看到想要的商品,击中用户的几率高于精美的商品图
  • 标签体系设计,通过导购、促销、属性三大标签,展示商品的核心卖点,对于抓到点击提升商详到达率非常非常关键

    KPI之二:首页点击价值

    首页点击价值 = 首页导购栏目产生的总销售/首页总点击数
    点击价值的主要影响因素有三个:1. 到达商详页的路径深度2. 推荐商品的转化能力3. 销售商品的平均单价
    **

    KPI之三:首页跳失率(bounce rate)

    **首页跳失率,即无点击就离开首页。

根据经验,这个数据主要受流量质量影响,而不是首页产品设计。比如,很多流量是刷出来的,背后不是真实用户,自然不会真的逛,在贡献了流量计数后自然就“走”了。有些刷流量的工具可以录制脚本,模拟特定位置的点击甚至更复杂的操作,这时该虚假流量在首页未产生跳失。但最终,虚假流量肯定不会下单。

另一种情况是用户相关度较低的渠道引流。比如某些互联网公司会扫街地推,通过“求扫码”或以轻微的利益刺激获得用户下载访问。这种情况下如果目标人群不匹配,人们进来看到这不是自己有兴趣的“店”,首页跳失率就会很高。同样的情况也会出现在预装机型或app下载渠道匹配不当上。

总体来说,根据经验,首页跳失率受首页产品设计的影响偏小。但通常这是流量效率监测的一个重要环节。如果首页产品上线后跳失率出现大幅波动,是值得深入分析的。

KPI之四:首屏聚焦率/访问深度

image.png
实践中有时以“首屏聚焦率”作为KPI(即百分之多少的流量仅到达首屏,数值越小越好)。当然也可以使用“访问深度”,来看百分之多少的用户到了第几屏,或全部用户平均走了多少屏。

大型电商首页改版实例

下面结合我当年在1号店操刀的首页大改版案例,为大家介绍首页产品设计流程和改版全过程。

这个项目在公司CEO、CTO、CMO的高度关注(每周汇报)和全力支持下,调动全公司力量推进,覆盖全面,几乎所有部门深度参与。改版结果效果突出,获刘强东的直接关注并听取汇报。

这是三年前的项目,因为涉及商业机密,这类项目不可能在新上线时公开细节,所以大家如果有缘看到详尽的案例,一般都已经脱敏。但方法论和流程上,即便今天,这个项目依然是个范本。

在构思改版产品方案之前,首先需要获取全方位的输入,包括:

  • 首页竞品分析
  • 当前首页用户痛点深度访谈
  • 业务线首页诉求
  • 当前首页效率深度分析
  • UED分析

1. 竞品分析

竞品分析是为了:1)对标竞争对手的首页风格。尽量匹配主流,尊重用户已经培养的浏览购物习惯。不能落伍,也不要太超前或与众不同。2)分析竞品主要亮点,结合自身特性加以借鉴和创新;与此对等,发现缺点,加以规避。3)了解首页产品发展新萌芽,捕捉前沿趋势。竞品分析也可以跨界参考其它行业竞品,以打开视野,跨界学习。

用研团队对大量竞品进行了深度调研。下面是同业和跨界的竞品优缺点:
首页产品终极攻略 读书记录 - 图2
首页产品终极攻略 读书记录 - 图3
首页产品终极攻略 读书记录 - 图4
竞品分析输出

最终用研团队给出如下五点结论:

  • 综合性电商构建场景化频道是总体趋势。如淘宝的实惠、品质(天猫)、特色三大场景;京东的“爱生活、享品质、购特色”三大版块。
  • 拳头产品聚集人气,创新产品层出不穷。如京东秒杀、淘宝有好货,有效提高粘性并高效分流;同时京东试水众筹、白条等新产品。
  • 超强精准化成为海量商品和用户时代首页营销利器。如淘宝栏目堆图实时精准化更新,天猫通过共用淘宝数据后台,提供高效推送,千人千面,精准分流。
  • 垂直电商通过首页tab切换大区块成为主流做法,综合电商试水多首页,更多栏目得以曝光。
  • 自主定制趋势渐渐出现。网易云音乐可自主调节板块顺序;爱奇艺自主管理频道,控制置顶区内容。

通过上述趋势,我们得到的结论是,在整体架构上,场景化构建框架,匹配差异化用户购物基因,爆款频道打头,精准化铺底,是核心方向;同时,首页分tab切换专区,同时支持部分内容的自主定制,是前沿机遇所在。
一个提示的是,用研的调研对象是非常宽泛的,国内外千千万万众app呈现出五花八门的形态,不可能由用研一一找到数据来验证。产品负责人在调研开始阶段需要给出思路方向,用研主要进行验证,并给出支持与否的结论。这需要产品负责人很好的方向感和预判。当然,有时也会收获惊喜。

2. 用户痛点深度访谈

用研的另一个重要工作就是进行深度用户洞察,了解各类用户最大的痛点痒点兴奋点。

从定性研究到定量研究,用研团队发出数百万份问卷(回收数万份),并分组深度访谈了数百位用户,得到当前首页问题集合,并根据反馈频率制作词云。结果如下:首页产品终极攻略 读书记录 - 图5首页痛点词云
此外,用研报告中摘录部分典型用户反馈如下:“参加活动是个体力活”__ - V2 狄女士

“广告不吸引我,关键信息没写清楚,天猫会很清楚”,“好像看不到按品牌分的,我想看滴露的,这里没法按牌子看” - V0 方小姐

“我会看剁手价,量贩团和金牌秒杀,但是不知道他们有什么区别,对我都是一样的”- V3 陆先生

这里的V是用户等级,以帮助我们理解在什么级别上的用户有什么样的反馈与痛点。

最后,产品团队对用研的反馈区分新老用户进行了梳理,结果如下:首页产品终极攻略 读书记录 - 图6新老用户痛点总结

从结论我们可以看出,老用户觉得首页缺乏新意,不懂我,新用户觉得首页缺乏特色,栏目逻辑区分困难。同时,新老用户都觉得促销引导有问题,首页整体布局不清晰,浏览效率差。

3. 业务线首页需求收集

客观说这个环节很重要,但其实很难获取有价值输入。首页产品终极攻略 读书记录 - 图7
做为产品经理,获取业务线诉求是十分重要的,然而对于首页,如果开放式地了解需求,最终听到的业务线的诉求基本只会有两点:

  • 我要资源位,我的资源位不够
  • 我的资源位要更靠上,更靠前

当然少数没有格局的还会反复要求别人不能太多,自己的占比必须高。

所以,产品不能开放式地收集需求,给自己挖坑。

可以参考的做法是,从业务线的大老板开始,从全局上获取均衡的业务占比需求,作为首页栏目设置和资源位分配的输入。在此基础上,从全局上规划栏目,并制定上线运营目标门槛,与业务线确认对口的栏目能否运营起来。
例如,对于促销栏目,对当前栏目去芜存菁,归并同质化栏目。随后,根据当前业务数据建议各类促销在多长时间里安排多少场次,促销商品需要达到什么力度,保证多少库存,如何选品,从而达到预期的流量与销售效果。最终,判断哪些栏目可以在新首页中获得入口。那些不太行的,要么放到二级入口,要么直接取消或以新栏目代替。
本案因前期与CEO沟通紧密,获得全力支持,并安排了与四位CXO的周例会,获得了最高领导贯彻始终的全力支持,因此自顶向下明确了资源规划与分配,在此基础上得到了各业务线的全力配合,并在后续产品栏目设置中构思并确认了实惠、品质、精选等栏目的运营团队。总体来说获取业务线确认与支持过程比较顺畅。

4. 首页效率分析

总体来说首页效率分析有两个方式:

第一个由产品端负责,对每个“坑位”取流量(或点击率)、营收数据。这两个是核心指标,也可以增加重视的其它指标,比如商详页到达率、跳失率、会员参与率、核心品类引导率等等。

第二个通常由UED团队负责,通过眼动仪获取用户的眼动和操作轨迹,输出视觉热力图、视线轨迹图、鼠标点击量、区域曝光率等。这可以充分体现首页哪里受到用户关注。当然这个需要非常专业的设备,往往外包第三方公司完成。

首页产品效率分析的要素是:

  • 流量:体现用户对该栏目的兴趣指数,通常以UV来计算。也有按点击率(CTR,点击用户数量/看到用户数量)来看的。
  • 营收:也叫GMV,看这个栏目最终卖了多少货。当然有些栏目不是直接卖货的,比如领券频道,可以由相应指标来代替,比如领券率、券使用率、内容阅读率、社交传播发起率,等等。
  • 商详页到达率/人均商详页访问数:体现该栏目对商品的引流效率。
  • 跳失率:体现该栏目的内容和体验会不会让用户离开。
  • 会员参与率:看付费会员多少人感兴趣,或者拉动用户成为付费会员的能力。
  • 核心品类引导率:长远看卖出正确的货,比卖出更多的货更重要。这个指标,是看这个频道(典型的是跨品类频道)对于卖出正确的货有多少帮助,或者能够跨品类引导用户,使之成为战略品类的顾客。

大家可以根据自身业务诉求,来定义如何衡量一个频道的效率与贡献,做为首页改版中是否保留、获得什么位置的关键依据。
该项目中,我们取了UV和GMV两大指标,得到了如下首页流量效率图(具体数字隐去):
首页产品终极攻略 读书记录 - 图8首页流量效率图

图中的绿色方块表示该频道效果良好,黄色表示效果差强人意,而红色则完全不行。这样,我们可以一目了然地看到各个频道的表现。最终首页分析总结如下:

  • 用户浏览风格
    • 约50%为效率追求型(35%搜索,15%分类导航)
    • 约50%为闲逛型(各类频道和会场)
  • 用户偏好
    • 强势频道:团闪剁手价 – 30%
    • 检索:业务及类目线 – 26%
    • 导购、推荐栏目 – 12%
    • 广告入口 – 10%
  • 结论
    • 促销型栏目表现较好,图片、广告楼层表现不佳
    • 强势品类(食品酒饮清洁厨卫美妆母婴)表现较好
    • 存在低效入口和重复入口,缺乏KPI驱动的调整和赛马机制

5. UED分析

这个环节的第一步是交互分析,侧重于产品整体信息架构、界面布局、与用户的交互方式等方面。本项目的交互分析结论含如下环节:

1)布局分析

首页产品终极攻略 读书记录 - 图9
首页布局分析

  • 天猫与京东在首页模块划分上,将各种业务按照相关度整合在对应频道内,首页内容丰富而有序,对用户来说简单易懂,也便于视觉团队有针对性地设计视觉元素。
  • 对比天猫40个入口、京东44个入口,一号店虽然只有28个入口,但聚合方式混乱无序,部分以频道维度、部分以业务维度划分首页模块,没有从用户使用角度安排布局,造成用户“看不懂”、“找不到”,在视觉呈现上也难以整体处理,割裂感严重。

简单说,就是有序性有待提升。

2)栅格分析

栅格系统以规则的网格指导和规范版面布局,优势是: 1,使页面的信息呈现更加美观易读,提升可用性;
2,在前端实现层面,可使页面更规范灵活,便于实现模块化
首页产品终极攻略 读书记录 - 图10
首页栅格分析
交互团队给出的栅格分析结论为:

  • [京东]使用4栏栅格系统 模块统一成2种尺寸:1个单位、2个单位、4个单位(通栏)
  • [天猫]使用12栏栅格系统 模块统一成3种尺寸:3个单位、4个单位、6个单位、12个单位(通栏)
  • [1号店]部分使用3栏栅格系统,模块占1个单位、2个单位、3个单位(通栏) 部分模块独立与栅格系统之外

简单说,当前首页栅格偏粗糙,同时很多栏目并没有对齐珊格。

下一步是视觉分析。主要侧重于整体视觉效果、用色等方面。

3)视觉分析

首页产品终极攻略 读书记录 - 图11
视觉效果分析素材

首页精致,提升视觉效果,是预设的方向,视觉团队选择了这方面表现出色的良仓(刻意没有对标京东、淘宝)作为对标对象,给出了如下结论:

  • 首页轮播图和商品图是传递给用户最快也是最直观的视觉感受,直接反映了商品的气质,定位。第一眼看到我店的App感受是“杂货店”,凌乱而乏味。商品多而品质不高,红色价格满屏,强势而干扰。打动不了用户,没有购买欲。
  • 良仓:强调“精选”,“设计美学”。商品选用上突出设计感,科技感,不采用大量的推头,显得杂乱。轮播上简单的彩色鲜明烘托主题,去掉俗气的大红大绿。文字上没有太多花哨的装饰,提升商品本身的品质感。
  • 1号店:商品图粗糙,轮播图略俗气。配色和商品没有关联。文案、价格信息过大过多,排版杂乱,各种红色标签突兀,干扰视觉。建议减少并控制文案字数。增加场景化图片的运用,提升品质感,营造购物环境感。模块楼层更鲜明,增加楼层的节奏变化,不要一行3到底,视觉容易疲劳,产生厌倦。

4)色彩分析

电商品牌色彩大多近似,要想在众多相似的app中带给用户新鲜感,特别感,就只有在用色,icon等局部位置,采用不一样的设计。如,icon风格微变化,在适当的地方微拟物等,增加一些小创意。
首页产品终极攻略 读书记录 - 图12
色彩分析素材

如下为色彩分析输出,选了三个比较有特点的app进行对标。

  • [想去]banner的边框模拟杂志纸张厚度,配合标题文字特殊字体排版,增加品质设计的味道,烘托商品的格调。
  • [饿了么]icon的拟物美食,提升直观的诱惑度,大面积的蓝色提升品牌印象
  • [Enjoy]icon采用纯黑的line,传递高端奢华感。商品图精美,默认缺损图也设计的有品质感,像高级的包装纸,不是简单的灰色加logo

5)大促定制

双11,618,黑五,以及各个电商节,包括超级品牌日,是电商的设计团队大显身手的时候,让消费者从平日熟悉的常规界面中跳脱出来,耳目一新地看见热闹喜庆充满创新的盛装造型。相比大促主会场更加注重促销活动、商品展示效率、分会场的分发,首页是更好的体现创意的舞台。
在本项目的大促定制对比中,1号店的设计胜出。
image.png
大促定制对比

因为进度要求,这次改版没有安排视觉热力图和视线轨迹图的测试。但如果大家时间和经费允许,可以与拥有专业设备的第三方机构合作,深度了解用户在当前首页上的视线轨迹和专注点,以更好地了解用户浏览特性和兴趣点。

下图为亚马逊视觉团队所做的首页分析,我们可以看到,红色区域为用户视线最多关注的区域,越红表示越关注,然后从黄到绿到白,关注度下降。同时,也可以获取用户眼动顺序,最右图的1,2,3,4就是用户视线移动轨迹。通过这样的分析,我们比较容易判断用户的注意力容易被什么所吸引,进而找到设计的侧重点。
首页产品终极攻略 读书记录 - 图14视觉热力图与轨迹图

至此,竞品分析、用户深度调研、业务线需求、产品分析、UED分析全部完成,输入收集阶段结束,进入新首页设计阶段。

6. 移动情绪版

这个由视觉团队负责的专业的研究,目的是了解消费者在app浏览购物时的情绪反应,进而确定新首页的主体配色、风格,传递和凸显产品个性与品牌形象,在用户潜意识中对品牌性格和消费方式进行影响。
情绪版的研究流程如下:
首页产品终极攻略 读书记录 - 图15
情绪版研究流程
步骤及输出如下:
1)根据公司的品牌形象定位,选择三个原生关键词:家庭的、国际的、实惠的;并根据用户访谈,整理出体现印象和诉求的高频词,并掺入一个易混淆的负性词,得到衍生定位词:便捷的、实惠的、诚信的、优质的、热情的、丰富的、廉价的(负性词)。
2)解读每一个定位词对应的视觉、心境、物化映射,对颜色和场景进行定义。以“家庭”为例:

  • 视觉映射:柔和的灯光,柔软,木结构;
  • 心境映射:1. 温馨;2. 温柔;3. 陪伴;
  • 物化映射:1. 地毯、壁炉、床;2. 父母,孩子;3. 宠物;
  • 颜色:暖色、柔和
    • 橙色系 — 灯光,皮肤,原木;
    • 明度高纯度低 — 和谐、轻盈、惬意;
  • 场景:家人围坐一起看电视,一起旅行;


3)通过上面的这些解读,找到大量可以代表定位词的图片。以“家庭”为例,视觉团队根据上述描述词找出数百张可以代表“家庭”的视觉、心境和物化映射的图片:
首页产品终极攻略 读书记录 - 图16

对所有图片进行虚化,提取其中主要颜色:
首页产品终极攻略 读书记录 - 图17

4)最后,针对首页产品希望传递的“简洁、年轻、随时随地”的感觉,确定配色方案。例如,“简洁”的配色选择如下:
首页产品终极攻略 读书记录 - 图18
至此,体现业务定位和改版产品诉求的配色、风格确定,成为设计师的主要设计依据。

7. 新首页KPI选定

这次改版的核心目标是提升首页引导效率和体验,重整并以场景化聚合导购栏目,为不同风格用户提供各自的诉求承载区域,由此,选定点击价值、人均点击数、首屏聚焦率、跳出率做为四大核心指标。

目标值根据当前实际情况设定。根据竞品数据对标,最大的差距在人均点击数,而当前跳出率则占有较大优势,因此根据差距以及产品思路对应的潜在提升效果,设定了5%~20%的提升目标,如下。

首页产品终极攻略 读书记录 - 图19
首页改版KPI

8. 首页方案头脑风暴

产品团队根据所有前期准备的输出以及产品目标,进行了头脑风暴,提出的框架性思路如下:

  • 楼层按主题维度,分为好店、主题、卖场、清单等,频道做穿插推荐。
    • 点评:这个思路符合主流,方案略显保守。
  • 秒杀商品纵向排布,把流量往下带,或将爆款频道下沉,并在首屏进行提示。
    • 点评:这思路的脑洞有点大首页产品终极攻略 读书记录 - 图20,同时比较冒风险,可能会导致爆款频道销售大幅打折扣,进而影响全局营收。
  • 顶部根据场景设置tab:如导购、活动等。
    • 点评:该思路很创新激进,实质上是实现电商产品的多首页,最大的担忧是后续tab没有流量。
  • 内容前置,浅层级露出,穿插显示频道。
    • 点评:这个思路的优点是为更多核心内容提供了流量,缺点是会导致首页过长,顺序在中后的栏目得不到曝光。

经过反复探讨论证,考虑做两个方案,一个保守,一个激进,供领导层决策。上述第一点作为稳妥型产品方案方向,作为主推;放弃第二点;第三点作为激进型方案,作为备选;而第四点更适合展示用户感兴趣的首页局部内容,基于此考虑做一个大胆创新:纯自定义首页,作为第二首页提供给用户。

9. 首页设计稿

1) 主推方案(稳妥版)
主推方案在原有框架基础上重整了几乎所有栏目。头部区域之后按场景化进行布局,重新梳理和调整了首页资源栏位,在局部做了大量的微创新,并从视觉上重新匹配公司战略和商业定位,解决用户所反馈的核心痛点。

方案要点如下:
首页产品终极攻略 读书记录 - 图21
首页产品终极攻略 读书记录 - 图22
首页产品终极攻略 读书记录 - 图23
首页产品终极攻略 读书记录 - 图24
首页产品终极攻略 读书记录 - 图25

这次改版也重新设计了搜索页,对走搜索路径的精准流量进行引导,创造新的商业机会,其中“大家都在找”通过从众心理引导搜索流量转向目标商品或活动,同时用“想不起来找什么”来捕获进入搜索却存在着“逛”心理或好奇心的用户。

首页产品终极攻略 读书记录 - 图26
搜索页设计

2)第二首页与定制化首页虽然首页可以千人千面,但主体框架通常是固定的。随着导购栏目的丰富和新栏位的持续增加,首页越来越长,用户有限的时间和注意力被严重分散,甚至迷失。既然对每个人来说都有大量不感兴趣的栏目,那么不难想到:让首页完全由用户定制!
在这次改版设计中,我们推出了完全可由用户定制的第二首页,如下图:
首页产品终极攻略 读书记录 - 图27
可以看到,该设计通过地域特征设置皮肤(可更换),所有栏目可由用户通过频道池进行选择、增减、排序(用户浏览历史设定初值)。同时每个频道提供一个首页卡片,部分展开该栏目钩子内容。

此外,第二首页也可以支持皮肤替换,下面是几版默认皮肤:
首页产品终极攻略 读书记录 - 图28
第二首页可替换皮肤

这个大胆的首页创新上线后,我们看到的数据是,从传统首页进入的流量占比较少,但进入的流量,复访比率高,并在复访时转化效率明显提升。这证明了,

  1. 用户偏“懒”,全新产品的使用习惯需要逐步养成。
  2. 自定义首页定制只展示用户喜欢的频道,引导效率高。
  3. 营销资源位基本消失。这是它的魅力所在,但也决定了它无法最终取代第一首页。毕竟,业务线需要放广告,推活动。

另一个创新实践是,UED团队开发了H5版本的可定制首页,轮播图可替换为自选照片,icon位文字可由用户定制,首页通过微信传播。该版本在情人节上线,主打表白场景,把购物与爱情相结合,生动有趣。
首页产品终极攻略 读书记录 - 图29
H5定制化首页

3)备选方案(激进版)
这次首页改版希望为不同风格用户提供差异化的浏览路径,在第一版的稳妥方案中,我们依然保留了符合各类用户偏好的大量栏目,但也导致了首页较长。激进方案则尝试多首页并举,让用户根据自己的浏览偏好进行切换。

首页必须要展示核心营销内容和核心固定栏目,除此以外,逛首页的用户,大风格分为闲逛型、半精准型、活动导向型,为此设置了“频道”、“品类”、“活动”三个副首页,以提供差异化的导购路径。

设计如下:
首页产品终极攻略 读书记录 - 图30
多首页设计

因为每个首页内容做了拆分,因此具备了各栏目的首页局部展开条件,让头部二级内容浅层级露出,更好地抓取流量,甚至通过首页直接完成转化。此外,“活动”首页的活动瀑布流可以让喜欢参加活动的用户,快速浏览活动池,极大提升“逛”的效率。

最终选择的结果,领导层不出意料地选择了稳妥型的方案。

10. 痛点解决方案及创新点总结

最后,针对前面的痛点调研,我们来看下新版首页在方案上对痛点的覆盖和解决。
首页产品终极攻略 读书记录 - 图31
新首页痛点解决方案与创新点

通过上图我们可以看到,所有痛点都在方案中被覆盖,同时,改版方案还具备了四个创新点:

  1. 自定义首页(第二首页)。这是电商业界的创新设计,通过自定义栏目、本地化运营和皮肤更换设计,为用户打造一个最适合自己的首页。

  2. 悬浮轮播图。这个设计主要解决在整体首页定制(如超级品牌日)时,轮播图第二帧及后续图片很可能与首屏“帽子”和“衣服”不协调的问题。通过悬浮,在视觉上把轮播分层拉出,既美观,又减小上下不搭的问题。

  3. 频道动态内容首页展示。根据当前用户偏好出打捞不同的活动、商品、内容,展示在首页,在内容上完全动态。这突破了业界针对固定内容展示动态图片和商品的方式。

  4. 定制搜索页,聚合多个维度对搜索流量进行引导,突破了常规搜索页的“搜索历史”、“热搜”两个主要方向,增加了营收资源和业务引导,也提升了搜索的趣味性。

11. 新首页数据表现

新首页上线后,数据表现良好。AB测试体现:

  • 点击价值上提升约21%。
  • 人均点击次数增长27%。
  • 首屏聚焦率在初期出现下滑后回升,最终与原数据接近,分析认为大批用户对于新首页存在新鲜感,在初期“逛”的行为大幅度增加,但度过了新鲜阶段后依然会专注在自己喜欢的频道。
  • 跳失率无明显变化。这体现了首页设计并非跳失率的最大影响因素。除非设计出现重大失误。

首页实战总结

  1. 首页是流量分发的关键,决定公司内部各业务线获得流量和转化的机会,是互联网产品的最重要模块,甚至可以说,没有之一。然而流量分发是个无比复杂的话题,我将在首页运营篇中详尽阐述我的实践方法和经验。

  2. 首页承载起引导用户浏览与购买的使命,并建立和体现公司品牌形象,创造直接营收,同时也是最重要沟通点位。这些方面存在着大量平衡点,如何把握好体验并创造全局最大收益,是产品经理的重要课题。

  3. 做好首页,必须首先明确针对哪些KPI进行思考与设计。其中人均商详页到达率/访问量、点击价值、点击次数、停留时长、浏览深度、跳失率,以及其它提升流量效率的方面,都可以作为KPI。

  4. 在首页产品设计和改版中,竞评分析、用户痛点分析、业务需求梳理、产品效率分析、UED分析都是重要的输入来源。一切的设计都需要强有力的依据,尽量避免“我喜欢”,“我觉得好看”,除了“老板喜欢”是产品经理没办法的事。

  5. 必须跟进最终数据,灰度发布,仔细验证各方面的成效。同时,避免太大幅度的变化。用户耳目一新的另一面,也有可能“一脸懵逼”,要尊重用户已经养成的习惯,避免太过于创新,同时设计上尽量向下兼容,减少用户的学习成本。

原文地址:https://mp.weixin.qq.com/s/eD93T6ecUDHT3bV8m3qcIA?