應(yīng)用類產(chǎn)品迅猛而持續(xù)的發(fā)展趨勢(shì)無(wú)需多言，當(dāng)人們需要一款軟件時(shí)，無(wú)論是用在iPhone、安卓，還是在MacBook上，他們通常都會(huì)面對(duì)非常多的選擇。應(yīng)用在讓人們的生活變的更輕松的同時(shí)，也越來越容易被創(chuàng)建。

要打造一款成功的應(yīng)用，你需要做的再也不只限于產(chǎn)品自身的設(shè)計(jì)與開發(fā)，營(yíng)銷推廣方面的工作同樣是非常重要的，其中最典型的做法就是創(chuàng)建產(chǎn)品推廣頁(yè)面或minisite，向人們介紹你的產(chǎn)品。曾幾何時(shí)，所謂的“介紹”就是告訴人們這個(gè)產(chǎn)品是個(gè)什么東西，你為什么需要它，等等等等，和其他傳統(tǒng)行業(yè)的產(chǎn)品介紹網(wǎng)站沒有多大區(qū)別。不過在我(英文原文作者)看來，這里還是有些很關(guān)鍵的區(qū)別和技巧的。本文中，我將和大家分享五點(diǎn)應(yīng)用推廣頁(yè)的最佳設(shè)計(jì)實(shí)踐，以及若干非常不錯(cuò)的設(shè)計(jì)范例。

1.別只依賴截屏，要展示人們?cè)鯓邮褂卯a(chǎn)品

確實(shí)，在應(yīng)用推廣頁(yè)面中使用實(shí)際界面截圖是很流行的做法，畢竟人們?cè)谙螺d之前希望看到它的具體情況，包括長(zhǎng)的什么樣子，以及在實(shí)際當(dāng)中是怎樣工作的。

問題在于，這些圖片即使再漂亮，也只能展示界面的面貌，有時(shí)它們?nèi)菀捉o人們留下太多的想象空間。如果條件允許，不要只依賴這些截屏，試著搭配一些真實(shí)的人使用該產(chǎn)品時(shí)的圖片。

舉個(gè)栗子，除了游戲之外，應(yīng)用產(chǎn)品通常都是用來解決實(shí)際生活中的各種問題的。所以，與其單純的展示界面，不如嘗試展示用戶在典型情境中使用應(yīng)用的樣子，讓訪問著了解你的產(chǎn)品是在怎樣的環(huán)境中如何幫人們更加輕松的解決問題的。如果你宣稱自己的產(chǎn)品可以幫助人們找到附近最棒的餐館，不妨通過一系列圖片展示一個(gè)典型而完整的用例，讓人們一下子就能了解你的產(chǎn)品能夠切實(shí)幫他們解決怎樣的實(shí)際問題。

2.像產(chǎn)品著陸頁(yè)那樣，在折線以上明示“行為召喚”

設(shè)計(jì)良好的著陸頁(yè)(landing page)在傳達(dá)信息和提升轉(zhuǎn)化率方面是很有效的。著陸頁(yè)一方面會(huì)向目標(biāo)用戶傳達(dá)產(chǎn)品的關(guān)鍵信息，一方面還要促使他們產(chǎn)生轉(zhuǎn)化行為。

對(duì)于應(yīng)用推廣頁(yè)面來說也是同樣的道理，我們的目的就是讓人們知情并且成為用戶。你要確保在首屏，即折線以上，簡(jiǎn)短明確的向訪問者呈現(xiàn)最關(guān)鍵的信息，同時(shí)提供“行為召喚”或相關(guān)入口。

另外，信息內(nèi)容和行為召喚當(dāng)中的內(nèi)容風(fēng)格會(huì)對(duì)轉(zhuǎn)化效果產(chǎn)生重要的影響——要時(shí)刻記得產(chǎn)品的目標(biāo)用戶是怎樣的群體，要說他們的語(yǔ)言。如果你的產(chǎn)品是面向職業(yè)醫(yī)師的，那么在內(nèi)容風(fēng)格上就不要表現(xiàn)出像是在客廳中和好朋友聊天那樣。

3.講故事，而不只是功能描述

在介紹內(nèi)容方面，僅僅呈現(xiàn)功能列表或規(guī)格參數(shù)的效果是很有限的，其實(shí)我們還有很多其他的方式可以選擇。不要讓情況變成大家都在功能特色列表上拼命的你爭(zhēng)我奪，而忽略了通過最符合用戶目標(biāo)的方式來展示產(chǎn)品。

