應用推廣站點的最佳設計實踐及優秀范例
應用類產品迅猛而持續的發展趨勢無需多言,當人們需要一款軟件時,無論是用在iPhone、安卓,還是在MacBook上,他們通常都會面對非常多的選擇。應用在讓人們的生活變的更輕松的同時,也越來越容易被創建。
要打造一款成功的應用,你需要做的再也不只限于產品自身的設計與開發,營銷推廣方面的工作同樣是非常重要的,其中最典型的做法就是創建產品推廣頁面或minisite,向人們介紹你的產品。曾幾何時,所謂的“介紹”就是告訴人們這個產品是個什么東西,你為什么需要它,等等等等,和其他傳統行業的產品介紹網站沒有多大區別。不過在我(英文原文作者)看來,這里還是有些很關鍵的區別和技巧的。本文中,我將和大家分享五點應用推廣頁的最佳設計實踐,以及若干非常不錯的設計范例。
1.別只依賴截屏,要展示人們怎樣使用產品
確實,在應用推廣頁面中使用實際界面截圖是很流行的做法,畢竟人們在下載之前希望看到它的具體情況,包括長的什么樣子,以及在實際當中是怎樣工作的。
問題在于,這些圖片即使再漂亮,也只能展示界面的面貌,有時它們容易給人們留下太多的想象空間。如果條件允許,不要只依賴這些截屏,試著搭配一些真實的人使用該產品時的圖片。
舉個栗子,除了游戲之外,應用產品通常都是用來解決實際生活中的各種問題的。所以,與其單純的展示界面,不如嘗試展示用戶在典型情境中使用應用的樣子,讓訪問著了解你的產品是在怎樣的環境中如何幫人們更加輕松的解決問題的。如果你宣稱自己的產品可以幫助人們找到附近最棒的餐館,不妨通過一系列圖片展示一個典型而完整的用例,讓人們一下子就能了解你的產品能夠切實幫他們解決怎樣的實際問題。
2.像產品著陸頁那樣,在折線以上明示“行為召喚”
設計良好的著陸頁(landing page)在傳達信息和提升轉化率方面是很有效的。著陸頁一方面會向目標用戶傳達產品的關鍵信息,一方面還要促使他們產生轉化行為。
對于應用推廣頁面來說也是同樣的道理,我們的目的就是讓人們知情并且成為用戶。你要確保在首屏,即折線以上,簡短明確的向訪問者呈現最關鍵的信息,同時提供“行為召喚”或相關入口。
另外,信息內容和行為召喚當中的內容風格會對轉化效果產生重要的影響——要時刻記得產品的目標用戶是怎樣的群體,要說他們的語言。如果你的產品是面向職業醫師的,那么在內容風格上就不要表現出像是在客廳中和好朋友聊天那樣。
3.講故事,而不只是功能描述
在介紹內容方面,僅僅呈現功能列表或規格參數的效果是很有限的,其實我們還有很多其他的方式可以選擇。不要讓情況變成大家都在功能特色列表上拼命的你爭我奪,而忽略了通過最符合用戶目標的方式來展示產品。
試著通過講故事的方式呈現產品的價值。所謂“講故事”,就是要與目標用戶及市場建立情感層面的關聯。如果產品的目標用戶是那些自由設計師,那么與其翻來覆去的干巴巴的強調你的產品可以幫助他們找到多少客戶,不如從他們的角度出發,表達出你對他們在尋找客戶時所承受的壓力的理解,而你的產品又能帶來怎樣的關懷。
這種方式可以有效的抓住目標用戶的痛點,喚起他們情感上的共鳴,促使他們更加自主的去了解你的產品。而且這樣的情感關聯一旦建立,便很難被打破,除非你自己搞砸了。
4.保持簡短,條理清晰
我們說的是互聯網,是移動應用;在這里,你沒有足夠的時間和空間去絮絮叨叨的陳述和表達,用戶也沒有足夠的時間和耐心去閱讀冗長的信息。很多統計都會提到,你通常只有5秒甚至更少的時間來通過文字信息抓住用戶的注意力。
對于文字內容,要精煉,再精煉,并以項目列表(bullet list)的方式條理清晰的呈現出來,迅速解釋產品的價值。沒人喜歡在網上閱讀(那我的博客怎辦呢?譯者C7210注),如果他們想一大段一大段的讀文字,他們會看書;如果他們想要得到某個應用,他們只想盡快了解并得到它。另外,列表形式的內容更利于人們快速掃描并獲取信息。
5.視覺風格與應用本身保持一致
要確保推廣站點與應用產品在設計語言與美學風格上保持統一。一方面是由于品牌識別方面的原因,另一方面也可以幫助目標用戶在實際使用之前對應用產品的定位與風格產生預先認知。如果你的推廣網站在視覺風格上非常簡約和干練,那么目標用戶就會對應用產品本身產生同樣的期許。
對于游戲類應用,人們自然期望得到輕松、快樂、有趣的體驗。作為產品整體體驗的一個環節,推廣站點自身的風格也要向這個方向靠攏;對于其他類型的應用產品來說也是同理。
6.一些優秀的設計范例
1) Drip
Drip是一款Mac上的桌面端應用,幫助人們更方便快捷的上傳文件。他們的推廣頁面非常簡潔,一句話概括了產品的用途,然后一步步的逐漸引導你了解其特性,并完成下載。
用戶可以通過Duet發起事件并邀請他人參與,當對方接受邀請后,大家可以通過Duet保存與事件相關的照片、視頻等作為共同的回憶。在Duet的頁面上有一個很棒的視頻,不僅對應用進行了介紹,而且通過講故事的方式讓人們更直觀的了解了Duet的價值,為有需求的潛在用戶建立了有效的需求關聯。 大字標題,只包含三條關鍵信息的特色功能介紹,iPhone、iPad、MacBook整合使用的圖片,這些元素讓你進入Flow的推廣站點之后,可以在非常短的時間內了解到這款多平臺產品的用途。 如果你沒有太多時間甚至是內容來組織創建App的推廣站點,那么Infomatic的設計方案也許可以為你提供一些參考。頁面風格簡潔而現代,產品介紹僅由兩個單詞及兩屏的截圖組成,你還可以在非常顯著的位置了解到應用的價格并點擊獲取。值得一提的是,從視覺表達方式的角度來看,用于社會化推廣的元素在整個頁面中是為數不多的搶眼元素之一。 這款應用可以幫助求職者基于地理位置等維度,更方便的從Authentic Jobs的數據源中獲取職位信息。他們的網站在視覺風格上與應用本身很好的保持了一致性,內容的層次和布局很合理,不過我個人感覺再有個“故事”就更棒了,畢竟他們的產品確實很適合通過這種形式展示功能特色。 攝影愛好者們可以通過這款應用(及其提供的服務)將iPhone中的照片印刷為精美的實體剪貼簿。他們的推廣站點中,產品簡介、實物圖片、行為召喚等都集中在折線之上,你也可以滾動頁面,查看更詳細的產品特性介紹。 Nizo提供的產品用來幫人們研究他們關注的目標市場。必須承認,當你打開他們的頁面后,很難了解他們要表達什么東西,不過這不是問題:他們展示的文案是一系列技術與功能術語,并且只是面向于他們的目標用戶的。在這種情況下,沒有相關的“故事”是可行的,因為他們很清楚自己的用戶,清楚自己的產品就是為這部分特定的人群打造的。 Ballpark的站點與前面介紹過的Flow很類似,無論是設計風格還是信息布局:清晰直白的標題,多平臺展示等等,不過最大的區別在于Ballpark將行為召喚放置在了更加明顯的區域。 Hipvite的做法與多數競爭對手有所區別:當其他產品都在拼命向TechCrunch發郵件希望得到介紹機會的時候,Hipvite為自己制作了一個獨特的推廣站,在內容頭部直接求關注,希望可以通過這種方式吸引到TC的注意力。 又一個簡潔干凈的頁面,你需要知道的重要信息都在折線以上,包括應用的用途、如何得到它,就這么簡單。之后才是實際截屏和更多的特色介紹,你可以根據自己的需要繼續瀏覽。 這也是一款多平臺應用,用來幫助房產商更好的進行銷售工作。我個人很喜歡這個站點的原因之一就是他們把行為召喚放在了非常顯著的位置,而且下面的詳細介紹也不是簡單的通過功能列表的形式平鋪直述的,而是以更加貼近房產銷售人員實際工作方式的形式呈現的。 Strava面向的是那些具有或向往健康生活風格的群體,準確的說它的產品形態是社區網站外加一個能夠跟蹤生活健康狀態的移動應用。在其網站頭部的輪播當中,每一個圖片位都提供了免費注冊的入口,而圖片當中的內容則是對他們產品的介紹。這種形式在空間利用率方面的表現不錯,即在顯著的位置提供了產品簡介和行為召喚,同時又在折線以上通過圖片輪播來展示了產品特色,包括他們希望帶給用戶的健康氣質。 ? 來源: 譯者博客2) Duet
3) Flow
4) Infomatic
5) Jobs
6) Mosaic
7) Nizo
8) Ballpark
9) Hipvite for TechCrunch
10) Plover
11) Listing Scout
12) Strava
- 目前還沒評論,等你發揮!