產品介紹型網站的設計思路

02-12

最近參與了一個雲產品的官網設計，所以整理一下針對於產品介紹型網站的設計思路，這裡說的產品介紹型網站，主要指一些互聯網的工具、服務的網站，比如谷歌文檔、Dropbox、亞馬遜雲等等。

這類產品的網站首頁的主要目標就是要讓用戶使用產品，這時候又分兩種情況：

對於老用戶，他們來的目標就是要使用產品，給出快速開始入口（比如登錄）就足夠了；
對於新用戶，這部分用戶第一次來到網站，此時並不了解你的產品是什麼，或者只是聽說而已。

對於這類網站，首頁存在最大的意義就是留住新用戶，引導其使用產品。那怎麼樣引導新用戶來使用產品呢？

開篇我們先舉個的栗子，想想大家追妹子的流程是什麼樣？是不是先初步知道對方，姓甚名誰？長什麼樣，漂亮不漂亮？然後再接觸，了解下妹子性格、興趣愛好之類的，之後覺得這妹子還不錯，開始「下手」……

那麼一個用戶接觸一個新產品的時候，是不是也是這樣一個流程：了解產品 > 產生信任感 > 開始使用。

（一）介紹清楚你的產品

對於大部分人都熟知的就不需要介紹太多，比如百度搜索，沒必要把搜索是個什麼東西介紹一下，介紹了也沒人看；對於大家不熟知的產品，用戶來了就是需要了解下你的產品是什麼？有什麼功能？可以幹什麼事情？

1、簡要的概括

Google Docs首屏很直接的用幾句話告訴用戶Google Docs的功能：「創建 meaningful、persuasive、impactful的文檔，使用Google Docs，你可以在任何地方書寫、編輯、合作。免費的。」而且用一個小動畫形象的演示了google docs多人協作的形態，圖中紅色圖形在演示輸入狀態，實時看到正在文檔中輸入內容人的名字、輸入的內容。

InVision是個針對設計師的團隊協作工具，在它官網首頁，用戶一進來就能看到大背景視頻中的這句話：DESIGN BETTER. FASTER. TOGETHER.意為讓設計更好、更快、更團結。

2、產品功能

初步了解產品後，用戶還需要進一步了解產品具體都有什麼功能、是如何工作的。Google Cloud在這方面做的很不錯，通過一個動畫演示闡述谷歌雲平台都包含哪些功能模塊，具體又是如何工作的，並且把複雜的雲產品關係呈獻給用戶。

把產品的特點表述清楚，尤其是能夠解決用戶痛點的功能拿出來重點說，比如Chrome的官網是這樣說的：Chrome可以把你打開過的標籤頁、保存的書籤、搜索記錄同步於計算機、平板電腦、手機之間，讓你從上次停下的地方繼續。

3、視頻

對於一些複雜不容易理解的產品，還可以通過視頻的方式來介紹，讓用戶更容易看懂。

4、免費？收費？

每一個用戶對錢都是敏感的，你的產品是免費還是收費的？收多少？有人說我的產品既有免費的又有收費的，那你的區別是什麼？在你的網站中，要把這些價格信息、功能卻別直觀的傳遞給用戶，別讓用戶去思考這幾個版本之間有什麼區別。

5、Demo

對於線上的複雜操作平台，無法通過文字、圖形來表達清楚的，提供一個Demo給用戶去體驗，讓用戶在註冊前就能體會到你產品的強大。

（二）讓用戶產生信任感

用戶對產品有一定了解後，不一定會立刻開始使用，同類型產品不止你一個人在做，用戶為什麼要選擇使用你的產品不選擇別人的？

1、產品優勢

看到很多網站在說我的產品速度快！穩定！安全！這些詞誰都可以說，到底怎麼快了？怎麼安全了？Outbrain是這樣介紹自己優勢的，它說：每個月在全球有5.6億的展現量，每個月服務的客戶有1900億的推薦量，世界上80%的領先品牌在使用Outbrain。給用戶有一個量化的結果，並且80%這個數字是可以感知的，足夠刺激到用戶讓其做出決策的。

2、用戶的正面評價

日常生活中你會發現，你周圍的人在使用的物品，會讓你覺得更靠譜一些。同行業的頂尖企業在使用的工具、大品牌使用的服務，也更值得讓人信賴。當用戶瀏覽你產品網站時，發現Facebook、Yahoo這樣的公司都在使用，那還考慮什麼，就它了……

我們在購買一個不熟悉的東西前，都要看看這個東西口碑如何，用過的人是怎麼評價的，電商網站顧客評論有可能直接左右潛在消費者的決策，顧客的說服力總要比商家大的多。因此，已經在使用我們產品的資深用戶的正面評價，對於引導新用戶有著極其關鍵的作用。比如Google Analytics首頁中的一張圖：當Google Analytics告訴我們應該在哪裡改進以後，使我們的一個新產品轉化率提升了400%，Minted公司的CEO說。你心動了沒有？

（三）開始使用產品

前兩部分內容足夠打動用戶了，那接下來怎麼讓用戶開始呢？是要下載、還是要註冊、還是要購買？

1、適時的給出開始入口

現在基本所有的網站都能在首屏給出註冊、登陸的Button，可以讓用戶開始使用產品，OK，沒有問題。但一個新用戶從上至下瀏覽頁面到頁腳時，決定要使用產品了，這時候給出一個開始的入口，不需要用戶再回到首屏去找註冊的入口。Dropbox在用戶瀏覽到首頁最底部時，直接把註冊框呈現出來，有意使用產品的用戶可以直接在這裡註冊賬號。

2、儘可能降低開始的成本

有沒有遇到過有收費些產品想體驗一下，必須還得交了錢才能使用？我勒個去~這就要交錢了，心疼啊~萬一不好用了呢，讓用戶掏錢可不是那麼容易的事情。Dropbox 企業版就先給用戶一個免費體驗的機會，明確告訴用戶先「免費試用」一下，試用好了再購買不遲。

總結一下

如果我們總結一下上面所講的內容，大概就可以得到下圖這樣一個布局：

抓住用戶心理，頁面設計時的內容布局，要逐步引導用戶從不了解到了解，從了解到信任，再到使用產品；找到用戶最關心的內容，精鍊的呈現在首頁，沒有看點的網站用戶會不多停留；文案描述通俗易懂的同時，讓用戶有真實的感知；