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行內容出來。
簡書
“描述” 這裏是一塊更大的白板。
愛奇藝
“新功能”可以精練一下，前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協議
Tags: 產品 文本 進行 字符 描述 頁面
文章來源：