試著通過講故事的方式呈現(xiàn)產(chǎn)品的價(jià)值。所謂“講故事”，就是要與目標(biāo)用戶及市場(chǎng)建立情感層面的關(guān)聯(lián)。如果產(chǎn)品的目標(biāo)用戶是那些自由設(shè)計(jì)師，那么與其翻來覆去的干巴巴的強(qiáng)調(diào)你的產(chǎn)品可以幫助他們找到多少客戶，不如從他們的角度出發(fā)，表達(dá)出你對(duì)他們?cè)趯ふ铱蛻魰r(shí)所承受的壓力的理解，而你的產(chǎn)品又能帶來怎樣的關(guān)懷。

這種方式可以有效的抓住目標(biāo)用戶的痛點(diǎn)，喚起他們情感上的共鳴，促使他們更加自主的去了解你的產(chǎn)品。而且這樣的情感關(guān)聯(lián)一旦建立，便很難被打破，除非你自己搞砸了。

4.保持簡(jiǎn)短，條理清晰

我們說的是互聯(lián)網(wǎng)，是移動(dòng)應(yīng)用；在這里，你沒有足夠的時(shí)間和空間去絮絮叨叨的陳述和表達(dá)，用戶也沒有足夠的時(shí)間和耐心去閱讀冗長(zhǎng)的信息。很多統(tǒng)計(jì)都會(huì)提到，你通常只有5秒甚至更少的時(shí)間來通過文字信息抓住用戶的注意力。

對(duì)于文字內(nèi)容，要精煉，再精煉，并以項(xiàng)目列表(bullet list)的方式條理清晰的呈現(xiàn)出來，迅速解釋產(chǎn)品的價(jià)值。沒人喜歡在網(wǎng)上閱讀(那我的博客怎辦呢？譯者C7210注)，如果他們想一大段一大段的讀文字，他們會(huì)看書；如果他們想要得到某個(gè)應(yīng)用，他們只想盡快了解并得到它。另外，列表形式的內(nèi)容更利于人們快速掃描并獲取信息。

5.視覺風(fēng)格與應(yīng)用本身保持一致

要確保推廣站點(diǎn)與應(yīng)用產(chǎn)品在設(shè)計(jì)語(yǔ)言與美學(xué)風(fēng)格上保持統(tǒng)一。一方面是由于品牌識(shí)別方面的原因，另一方面也可以幫助目標(biāo)用戶在實(shí)際使用之前對(duì)應(yīng)用產(chǎn)品的定位與風(fēng)格產(chǎn)生預(yù)先認(rèn)知。如果你的推廣網(wǎng)站在視覺風(fēng)格上非常簡(jiǎn)約和干練，那么目標(biāo)用戶就會(huì)對(duì)應(yīng)用產(chǎn)品本身產(chǎn)生同樣的期許。

對(duì)于游戲類應(yīng)用，人們自然期望得到輕松、快樂、有趣的體驗(yàn)。作為產(chǎn)品整體體驗(yàn)的一個(gè)環(huán)節(jié)，推廣站點(diǎn)自身的風(fēng)格也要向這個(gè)方向靠攏；對(duì)于其他類型的應(yīng)用產(chǎn)品來說也是同理。

6.一些優(yōu)秀的設(shè)計(jì)范例

1) Drip

Drip是一款Mac上的桌面端應(yīng)用，幫助人們更方便快捷的上傳文件。他們的推廣頁(yè)面非常簡(jiǎn)潔，一句話概括了產(chǎn)品的用途，然后一步步的逐漸引導(dǎo)你了解其特性，并完成下載。

3) Flow

大字標(biāo)題，只包含三條關(guān)鍵信息的特色功能介紹，iPhone、iPad、MacBook整合使用的圖片，這些元素讓你進(jìn)入Flow的推廣站點(diǎn)之后，可以在非常短的時(shí)間內(nèi)了解到這款多平臺(tái)產(chǎn)品的用途。

4) Infomatic

如果你沒有太多時(shí)間甚至是內(nèi)容來組織創(chuàng)建App的推廣站點(diǎn)，那么Infomatic的設(shè)計(jì)方案也許可以為你提供一些參考。頁(yè)面風(fēng)格簡(jiǎn)潔而現(xiàn)代，產(chǎn)品介紹僅由兩個(gè)單詞及兩屏的截圖組成，你還可以在非常顯著的位置了解到應(yīng)用的價(jià)格并點(diǎn)擊獲取。值得一提的是，從視覺表達(dá)方式的角度來看，用于社會(huì)化推廣的元素在整個(gè)頁(yè)面中是為數(shù)不多的搶眼元素之一。

