iOS 11 上 App Store 产品页面的优化

9月20日,苹果开始向中国推送 iOS 11 的正式版。个人对这个新系统已经关注很久,迫不及待在第一时间就进行了更新和体验,变化果然很大,体验越来越好。整个系统字体变得很大,感觉像老人机 ;-)

App Store 是这次更新的一个重点,而产品页面的每一个元素都会直接影响到产品的下载量,所以结合苹果官方文档和部分游戏和App产品的实际情况,我们来分析一下如何在 iOS 11 上进行产品页面的优化,以便取得更好的用户转化率。


01 App Store 主要信息和重点说明

  • 注:以 iPhone 6 + iOS 11.0 进行测试,其他配置可能会有不同结果。字符数量完全肉眼测试,边界情况可能存在±1的误差。

重点说明:

  • 名称:注意长度限制,现在改为30个字符,而且只能在新版本提交时进行修改。
  • 副标题:新增字段,上限为30个字符,很多产品目前还没有充分利用起来。
  • 评分:以更加醒目的方式进行显示,对下载的影响更加明显。发布版本时可以选择重置评分,但不影响用户评论。
  • 三种描述文本:“此版本的新增内容”、“宣传文本”+“描述”,行数分别被压缩为3行,而且没有“更多”的提示信息,所以文本需要更加精炼。“宣传文本”是新增字段,显示在“描述”上方,上限为170个字符,注意和“描述”之间会有一个空行,文本可以随时进行更新。
  • 预览/查看细节:预览视频增加为3个,WiFi情况下会自动静音播放。另外如果是竖版截图+横版预览视频这样组合的话(如:王者荣耀),产品页面会增加一个栏目“查看细节”来放置预览视频。

02 搜索结果

  • 名称:最大显示1行9个字符,把重要信息显示在最前面;
  • 副标题:最大显示1行13个字符,如果没有填写,会默认显示产品分类;这个字段需要充分利用起来,把名称中过长的信息转移到副标题中。
  • 屏幕快照/预览:竖版截图+竖版预览视频时,会显示3幅画面,可以考虑做3幅图的组合效果;如果有预览视频,WiFi情况下会自动静音播放。
僵尸榨汁机:竖版截图
  • 横版截图+横版预览视频:搜索结果中只会显示1幅画面。如果没有视频的话,展示内容会比较少。
梦幻西游:横版截图+横版预览视频
  • 竖版截图+横版预览视频:这个组合比较特殊,在搜索结果里,会展示3幅截图,不显示视频。在产品页面会增加一个栏目“查看细节”来放置预览视频。
王者荣耀:竖版截图+横版预览视频
  • 横版截图+竖版预览视频:这种组合比较奇葩,目前还没有找到类似的例子可以参考,估计也会有“查看细节”。

03 产品页面

>>> 图标、名称、评分

  • “名称”最大显示2行9x2个字符;
  • 新增“副标题”显示在“名称”下方,最大显示2行13x2个字符,但是连同“名称”最大显示3行;
  • 增加了一个分享按钮,方便和好友进行分享;
  • 评分比之前显示尺寸要大,分类排名(下载)是这次新增,分级也被提前放到这里。因为这几项显示位置非常靠前,对于下载会带来不小影响,需要注意优化。
图标、名称、评分(1/2)
  • 如果是“编辑精选”的产品,会有单独图标显示,而且评分这里显示也会略有不同。
图标、名称、评分(2/2)

>>> 新功能、描述(内容提要)、宣传文本

  • 新功能(iOS 11之前:最新动态)、描述(iOS 11之前:内容提要)格式基本一致:上限为4000个字符,产品页面默认显示3行23x3个字符。
  • 新功能显示的位置有点飘忽,多数产品在预览之前,但是也有不少产品出现在“评分及评论”之后(例如:剑与家园)。【2017年10月13日】按照读者的反馈,如果App没有安装过,会把新功能一栏显示在最后,否则的话是显示在预览之前,这样设计也非常合理。
  • 新功能的文本在 iPad 上默认只显示2行。
  • 因为默认显示行数减少,字数也减少,而且“更多”的提示被去掉了,所以文本内容必须精简,特别是默认显示的前几行,注意去掉“本次更新”这类没有具体作用的字眼。推荐的格式如下:

