App Annie：應(yīng)用商店優(yōu)化 (ASO) 如何制作優(yōu)秀截屏

應(yīng)用商店優(yōu)化(ASO)是門(mén)學(xué)問(wèn)，其核心是通過(guò)快速簡(jiǎn)潔地展示應(yīng)用功能，來(lái)提高應(yīng)用的安裝量。本指南旨在介紹一些熱門(mén)應(yīng)用和行業(yè)專(zhuān)家推崇的截屏優(yōu)化技巧，幫助您設(shè)計(jì)出效果最出色的截屏。

之前我們介紹了如何選擇應(yīng)用商店優(yōu)化最佳關(guān)鍵詞和設(shè)計(jì)應(yīng)用圖標(biāo)，通過(guò)這兩種方式來(lái)吸引用戶(hù)安裝應(yīng)用，并提供獨(dú)一無(wú)二的使用體驗(yàn)。還介紹了如何通過(guò)A/B測(cè)試優(yōu)化圖標(biāo)。在本博文中，我們將介紹用戶(hù)喜歡什么樣的應(yīng)用頁(yè)面截圖。

制作能讓用戶(hù)“不裝不行”的截屏

如果說(shuō)圖標(biāo)展示的是應(yīng)用的質(zhì)量和大致功能，那么截屏和視頻則能明確展示應(yīng)用的功能。優(yōu)秀的截屏可以體現(xiàn)出應(yīng)用獨(dú)特的價(jià)值和主要賣(mài)點(diǎn)。至于如何制作截屏，則因應(yīng)用類(lèi)型而異。

優(yōu)化對(duì)象：游戲

《憤怒的小鳥(niǎo)2(Angry Birds 2)》（iPhone版）的截屏很好地展示了游戲的玩法和畫(huà)面，沒(méi)有浪費(fèi)空間來(lái)展示如何發(fā)射小鳥(niǎo)。

游戲截屏需要展示游戲的趣味玩法和高質(zhì)量的畫(huà)面效果，讓潛在用戶(hù)眼前一亮?！稇嵟男▲B(niǎo)2》就是一個(gè)很好的例子，截屏重點(diǎn)展示了前作《憤怒的小鳥(niǎo)(Angry Birds)》風(fēng)靡全球的生動(dòng)角色和基于物理碰撞的玩法。Rovio設(shè)計(jì)師們的另一個(gè)獨(dú)到之處是在截屏的左上和右下角放上了游戲的一些主要優(yōu)點(diǎn)（如“多階段關(guān)卡”）。

優(yōu)化對(duì)象：應(yīng)用

Shopkick（iOS版）究竟是如何吸引用戶(hù)的，讓我們來(lái)看一下。

對(duì)于非游戲類(lèi)應(yīng)用來(lái)說(shuō)，截屏要讓用戶(hù)了解應(yīng)用的功能。Shopkick就是一個(gè)很好的例子。首先，它利用第一張截屏牢牢吸引住用戶(hù)（除了使用知名的Target品牌外，還展示了“免費(fèi)”禮品卡——誰(shuí)不喜歡免費(fèi)的東西？），接下來(lái)的幾張截屏說(shuō)明了如何獲得這些獎(jiǎng)勵(lì)。

為不同市場(chǎng)優(yōu)化截屏

不同的市場(chǎng)需要制作不同的截屏。Shopkick的方法在美國(guó)也許可以大獲成功，但在日本卻未必可行。

Ticket Camp使用包含動(dòng)漫角色的截屏來(lái)吸引日本用戶(hù)。

正如我們?cè)贔acebook移動(dòng)應(yīng)用營(yíng)銷(xiāo)指南中所說(shuō)，亞洲國(guó)家的用戶(hù)非常喜歡漫畫(huà)和動(dòng)漫風(fēng)格的角色。Ticket Camp是遵循這一設(shè)計(jì)原則的典范。由Wooga開(kāi)發(fā)的《Jelly Splash》則是根據(jù)不同文化使用不同截屏的一個(gè)好例子。

吸引用戶(hù)：最佳方法

