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 張宣傳圖，有點不知所雲，每張圖用一個關鍵字來表示的話，那就是：美圖、消息記錄、發圖片、群聊天、小程序，完全沒有朋友圈和公眾號的存在。隻能默默的認為，大廠的高深設計，自己無法領悟 ……
微信（2/2）
總體而言，這次 App Store 變化不小，目前很多 App 還需要盡快優化產品頁面，使得內容能更好的適應 iOS 11 上的顯示，從而提高產品頁面的下載轉化率。
本文由 @Frank 原創發佈於人人都是產品經理。未經許可，禁止轉載。
題圖來自 PEXELS，基於 CC0 協議
