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测试的七种方法