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行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測試的七種方法

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,002評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,400評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,136評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,714評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,452評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,818評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,812評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,997評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,552評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,292評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,510評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,035評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,721評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,121評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,429評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,235評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,480評論 2 379

推薦閱讀更多精彩內容