【关键词】第1行,作为总起,最多23个字符
【关键词】第2行,综述性内容,文本要精炼
【关键词】第3行,iOS 11 默认显示前3行
(第4行,考虑空一行,注意会在iOS 11之前版本显示)
第5行,具体描述的内容,注意会在iOS 11之前版本显示
第6行,注意段落和可读性,这里开始必须展开才会显示
第7行……

  • 宣传文本是新增字段,上限为170个字符,显示在“描述”顶部,如下图的第一行。注意宣传文本之后会默认增加一行空行,为了增加默认显示的信息,所以要使用的话直接使用3行。
宣传文本

>>> 截图、预览、查看细节

  • 截图,竖屏截图比原先显示略大,截图自动变成圆角,其他没有明显变化。
  • 预览视频,现在可以上传3段视频了。苹果重视更加直观的内容展现方式,在以往苹果推荐中,也出现过全部呈现视频的推荐栏目。
  • 查看细节,只出现在竖版截图+横版预览视频时,会将预览视频单独放在查看细节中。这种情况下,对于美术资源的展示最为充足,但是在搜索结果中不会出现预览视频,利弊可以自行权衡。典型代表:王者荣耀。
王者荣耀

>>> 评分及评论

  • 评分的字体硕大无比,是整个页面里最大的字体,个人感觉字体过大导致有点不美观了。不过这么大的字体,对于用户的下载也会有不小影响。注意在发布新版本的时候,可以选择对评分进行重置,但是不影响用户的评论。
  • 评论改为卡片式,可以横向拖动,默认加载6个评论。长按后可以对评论进行评价。
评分及评论
  • 如果评论内容过少,会出现一个大大的灰框,比较难看。但是这样系统设计的问题,就没办法规避了。


    评论内容过少

>>> 信息

  • “版本”、“更新日期”等信息已经被移动到其他地方去了,所以这里的内容得到了一定的简化。
信息

04 更新

  • 此版本的新增内容:只会显示2行21x2个字符;注意去掉“本次更新”这类没有具体作用的字眼;使用编号、列表、【】等增加文本的可读性;将文本控制在1行内,增强段落感。
更新

05 转化指标

在 iTunes Connect 中,定义了如下的指标:

  • 展示次数:您的 App 在 App Store 上显示的次数。
  • 产品页面查看次数:在 iOS 8 或 Apple TVOS 9 或更高版本的设备上查看您在 App Store 上的 App 页面的次数。
  • App 购买量:在 iOS 8 或 Apple TVOS 9 或更高版本的设备上的每次 App 购买。可以近似认为下载量。
iTunes Connect

以此可以计算3个自定义指标:

  • 点击率:= 产品页面查看次数 / 展示次数,可以反映产品ICON、名称、副标题的吸量能力。
  • 安装率:= App 购买量 / 产品页面查看次数,可以反映产品页面众多元素对于用户的吸引能力。
  • 转化率:= App 购买量 / 展示次数,综合的反映产品各个元素的展现质量。

对于直接跳转产品页面的访问(例如:广告),可能只有产品页面查看次数,而没有展示次数,但是没有数据来仔细确认。


06 部分游戏点评

>>> 王者荣耀
没有使用副标题,不过像王者荣耀这样的产品,感觉也没有必要使用了;“新功能”里前3行可以放上综述性的文言;“描述”里的空行可以去掉,以显示足够内容。

王者荣耀

>>> 梦幻西游
“新功能”里“【全新内容】”一行可以去掉;“描述”里的空行可以去掉,以显示第3行内容;另外个人觉得横版截图+横版预览视频,在产品页面会比较吃亏,直接展现的美术内容少,需要拖动较长距离才能看到全部内容。

梦幻西游

>>> 剑与家园
莉莉丝新产品,名称和副标题完美撑满画面;宣传图非常有吸引力,但是推荐的banner画风怎么感觉是另外一个游戏呢;“描述”里去掉不必要的空行。

