iOS 11上App Store產(chǎn)品頁(yè)面到底發(fā)生了哪些變化？

9月20日，蘋果開始向中國(guó)推送 iOS 11 的正式版。個(gè)人對(duì)這個(gè)新系統(tǒng)已經(jīng)關(guān)注很久，迫不及待在第一時(shí)間就進(jìn)行了更新和體驗(yàn)，變化果然很大，體驗(yàn)越來(lái)越好。整個(gè)系統(tǒng)字體變得很大，感覺像老人機(jī) ??

App Store 是這次更新的一個(gè)重點(diǎn)，而產(chǎn)品頁(yè)面的每一個(gè)元素都會(huì)直接影響到產(chǎn)品的下載量，所以結(jié)合蘋果官方文檔和部分游戲和App產(chǎn)品的實(shí)際情況，我們來(lái)分析一下如何在 iOS 11 上進(jìn)行產(chǎn)品頁(yè)面的優(yōu)化，以便取得更好的用戶轉(zhuǎn)化率。

01 App Store 主要信息和重點(diǎn)說(shuō)明

注：以 iPhone 6 + iOS 11.0 進(jìn)行測(cè)試，其他配置可能會(huì)有不同結(jié)果。字符數(shù)量完全肉眼測(cè)試，邊界情況可能存在±1的誤差。

重點(diǎn)說(shuō)明：

• 名稱：注意長(zhǎng)度限制，現(xiàn)在改為30個(gè)字符，而且只能在新版本提交時(shí)進(jìn)行修改。
• 副標(biāo)題：新增字段，上限為30個(gè)字符，很多產(chǎn)品目前還沒有充分利用起來(lái)。
• 評(píng)分：以更加醒目的方式進(jìn)行顯示，對(duì)下載的影響更加明顯。發(fā)布版本時(shí)可以選擇重置評(píng)分，但不影響用戶評(píng)論。
• 三種描述文本：“此版本的新增內(nèi)容”、“宣傳文本”+“描述”，行數(shù)分別被壓縮為3行，而且沒有“更多”的提示信息，所以文本需要更加精煉。“宣傳文本”是新增字段，顯示在“描述”上方，上限為170個(gè)字符，注意和“描述”之間會(huì)有一個(gè)空行，文本可以隨時(shí)進(jìn)行更新。
• 預(yù)覽/查看細(xì)節(jié)：預(yù)覽視頻增加為3個(gè)，WiFi情況下會(huì)自動(dòng)靜音播放。另外如果是豎版截圖+橫版預(yù)覽視頻這樣組合的話（如：王者榮耀），產(chǎn)品頁(yè)面會(huì)增加一個(gè)欄目“查看細(xì)節(jié)”來(lái)放置預(yù)覽視頻。

02 搜索結(jié)果

• 名稱：最大顯示1行9個(gè)字符，把重要信息顯示在最前面；
• 副標(biāo)題：最大顯示1行13個(gè)字符，如果沒有填寫，會(huì)默認(rèn)顯示產(chǎn)品分類；這個(gè)字段需要充分利用起來(lái)，把名稱中過(guò)長(zhǎng)的信息轉(zhuǎn)移到副標(biāo)題中。
• 屏幕快照/預(yù)覽：豎版截圖+豎版預(yù)覽視頻時(shí)，會(huì)顯示3幅畫面，可以考慮做3幅圖的組合效果；如果有預(yù)覽視頻，WiFi情況下會(huì)自動(dòng)靜音播放。

僵尸榨汁機(jī)：豎版截圖

• 橫版截圖+橫版預(yù)覽視頻：搜索結(jié)果中只會(huì)顯示1幅畫面。如果沒有視頻，展示內(nèi)容會(huì)比較少。

夢(mèng)幻西游：橫版截圖+橫版預(yù)覽視頻

• 豎版截圖+橫版預(yù)覽視頻：這個(gè)組合比較特殊，在搜索結(jié)果里，會(huì)展示3幅截圖，不顯示視頻。在產(chǎn)品頁(yè)面會(huì)增加一個(gè)欄目“查看細(xì)節(jié)”來(lái)放置預(yù)覽視頻。

王者榮耀：豎版截圖+橫版預(yù)覽視頻

• 橫版截圖+豎版預(yù)覽視頻：這種組合比較奇葩，目前還沒有找到類似的例子可以參考，估計(jì)也會(huì)有“查看細(xì)節(jié)”。

03 產(chǎn)品頁(yè)面

圖標(biāo)、名稱、評(píng)分

• “名稱”最大顯示2行9×2個(gè)字符；
• 新增“副標(biāo)題”顯示在“名稱”下方，最大顯示2行13×2個(gè)字符，但是連同“名稱”最大顯示3行；
• 增加了一個(gè)分享按鈕，方便和好友進(jìn)行分享；
• 評(píng)分比之前顯示尺寸要大，分類排名（下載）是這次新增，分級(jí)也被提前放到這里。因?yàn)檫@幾項(xiàng)顯示位置非常靠前，對(duì)于下載會(huì)帶來(lái)不小影響，需要注意優(yōu)化。

