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行;
- 增加了一個分享按鈕,方便和好友進行分享;
- 評分比之前顯示尺寸要大,分類排名(下載)是這次新增,分級也被提前放到這里。因為這幾項顯示位置非常靠前,對于下載會帶來不小影響,需要注意優化。
- 如果是“編輯精選”的產品,會有單獨圖標顯示,而且評分這里顯示也會略有不同。
>>> 新功能、描述(內容提要)、宣傳文本
- 新功能(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 購買。可以近似認為下載量。
以此可以計算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):產品頁面頂端放了一張灰暗的圖片,有點壓抑的感覺,建議能換張明快一點的圖片;新功能里,去掉“本次更新”,因為內容本來就不多,可以直接放功能列表;預覽視頻是英文的,其他宣傳圖都是中文的,建議做下本地化,統一一下語言。
(2/2):宣傳圖中關于消息的那張,不太理解有什么作用,而且底部留了很大空白;“描述”中的文本突然換行了,建議中英文之間加一個空格。看了微信5張宣傳圖,有點不知所云,每張圖用一個關鍵字來表示的話,那就是:美圖、消息記錄、發圖片、群聊天、小程序,完全沒有朋友圈和公眾號的存在。只能默默的認為,大廠的高深設計,自己無法領悟……
總體而言,這次 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 的下載大小:
- 在首頁上,點按“我的 App”,然后選擇該 App。
- 在工具欄中,點按“活動”。
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測試的七種方法