浅析 iOS 11 上 App Store 产品页面优化

2017-09-25 10:52:00

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行9×2个字符；
新增“副标题”显示在“名称”下方，最大显示2行13×2个字符，但是连同“名称”最大显示3行；
增加了一个分享按钮，方便和好友进行分享；
评分比之前显示尺寸要大，分类排名（下载）是这次新增，分级也被提前放到这里。因为这几项显示位置非常靠前，对于下载会带来不小影响，需要注意优化。

图标、名称、评分(1/2)

如果是“编辑精选”的产品，会有单独图标显示，而且评分这里显示也会略有不同。

图标、名称、评分(2/2)

新功能、描述（内容提要）、宣传文本

新功能（iOS 11之前：最新动态）、描述（iOS 11之前：内容提要）格式基本一致：上限为4000个字符，产品页面默认显示3行23×3个字符。
新功能显示的位置有点飘忽，多数产品在预览之前，但是也有不少产品出现在“评分及评论”之后（例如：剑与家园）。
新功能的文本在 iPad 上默认只显示2行。
因为默认显示行数减少，字数也减少，而且“更多”的提示被去掉了，所以文本内容必须精简，特别是默认显示的前几行，注意去掉“本次更新”这类没有具体作用的字眼。推荐的格式如下：

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

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

宣传文本

截图、预览、查看细节

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

王者荣耀

评分及评论

评分的字体硕大无比，是整个页面里最大的字体，个人感觉字体过大导致有点不美观了。不过这么大的字体，对于用户的下载也会有不小影响。注意在发布新版本的时候，可以选择对评分进行重置，但是不影响用户的评论。
评论改为卡片式，可以横向拖动，默认加载6个评论。长按后可以对评论进行评价。

评分及评论

如果评论内容过少，会出现一个大大的灰框，比较难看。但是这样系统设计的问题，就没办法规避了。
评分及评论

信息

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

信息

04 更新

此版本的新增内容：只会显示2行21×2个字符；注意去掉“本次更新”这类没有具体作用的字眼；使用编号、列表、【】等增加文本的可读性；将文本控制在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

“描述” 这里是一块更大的白板。

爱奇艺

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

爱奇艺

淘宝

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

淘宝

快手

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

快手

微信

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

微信（1/2）

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