圖標(biāo)、名稱、評(píng)分(1/2)

• 如果是“編輯精選”的產(chǎn)品，會(huì)有單獨(dú)圖標(biāo)顯示，而且評(píng)分這里顯示也會(huì)略有不同。

圖標(biāo)、名稱、評(píng)分(2/2)

新功能、描述（內(nèi)容提要）、宣傳文本

• 新功能（iOS 11之前：最新動(dòng)態(tài)）、描述（iOS 11之前：內(nèi)容提要）格式基本一致：上限為4000個(gè)字符，產(chǎn)品頁(yè)面默認(rèn)顯示3行23×3個(gè)字符。
• 新功能顯示的位置有點(diǎn)飄忽，多數(shù)產(chǎn)品在預(yù)覽之前，但是也有不少產(chǎn)品出現(xiàn)在“評(píng)分及評(píng)論”之后（例如：劍與家園）。
• 新功能的文本在 iPad 上默認(rèn)只顯示2行。
• 因?yàn)槟J(rèn)顯示行數(shù)減少，字?jǐn)?shù)也減少，而且“更多”的提示被去掉了，所以文本內(nèi)容必須精簡(jiǎn)，特別是默認(rèn)顯示的前幾行，注意去掉“本次更新”這類沒有具體作用的字眼。推薦的格式如下：

【關(guān)鍵詞】第1行，作為總起，最多23個(gè)字符
【關(guān)鍵詞】第2行，綜述性內(nèi)容，文本要精煉
【關(guān)鍵詞】第3行，iOS 11 默認(rèn)顯示前3行
（第4行，考慮空一行，注意會(huì)在iOS 11之前版本顯示）
第5行，具體描述的內(nèi)容，注意會(huì)在iOS 11之前版本顯示
第6行，注意段落和可讀性，這里開始必須展開才會(huì)顯示
第7行……

• 宣傳文本是新增字段，上限為170個(gè)字符，顯示在“描述”頂部，如下圖的第一行。注意宣傳文本之后會(huì)默認(rèn)增加一行空行，為了增加默認(rèn)顯示的信息，所以要使用的話直接使用3行。

宣傳文本

截圖、預(yù)覽、查看細(xì)節(jié)

• 截圖，豎屏截圖比原先顯示略大，截圖自動(dòng)變成圓角，其他沒有明顯變化。
• 預(yù)覽視頻，現(xiàn)在可以上傳3段視頻了。蘋果重視更加直觀的內(nèi)容展現(xiàn)方式，在以往蘋果推薦中，也出現(xiàn)過(guò)全部呈現(xiàn)視頻的推薦欄目。
• 查看細(xì)節(jié)，只出現(xiàn)在豎版截圖+橫版預(yù)覽視頻時(shí)，會(huì)將預(yù)覽視頻單獨(dú)放在查看細(xì)節(jié)中。這種情況下，對(duì)于美術(shù)資源的展示最為充足，但是在搜索結(jié)果中不會(huì)出現(xiàn)預(yù)覽視頻，利弊可以自行權(quán)衡。典型代表：王者榮耀。

王者榮耀

評(píng)分及評(píng)論

• 評(píng)分的字體碩大無(wú)比，是整個(gè)頁(yè)面里最大的字體，個(gè)人感覺字體過(guò)大導(dǎo)致有點(diǎn)不美觀了。不過(guò)這么大的字體，對(duì)于用戶的下載也會(huì)有不小影響。注意在發(fā)布新版本的時(shí)候，可以選擇對(duì)評(píng)分進(jìn)行重置，但是不影響用戶的評(píng)論。
• 評(píng)論改為卡片式，可以橫向拖動(dòng)，默認(rèn)加載6個(gè)評(píng)論。長(zhǎng)按后可以對(duì)評(píng)論進(jìn)行評(píng)價(jià)。

評(píng)分及評(píng)論

• 如果評(píng)論內(nèi)容過(guò)少，會(huì)出現(xiàn)一個(gè)大大的灰框，比較難看。但是這樣系統(tǒng)設(shè)計(jì)的問(wèn)題，就沒辦法規(guī)避了。

  評(píng)分及評(píng)論

信息

• “版本”、“更新日期”等信息已經(jīng)被移動(dòng)到其他地方去了，所以這里的內(nèi)容得到了一定的簡(jiǎn)化。

信息

04 更新

• 此版本的新增內(nèi)容：只會(huì)顯示2行21×2個(gè)字符；注意去掉“本次更新”這類沒有具體作用的字眼；使用編號(hào)、列表、【】等增加文本的可讀性；將文本控制在1行內(nèi)，增強(qiáng)段落感。

更新

05 轉(zhuǎn)化指標(biāo)

在 iTunes Connect 中，定義了如下的指標(biāo)：

• 展示次數(shù)：您的 App 在 App Store 上顯示的次數(shù)。
• 產(chǎn)品頁(yè)面查看次數(shù)：在 iOS 8 或 Apple TVOS 9 或更高版本的設(shè)備上查看您在 App Store 上的 App 頁(yè)面的次數(shù)。
• App 購(gòu)買量：在 iOS 8 或 Apple TVOS 9 或更高版本的設(shè)備上的每次 App 購(gòu)買?？梢越普J(rèn)為下載量。

