产品页跳出率高,我删了首页大图

我把首页那张占满整屏的大图删了,产品页跳出率就下来了,首屏能看见的字多了三行。产品页跳出率高怎么优化,我的答案是从删开始。这不是设计品味问题,是手机屏幕上,一张好看的图会把你要说的话挤到看不见的地方。

产品页跳出率高怎么优化,我的经验是从「删」开始,不是从「加」开始。

我做了什么

改动本身简单到不值一提:把首屏的大图去掉,换成一句人话加一个按钮。

之前那版,手机点进去先看到一整屏视觉图,标题和按钮都在下面,得往下滑才看得到。那一屏的成本是:用户要在两秒内判断「这跟我有关系吗」,而你给了他一张风景照。

改完之后的直接变化是首屏信息密度上去了。我没办法给你一个截图上的百分比,因为这个页面是我自己站上的,具体数字看后台。但方向上很清楚:首屏必须回答「这是什么、给谁用、下一步点哪」。

产品页跳出率高,先想清楚大图挤掉了什么

三个原因,一个比一个实在。

第一,它占了最贵的位置。 手机首屏就那么高,图占多少,文字就少多少。你把最贵的位置给了装饰。

第二,它拖慢了首屏。 我自己站上那些页面,最大的那张图往往就是最重的一个资源。用户看不到东西就走,不会等你加载完。

第三,它表达的信息量几乎为零。 一张抽象配图能传递的信息,远不如一句「给谁解决什么问题」。

产品页跳出率高,多数时候不是设计不够漂亮,是首屏没有一句能让人确认「来对地方了」的话。

我保留了什么

全删也不对。图我留了一处:功能演示的地方。 那里的图是有信息的——用户能看到产品长什么样、点下去会发生什么。

判断标准我总结成一句:这张图如果删掉,用户会少知道一件具体的事吗? 会,就留;不会,就删。

按这条标准过一遍,首页那张大图属于「不会」,功能演示图属于「会」。

顺带修的几处

删图只解决了首屏。同一个思路往下推,我还动了两处。

按钮文案。 之前写的是「了解更多」,改成了具体动作。「了解更多」不指向任何事,用户不知道点完会怎样。

价格的位置。 之前要滑好几屏才看到。价格这种最容易被找的信息,藏得越深,走的人越多。

怎么自己检查一遍

不用工具也能查,手机上做三件事:

1. 用手机打开,把屏幕截图。 只看第一屏,问自己能不能说出这是干什么的。

2. 把图片全禁用,再看一遍。 剩下的文字如果说不清产品,说明你把信息都放在图里了。

3. 找一个人,让他看五秒然后复述。 复述不出来,就是首屏的问题。

产品页跳出率高这件事,先做减法再做加法。 加东西容易,删东西才需要判断。想系统地过一遍,可以看落地页转化率低,先查这5个地方。

常见问题

Q:产品页跳出率高怎么优化,第一步该做什么?

A:先看首屏那五秒。用手机打开截图,问自己一个不知道你是谁的人能不能说出这是干什么的。说不出来就先改首屏,别动其他部分。

Q:首页大图真的必须删掉吗?

A:不是必须删,是必须能说清它的作用。判断标准是这张图删掉之后,用户会不会少知道一件具体的事。装饰性大图可以删,功能演示图要留。

Q:跳出率高一定是页面设计的问题吗?

A:不一定。流量来源不匹配也会造成高跳出——搜错词的人、被推荐误点进来的人,本来就不该留。先分清是页面问题还是流量问题。

相关阅读


本文作者西米,37 岁程序员,一个人加五个 AI 员工在跑一家公司。踩过的坑和真实账本都写在公众号「西米分享」。

完整代码、踩坑清单与最新进展,都在公众号。

📱 关注公众号「西米分享」