應(yīng)用商店內(nèi)產(chǎn)品屏幕截圖的10個(gè)優(yōu)化思路

應(yīng)用截圖是應(yīng)用商店中最大的視覺元素，能夠吸引用戶很多的注意力，并且給用戶留下第一印象。截圖做得好，可以有效提升觀看體驗(yàn)以及轉(zhuǎn)化率，如果做得不好就會(huì)取得反效果。這個(gè)問題，實(shí)際上可以通過一些優(yōu)化的思路來解決。

如果用戶看到截圖卻無法理解其中的內(nèi)容，那么截圖就起不到提升轉(zhuǎn)化的作用，問題是缺少解釋性信息?？梢赃M(jìn)行稍微的調(diào)整，比如提供一個(gè)教程來幫助用戶了解屏幕截圖展示的內(nèi)容：

通過手指或者手的圖標(biāo)，可以演示點(diǎn)擊或滑動(dòng)動(dòng)作，并告知用戶如何使用圖片所展現(xiàn)的功能。《WordWhizzle》的開發(fā)者就通過這樣的方式告訴了用戶如何進(jìn)行游戲。

也可以在截圖中展示應(yīng)用在現(xiàn)實(shí)生活中所產(chǎn)生的效果，如下圖，就演示了Google Translate應(yīng)用如何幫助用戶翻譯路牌。

又如下圖，通過對用戶玩游戲時(shí)開心狀態(tài)的刻畫，告知用戶在《Heads Up》中將獲得類似的樂趣。

有些截圖包含了太多信息和內(nèi)容，令人不知所措，并影響到用戶對相關(guān)細(xì)節(jié)的認(rèn)知。為了避免這種情況，請將用戶的注意力吸引到正確的地方。你可以選用不同的措施來做到這一點(diǎn)：

只展示部分屏幕里的重點(diǎn)內(nèi)容。通過信息量的縮減，既減少了對用戶注意力的分散，又?jǐn)U大了重點(diǎn)部分，讓用戶更清楚地看到。DAZA就通過對直播視頻流運(yùn)行的重點(diǎn)展示，強(qiáng)調(diào)了其直播功能。

流媒體應(yīng)用Deezer則是通過將“下載按鈕”彈出和放大來強(qiáng)調(diào)其離線收聽音樂的功能。

用戶從文本中發(fā)現(xiàn)了他想要的東西時(shí)，更可能去進(jìn)行下載，尤其是在搜索特定關(guān)鍵字并發(fā)現(xiàn)了截圖中的文本內(nèi)容符合其預(yù)期的情況下?？梢試L試將拓詞結(jié)果應(yīng)用到屏幕截圖的文本中。

某些情況下，文本結(jié)合小圖標(biāo)的效果更好。下圖以Takeaway.com為例。

字體太小或者對比度不好，用戶就很難看清。所以每張截圖的字符最好限制在4-5個(gè)，有時(shí)為了適配較長內(nèi)容的文本，必須縮小字體，就會(huì)產(chǎn)生看不清的問題，尤其是當(dāng)蘋果用戶在搜索結(jié)果頁中看到截圖時(shí)。

下圖中的South Western Railway就是一個(gè)反面案例。

另外需要注意的是，標(biāo)題和背景圖片不要使用相近的顏色。如下圖的“Train Anywhere”。

通過為文本和標(biāo)題加上輪廓或者新的圖層，可以解決一部分問題。如下Ab Workout Trainer HD的截圖。

在單色背景上顯示屏幕截圖難免有些單調(diào)。為了讓截圖更加有趣和美觀，可以使用背景圖。

不同顏色的簡單設(shè)計(jì)圖案比單色背景要好，也可以使用照片。照片不僅看起來更有趣，也可以與截圖相關(guān)聯(lián)，因?yàn)樗c所呈現(xiàn)的功能或你應(yīng)用的總體目標(biāo)相匹配。

下面Google Earth的截圖，在設(shè)備屏幕和背景圖片上顯示了埃菲爾鐵塔。為確保背景不會(huì)過多分散用戶注意力，對照片進(jìn)行了模糊處理。

應(yīng)用商店的屏幕截圖也可以提高人們對你品牌的認(rèn)知度，即使他們沒有立即下載你的應(yīng)用，了解你產(chǎn)品和質(zhì)量的人也可能會(huì)記住它并在可能產(chǎn)生下載激活。

要加深這種效果，你可以使用以下幾種選擇：

統(tǒng)一icon與截圖的配色方案。

將應(yīng)用或者公司的logo作為角標(biāo)添加。

如果你有高辨識度的角色形象，也可以在截圖中使用，例如《Doodle Jump》中的“涂鴉者”角色。

也可以使用代言人，例如足球模擬游戲《Top Eleven》的大部分截圖中都會(huì)使用其代言人穆里尼奧。

截圖不是割裂的而是一個(gè)整體，通過圖集講述一個(gè)故事，比一組獨(dú)立的屏幕截圖更具說服力。

如Uber Eats，他們的截圖覆蓋了用戶從瀏覽餐廳到用餐的整個(gè)過程里的每一步，大多數(shù)游戲和應(yīng)用都可以使用類似方法。

在一張截圖中包含多個(gè)屏幕內(nèi)容，是適合一部分應(yīng)用的辦法。例如Bumble的一張截圖，顯示了兩部不同用戶的手機(jī)，以闡述“社交、約會(huì)”這一目的，這種辦法可以強(qiáng)調(diào)產(chǎn)品的社交功能。

使用很簡單的設(shè)計(jì)，就可以將多張截圖統(tǒng)一在一套設(shè)計(jì)思路之下，如Soundcloud。

也可以像麥當(dāng)勞一樣。

除了介紹產(chǎn)品功能和內(nèi)容以外，截圖中也可以包含一些促銷和優(yōu)惠信息，這些內(nèi)容在應(yīng)用商店搜索結(jié)果頁中得到展示，將會(huì)獲得比較好的效果。如Mollie Makes的這種方式。

以上方法并不一定適用于所有產(chǎn)品，例如金融類產(chǎn)品最好不要使用色彩特別豐富的背景。當(dāng)然也無需過分注重這些設(shè)計(jì)方法，它的最終目的是服務(wù)于體驗(yàn)的改善，但它并不應(yīng)該成為用戶關(guān)注的重點(diǎn)。