應用商店內產品螢幕截圖的10個優化思路

應用截圖是應用商店中最大的視覺元素，能夠吸引使用者很多的注意力，並且給使用者留下第一印象。截圖做得好，可以有效提升觀看體驗以及轉化率，如果做得不好就會取得反效果。這個問題，實際上可以通過一些優化的思路來解決。

思路1：製作可視教程

如果使用者看到截圖卻無法理解其中的內容，那麼截圖就起不到提升轉化的作用，問題是缺少解釋性資訊。可以進行稍微的調整，比如提供一個教程來幫助使用者瞭解螢幕截圖展示的內容：

通過手指或者手的圖示，可以演示點選或滑動動作，並告知使用者如何使用圖片所展現的功能。《WordWhizzle》的開發者就通過這樣的方式告訴了使用者如何進行遊戲。


也可以在截圖中展示應用在現實生活中所產生的效果，如下圖，就演示了Google Translate應用如何幫助使用者翻譯路牌。


又如下圖，通過對使用者玩遊戲時開心狀態的刻畫，告知使用者在《Heads Up》中將獲得類似的樂趣。


思路2：將使用者的注意力引導至正確位置

有些截圖包含了太多資訊和內容，令人不知所措，並影響到使用者對相關細節的認知。為了避免這種情況，請將使用者的注意力吸引到正確的地方。你可以選用不同的措施來做到這一點：

只展示部分螢幕裡的重點內容。通過資訊量的縮減，既減少了對使用者注意力的分散，又擴大了重點部分，讓使用者更清楚地看到。DAZA就通過對直播視訊流執行的重點展示，強調了其直播功能。


流媒體應用Deezer則是通過將“下載按鈕”彈出和放大來強調其離線收聽音樂的功能。


思路3：活用文字

使用者從文字中發現了他想要的東西時，更可能去進行下載，尤其是在搜尋特定關鍵字並發現了截圖中的文字內容符合其預期的情況下。可以嘗試將拓詞結果應用到螢幕截圖的文字中。

某些情況下，文字結合小圖示的效果更好。下圖以Takeaway.com為例。


思路4：要讓人看得清

字型太小或者對比度不好，使用者就很難看清。所以每張截圖的字元最好限制在4-5個，有時為了適配較長內容的文字，必須縮小字型，就會產生看不清的問題，尤其是當蘋果使用者在搜尋結果頁中看到截圖時。

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


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


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


思路5：給截圖做“美顏”

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

不同顏色的簡單設計圖案比單色背景要好，也可以使用照片。照片不僅看起來更有趣，也可以與截圖相關聯，因為它與所呈現的功能或你應用的總體目標相匹配。

下面Google Earth的截圖，在裝置螢幕和背景圖片上顯示了艾菲爾鐵塔。為確保背景不會過多分散使用者注意力，對照片進行了模糊處理。


思路6：利用品牌效應

應用商店的螢幕截圖也可以提高人們對你品牌的認知度，即使他們沒有立即下載你的應用，瞭解你產品和質量的人也可能會記住它並在可能產生下載啟用。

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

統一icon與截圖的配色方案。

將應用或者公司的logo作為角標新增。


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


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


思路7：用截圖講故事

截圖不是割裂的而是一個整體，通過圖集講述一個故事，比一組獨立的螢幕截圖更具說服力。

如Uber Eats，他們的截圖覆蓋了使用者從瀏覽餐廳到用餐的整個過程裡的每一步，大多數遊戲和應用都可以使用類似方法。


思路8：展示多個螢幕

在一張截圖中包含多個螢幕內容，是適合一部分應用的辦法。例如Bumble的一張截圖，顯示了兩部不同使用者的手機，以闡述“社交、約會”這一目的，這種辦法可以強調產品的社交功能。


思路9：化零為整

使用很簡單的設計，就可以將多張截圖統一在一套設計思路之下，如Soundcloud。


也可以像麥當勞一樣。


思路10：新增優惠資訊

除了介紹產品功能和內容以外，截圖中也可以包含一些促銷和優惠資訊，這些內容在應用商店搜尋結果頁中得到展示，將會獲得比較好的效果。如Mollie Makes的這種方式。

結論

以上方法並不一定適用於所有產品，例如金融類產品最好不要使用色彩特別豐富的背景。當然也無需過分注重這些設計方法，它的最終目的是服務於體驗的改善，但它並不應該成為使用者關注的重點。

作者：量仔  
來源：量江湖
原地址：https://mp.weixin.qq.com/s/fq5g6ZNbkLHiPDJ5LvzwTw