5) Jobs

這款應(yīng)用可以幫助求職者基于地理位置等維度，更方便的從Authentic Jobs的數(shù)據(jù)源中獲取職位信息。他們的網(wǎng)站在視覺風(fēng)格上與應(yīng)用本身很好的保持了一致性，內(nèi)容的層次和布局很合理，不過我個(gè)人感覺再有個(gè)“故事”就更棒了，畢竟他們的產(chǎn)品確實(shí)很適合通過這種形式展示功能特色。

6) Mosaic

攝影愛好者們可以通過這款應(yīng)用(及其提供的服務(wù))將iPhone中的照片印刷為精美的實(shí)體剪貼簿。他們的推廣站點(diǎn)中，產(chǎn)品簡(jiǎn)介、實(shí)物圖片、行為召喚等都集中在折線之上，你也可以滾動(dòng)頁(yè)面，查看更詳細(xì)的產(chǎn)品特性介紹。

7) Nizo

Nizo提供的產(chǎn)品用來幫人們研究他們關(guān)注的目標(biāo)市場(chǎng)。必須承認(rèn)，當(dāng)你打開他們的頁(yè)面后，很難了解他們要表達(dá)什么東西，不過這不是問題：他們展示的文案是一系列技術(shù)與功能術(shù)語(yǔ)，并且只是面向于他們的目標(biāo)用戶的。在這種情況下，沒有相關(guān)的“故事”是可行的，因?yàn)樗麄兒芮宄约旱挠脩?，清楚自己的產(chǎn)品就是為這部分特定的人群打造的。

8) Ballpark

Ballpark的站點(diǎn)與前面介紹過的Flow很類似，無(wú)論是設(shè)計(jì)風(fēng)格還是信息布局：清晰直白的標(biāo)題，多平臺(tái)展示等等，不過最大的區(qū)別在于Ballpark將行為召喚放置在了更加明顯的區(qū)域。

9) Hipvite for TechCrunch

Hipvite的做法與多數(shù)競(jìng)爭(zhēng)對(duì)手有所區(qū)別：當(dāng)其他產(chǎn)品都在拼命向TechCrunch發(fā)郵件希望得到介紹機(jī)會(huì)的時(shí)候，Hipvite為自己制作了一個(gè)獨(dú)特的推廣站，在內(nèi)容頭部直接求關(guān)注，希望可以通過這種方式吸引到TC的注意力。

10) Plover

又一個(gè)簡(jiǎn)潔干凈的頁(yè)面，你需要知道的重要信息都在折線以上，包括應(yīng)用的用途、如何得到它，就這么簡(jiǎn)單。之后才是實(shí)際截屏和更多的特色介紹，你可以根據(jù)自己的需要繼續(xù)瀏覽。

11) Listing Scout

這也是一款多平臺(tái)應(yīng)用，用來幫助房產(chǎn)商更好的進(jìn)行銷售工作。我個(gè)人很喜歡這個(gè)站點(diǎn)的原因之一就是他們把行為召喚放在了非常顯著的位置，而且下面的詳細(xì)介紹也不是簡(jiǎn)單的通過功能列表的形式平鋪直述的，而是以更加貼近房產(chǎn)銷售人員實(shí)際工作方式的形式呈現(xiàn)的。

12) Strava

Strava面向的是那些具有或向往健康生活風(fēng)格的群體，準(zhǔn)確的說它的產(chǎn)品形態(tài)是社區(qū)網(wǎng)站外加一個(gè)能夠跟蹤生活健康狀態(tài)的移動(dòng)應(yīng)用。在其網(wǎng)站頭部的輪播當(dāng)中，每一個(gè)圖片位都提供了免費(fèi)注冊(cè)的入口，而圖片當(dāng)中的內(nèi)容則是對(duì)他們產(chǎn)品的介紹。這種形式在空間利用率方面的表現(xiàn)不錯(cuò)，即在顯著的位置提供了產(chǎn)品簡(jiǎn)介和行為召喚，同時(shí)又在折線以上通過圖片輪播來展示了產(chǎn)品特色，包括他們希望帶給用戶的健康氣質(zhì)。

?

來源： 譯者博客