用戶(hù)的選擇非常多。每個(gè)應(yīng)用只有1到3秒的時(shí)間來(lái)抓住他們的注意力（行業(yè)專(zhuān)家稱(chēng)之為“3秒規(guī)則”）。要讓盡可能多的用戶(hù)決定安裝您的應(yīng)用，需要遵循幾個(gè)基本原則。

《笨拙的忍者(Clumsy Ninja)》（Google Play上）選擇主打趣味視頻以吸引Android用戶(hù)。

您應(yīng)該主推至少一段高清宣傳視頻。視頻應(yīng)盡量簡(jiǎn)短——最理想的長(zhǎng)度是15到30秒。根據(jù)經(jīng)驗(yàn)，宣傳視頻的長(zhǎng)度最好比通過(guò)4G網(wǎng)絡(luò)下載應(yīng)用所用時(shí)間的一半要短。

Android平臺(tái)上的宣傳視頻更加重要，因?yàn)樾麄饕曨l會(huì)出現(xiàn)在Google Play商店頁(yè)面的最上方?！侗孔镜娜陶摺吠ㄟ^(guò)引人入勝的視頻充分利用了商店頂部的視頻空間。

第一張截屏一定要選擇非獎(jiǎng)勵(lì)性流量轉(zhuǎn)化率最高的那一張。這可能需要進(jìn)行一些A/B測(cè)試，我們將在下一篇博客中介紹測(cè)試方法。

如何制作優(yōu)秀的截屏

提供簡(jiǎn)潔、可擴(kuò)展（尺寸自動(dòng)調(diào)整）的截屏非常重要，因?yàn)橛脩?hù)會(huì)在臺(tái)式電腦、筆記本電腦、手機(jī)和平板電腦等各種設(shè)備上瀏覽截屏。此外還需要考慮文件格式——如果要將截屏放到Google Play和iOS應(yīng)用商店上，需要把文件格式設(shè)為JPEG或PNG。

如果您是第一次制作應(yīng)用商店截屏或需要制作新項(xiàng)目的截屏，可以使用AppIconTemplate.com上超棒的iOS和Android截屏PSD模板。

Tinder（iPhone版）使用一些文字和層次化的視覺(jué)效果來(lái)展示應(yīng)用的核心價(jià)值。

總體而言，文字應(yīng)當(dāng)保持簡(jiǎn)短，用于營(yíng)造視覺(jué)效果。意思是正文文字最好使用65pt大小，標(biāo)題文字使用100pt?？傮w來(lái)說(shuō)，我們是要通過(guò)文字來(lái)強(qiáng)化應(yīng)用的視覺(jué)宣傳效果，而不是完全依賴(lài)文字。Tinder使用的就是我們推薦的方法。

截屏應(yīng)當(dāng)具有層次感，最重要的是展示應(yīng)用的核心功能和獨(dú)特賣(mài)點(diǎn)。這樣，用戶(hù)就能迅速了解應(yīng)用的優(yōu)勢(shì)及與同類(lèi)應(yīng)用的區(qū)別。以Tinder為例，用戶(hù)會(huì)很快了解到，這款應(yīng)用可以顯示附近的人，用戶(hù)可以方便地選擇“喜歡”或者“跳過(guò)”，并且還展示了與人配對(duì)時(shí)的樣子。這讓這款應(yīng)用在約會(huì)軟件中脫穎而出。

最后，要確保截屏的外觀和風(fēng)格與應(yīng)用UI/UX保持一致。否則，用戶(hù)打開(kāi)應(yīng)用時(shí)會(huì)感到迷惑，這可能會(huì)導(dǎo)致用戶(hù)流失。

總結(jié)

截屏設(shè)計(jì)不能讓人感到迷惑。參考本指南將有助于您進(jìn)行截屏設(shè)計(jì)。請(qǐng)謹(jǐn)記：

不同游戲和應(yīng)用（還有市場(chǎng)）的設(shè)計(jì)原則不盡相同

通過(guò)截屏抓住用戶(hù)注意力的時(shí)間只有3秒鐘

不要低估應(yīng)用宣傳視頻的重要性

設(shè)計(jì)與非設(shè)計(jì)人員均可利用模板來(lái)加快設(shè)計(jì)速度，但應(yīng)遵循設(shè)計(jì)規(guī)范和最佳實(shí)踐經(jīng)驗(yàn)。