App Store 截图优化:能转化的七条规则
其他语言: English · 日本語 · Português · Español · Deutsch
当一个只给它们三秒钟的人明白了应用做什么并且想要它,App Store 截图就转化了。其他一切都是装饰。我们为 RankASO 自己的页面渲染了七种视觉方案才上线一种,下面的规则是留下来的:浅色底加柔和渐变,手机在画面里放低让文字有空间,标题居中、大到不用放大就能读,每个屏幕提出一个细节,一条横带把前三帧连成一句话,画面里永远不出现别家公司的应用。逐条说明,以及每一条为什么留了下来。

1. 标题就是截图
大多数浏览者读第一帧的标题,别的什么都不读。把它写成你只有三秒钟时会说的那一句话:应用为他们做什么。居中,放大,最多两行。下面的副标题是短短一行。如果标题需要截图才讲得通,重写标题。
2. 手机放低,文字放高
一个填满画面的手机渲染,把标题挤成顶部的一条。把手机往下推,露出它的上三分之一,底部出画;视线先读标题,再读屏幕顶部,而那本来就是应用真正的标题所在。更低的裁切也让画面比满幅手机渲染显得更安静、更贵。
3. 一个细节,提出来
每一帧从屏幕里取一个元素放大,放进一张悬在手机边缘上的卡片:一个带变动的排名、一个判定标签、一个竞品的排名在你的旁边。它给视线一个落点,展示这一帧要讲的那一件事。超过一个,画面就成了拼贴。
4. 前三帧一条横带
一条细细的色带横穿第一到第三帧,承载一句分成三段的话,告诉浏览者这几帧是一体的,拉着他们往后滑。第四帧起各自独立;没几个人到得了那里,到了的人已经有兴趣了。
5. 浅色底,柔和渐变,一个强调色
用应用强调色的浅色底,加一层柔和渐变,这样它不显得死板,再用一个强调色给细节卡片和横带。深色底拍出来好看,在一片白色包围的商店页面里却难读。并排渲染时,渐变方案看起来最贵也最易读,所以它上线了。
6. 不出现别人的应用
竞品帧需要一个竞品在屏幕上。用你自己的应用当竞品,或者一个中性占位,永远不要用真实的第三方应用、标志或名称。这是一种礼貌,它避免审核的疑问,也让浏览者的视线留在你身上。
7. 两套,只差一个想法
同样七帧做两遍:一遍功能导向,一遍结果导向,设计一致。第二套就是你的第一次 Product Page Optimization 测试,第一天就准备好。怎么跑它。
读结果
截图改变的是从产品页浏览到下载的转化率。在 App Store Connect 里看它,旁边同时看排名,这样来的人变了不会被误认为页面表现变了。对我们自己的应用,一个转化好的页面把挣到的每一个排名双倍变成安装,这就是为什么截图和关键词工作是同一个项目。
Download on theApp Store免费开始。无需账户。不收集数据。
常见问题
App Store 截图怎样才能转化?
第一帧的标题用一句话说出应用为浏览者做什么,三秒钟内可读,手机上显示对应的屏幕。其余几帧支撑这一帧。
App Store 截图该用浅色还是深色背景?
浅色,加柔和渐变和一个强调色。在一片白色包围的页面里,浅色帧显得更易读、更高级;深色帧显得更沉。
我能在截图里展示竞品的应用吗?
避免。用你自己的应用或一个中性占位作为示例竞品。它让注意力留在你身上,也避免审核的疑问。