iTunes Connect

以此可以計(jì)算3個(gè)自定義指標(biāo)：

• 點(diǎn)擊率：= 產(chǎn)品頁(yè)面查看次數(shù) / 展示次數(shù)，可以反映產(chǎn)品ICON、名稱、副標(biāo)題的吸量能力。
• 安裝率：= App 購(gòu)買量 / 產(chǎn)品頁(yè)面查看次數(shù)，可以反映產(chǎn)品頁(yè)面眾多元素對(duì)于用戶的吸引能力。
• 轉(zhuǎn)化率：= App 購(gòu)買量 / 展示次數(shù)，綜合的反映產(chǎn)品各個(gè)元素的展現(xiàn)質(zhì)量。

對(duì)于直接跳轉(zhuǎn)產(chǎn)品頁(yè)面的訪問(wèn)（例如：廣告），可能只有產(chǎn)品頁(yè)面查看次數(shù)，而沒有展示次數(shù)，但是沒有數(shù)據(jù)來(lái)仔細(xì)確認(rèn)。

06 部分游戲點(diǎn)評(píng)

王者榮耀

沒有使用副標(biāo)題，不過(guò)像王者榮耀這樣的產(chǎn)品，感覺也沒有必要使用了；“新功能”里前3行可以放上綜述性的文言；“描述”里的空行可以去掉，以顯示足夠內(nèi)容。

王者榮耀

夢(mèng)幻西游

“新功能”里“【全新內(nèi)容】”一行可以去掉；“描述”里的空行可以去掉，以顯示第3行內(nèi)容；另外個(gè)人覺得橫版截圖+橫版預(yù)覽視頻，在產(chǎn)品頁(yè)面會(huì)比較吃虧，直接展現(xiàn)的美術(shù)內(nèi)容少，需要拖動(dòng)較長(zhǎng)距離才能看到全部?jī)?nèi)容。

夢(mèng)幻西游

劍與家園

莉莉絲新產(chǎn)品，名稱和副標(biāo)題完美撐滿畫面；宣傳圖非常有吸引力，但是推薦的banner畫風(fēng)怎么感覺是另外一個(gè)游戲呢；“描述”里去掉不必要的空行。

劍與家園

07 部分 App 點(diǎn)評(píng)

簡(jiǎn)書：

“描述” 只有一句話了，空了一大塊白的。建議目前內(nèi)容精簡(jiǎn)成一行，然后去掉后面的空行，顯示3行內(nèi)容出來(lái)。

簡(jiǎn)書

QQ

“描述” 這里是一塊更大的白板。

QQ

愛奇藝

“新功能”可以精練一下，前3行改為綜述性的文言，可讀性會(huì)強(qiáng)很多；“描述”這里使用了對(duì)稱句，1句1行，展現(xiàn)效果就很好。

愛奇藝

?淘寶

語(yǔ)言，英語(yǔ)，orz！我們的簡(jiǎn)體中文呢？順便提一下，App Store 里顯示的語(yǔ)言，需要在 Xcode 工程里設(shè)置，iTunes Connect 里是沒法改的。

淘寶

快手

必須5星好評(píng)！先人一步，開始使用副標(biāo)題，整個(gè)標(biāo)題區(qū)域非常清晰；新功能描述使用列表，語(yǔ)言精練，排版清晰；預(yù)覽視頻已經(jīng)使用3段視頻，看了前20家免費(fèi)App，除了快手沒人能做到，而且2個(gè)海報(bào)幀是一個(gè)組合，登場(chǎng)效果有點(diǎn)震撼！

快手

?微信

（1/2）：產(chǎn)品頁(yè)面頂端放了一張灰暗的圖片，有點(diǎn)壓抑的感覺，建議能換張明快一點(diǎn)的圖片；新功能里，去掉“本次更新”，因?yàn)閮?nèi)容本來(lái)就不多，可以直接放功能列表；預(yù)覽視頻是英文的，其他宣傳圖都是中文的，建議做下本地化，統(tǒng)一一下語(yǔ)言。

微信（1/2）

（2/2）：宣傳圖中關(guān)于消息的那張，不太理解有什么作用，而且底部留了很大空白；“描述”中的文本突然換行了，建議中英文之間加一個(gè)空格?？戳宋⑿?張宣傳圖，有點(diǎn)不知所云，每張圖用一個(gè)關(guān)鍵字來(lái)表示的話，那就是：美圖、消息記錄、發(fā)圖片、群聊天、小程序，完全沒有朋友圈和公眾號(hào)的存在。只能默默的認(rèn)為，大廠的高深設(shè)計(jì)，自己無(wú)法領(lǐng)悟……

微信（2/2）

總體而言，這次 App Store 變化不小，目前很多App還需要盡快優(yōu)化產(chǎn)品頁(yè)面，使得內(nèi)容能更好的適應(yīng) iOS 11 上的顯示，從而提高產(chǎn)品頁(yè)面的下載轉(zhuǎn)化率。

本文由 @Frank 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自PEXELS，基于CC0協(xié)議