剑与家园


07 部分 App 点评

>>> 简书:
"描述" 只有一句话了,空了一大块白的。建议目前内容精简成一行,然后去掉后面的空行,显示3行内容出来。

简书

>>> QQ
"描述" 这里是一块更大的白板。

QQ

>>> 爱奇艺
“新功能”可以精练一下,前3行改为综述性的文言,可读性会强很多;“描述”这里使用了对称句,1句1行,展现效果就很好。

爱奇艺

>>> 淘宝
语言,英语,orz!我们的简体中文呢?顺便提一下,App Store 里显示的语言,需要在 Xcode 工程里设置,iTunes Connect 里是没法改的。

淘宝

>>> 快手
必须5星好评!先人一步,开始使用副标题,整个标题区域非常清晰;新功能描述使用列表,语言精练,排版清晰;预览视频已经使用3段视频,看了前20家免费App,除了快手没人能做到,而且2个海报帧是一个组合,登场效果有点震撼!

快手

>>> 微信
(1/2):产品页面顶端放了一张灰暗的图片,有点压抑的感觉,建议能换张明快一点的图片;新功能里,去掉“本次更新”,因为内容本来就不多,可以直接放功能列表;预览视频是英文的,其他宣传图都是中文的,建议做下本地化,统一一下语言。

微信(1/2)

(2/2):宣传图中关于消息的那张,不太理解有什么作用,而且底部留了很大空白;“描述”中的文本突然换行了,建议中英文之间加一个空格。看了微信5张宣传图,有点不知所云,每张图用一个关键字来表示的话,那就是:美图、消息记录、发图片、群聊天、小程序,完全没有朋友圈和公众号的存在。只能默默的认为,大厂的高深设计,自己无法领悟……

微信(2/2)

总体而言,这次 App Store 变化不小,目前很多App还需要尽快优化产品页面,使得内容能更好的适应 iOS 11 上的显示,从而提高产品页面的下载转化率。


后续更新

>>> 2017年10月9日
最近看到 给应用商店页面做A/B测试的七种方法 一文,其中提到了产品页面对于转化率的具体影响,以及使用 A/B Test 进行改进的方法,非常值得参考

根据 StoreMaven 的数据显示:视频、截图和图标是最影响转化率的几个因素。StoreMaven 对不同的因素做了一个影响力分析,请见下图:


>>> 2017年10月10日
按照苹果官方文档 现已提供 App 下载大小 中描述,App 下载大小如果超过 150 MB 时,才需要连接 Wi-Fi 下载,之前为 100 MB,而且可以从 iTunes Connect 中查看 App 在 App Store 中文件大小。

现在您可以在 iTunes Connect 上查看您 App 的估计下载大小,即从 App Store 下载时您 App 压缩后的大小。如果下载大小超过 150 MB,则顾客必须连接 Wi-Fi 以下载您的 App。

若要查看您 App 的下载大小:

  1. 在首页上,点按“我的 App”,然后选择该 App。
  2. 在工具栏中,点按“活动”。
    3. 在“构建版本”列中,点按您想要查看的构建版本的 App 图标。
    4. 在“综合信息”下,点按“App Store 文件大小”。

请记住,只有安装大小(您的 App 在设备上占用的空间大小)会显示在您的 App Store 产品页上。


参考资料:

[1] 苹果官方:充分利用全新 App Store 中的产品页面。
[2] Apple: Making the most of your product page on the all-new App Store.
[3] 苹果发布官方说明:iOS 11 的标题、副标题、关键词要这样写
[4] iOS 11之后,游戏的 ASO 该何去何从?
[5] iOS 11 开发者需要知道的改变
[6] 别怕!教你适配 iPhone X的奇葩刘海和长脸
[7] 给应用商店页面做A/B测试的七种方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,198评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,663评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,985评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,673评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,994评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,399评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,717评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,407评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,112评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,371评论 2 241
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,891评论 1 256
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,255评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,881评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,010评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,764评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,412评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,299评论 2 260

推荐阅读更多精彩内容