之前做過一陣子平臺(tái)型產(chǎn)品項(xiàng)目，而現(xiàn)在的工作中對(duì)于”銷售(Sales)” 這個(gè)詞的體會(huì)更深刻了。 因此將之前寫過的一篇總結(jié)的標(biāo)題改為這個(gè)“為銷售服務(wù)的網(wǎng)頁設(shè)計(jì)思路 — Sales-oriented Web Design”，再重新修正一下。

首先解釋一下下面提到的AIDA和著陸頁這兩個(gè)關(guān)鍵詞：

AIDA模式 — 在1925年由Professor Strong提出，具體是指一個(gè)成功的推銷員必須把顧客的注意力吸引或轉(zhuǎn)變到產(chǎn)品上，使顧客先對(duì)該產(chǎn)品產(chǎn)生興趣，隨之產(chǎn)生擁有的欲望，爾后再形成實(shí)際購買行為。

A – Attention: attract the attention of the customer. （引起注意）
I – Interest: raise customer interest by demonstrating features, advantages, and benefits. （誘發(fā)興趣）
D – Desire: convince customers that they want and desire the product or service and that it will satisfy their needs. （刺激欲望）
A – Action: lead customers towards taking action and/or purchasing. （促成購買）
Nowadays some have added another letter to form AIDA(S): S – Satisfaction – satisfy the customer so they become a repeat customer and give referrals to a product. (現(xiàn)在有些網(wǎng)站還會(huì)加一個(gè)專門針對(duì)老用戶重復(fù)購買和口碑營銷的區(qū)域)
Landing Page 著陸頁 — 訪客進(jìn)入目標(biāo)網(wǎng)站進(jìn)行瀏覽時(shí)經(jīng)過的第一個(gè)頁面。尤其是銷售主導(dǎo)型（無論是實(shí)際產(chǎn)品、服務(wù)還是一個(gè)促銷活動(dòng)）著陸頁，如何進(jìn)行最大限度優(yōu)化是最終銷售（Action）轉(zhuǎn)化率能提升的關(guān)鍵。

將AIDA模型套用在著陸頁上的主要思想是從頁面設(shè)計(jì)上就要包含AIDA這4個(gè)步驟：

（Attention）– 著陸頁要盡快告訴新來的用戶我們是干啥的，留住那些可能會(huì)成為真正用戶的潛在用戶。常見辦法：
有視覺吸引力的圖片；
一句話說明產(chǎn)品是什么；
（Interest）– 用戶沒有立即關(guān)閉這個(gè)著陸頁還只是第一步，對(duì)于這些潛在用戶來說，還需要進(jìn)一步使他們對(duì)我們買的產(chǎn)品感興趣，例如我們產(chǎn)品為什么比競(jìng)爭者的要好？常見辦法：
重點(diǎn)產(chǎn)品功能介紹；
有什么獨(dú)家賣點(diǎn)；
（Desire）– 有了興趣并不代表潛在用戶會(huì)購買，從理性角度上考慮，決定想要一個(gè)東西，必然是因?yàn)檫@個(gè)東西帶來的收益（應(yīng)該說是可感知收益更準(zhǔn)確）要大于為此支付的成本。要記住用戶要的不是我們的產(chǎn)品功能，而是這個(gè)功能給他帶來什么好處！如何誘發(fā)這個(gè)臨門一腳的常見辦法：
介紹產(chǎn)品對(duì)于用戶本身有什么實(shí)際利益；
展示其他現(xiàn)有用戶的滿意反饋；
有權(quán)威性的review；
視頻富媒體介紹；
（Action）– 當(dāng)激發(fā)了用戶的購買欲望后千萬不要停頓，讓他立刻就明白下一步的購買行為該如何進(jìn)行。
例如購物的話就是購買的圖標(biāo)，注冊(cè)的話是注冊(cè)的窗口等；
或者在購物的場(chǎng)景還還能再推他一把，放上優(yōu)惠券什么的（”立即注冊(cè)還送100積分“）
當(dāng)然這個(gè)設(shè)計(jì)原則不是適合于所有的著陸頁，主要適合有明確銷售指標(biāo)或者新推出產(chǎn)品頁面，這些可以完整地實(shí)現(xiàn)AIDA。對(duì)于已經(jīng)開了一段時(shí)間，有了一定用戶基礎(chǔ)或者無直接銷售指標(biāo)的產(chǎn)品類型（比如門戶網(wǎng)站、搜索引擎），就不用硬套AIDA了。

直接舉例子，拿最近大熱的Twitter著陸頁來看：

首先在上方有大圖來吸引注意（Attention），然后用一段簡單介紹來說明Twitter的功能（Interest），還不放心的用戶可以在最下方看到來自知名刊物對(duì)Twitter的推薦，或者跟隨右上角的What-Why-How三步介紹，還有個(gè)視頻（Desire），滿意了？ — 顯眼的地方有個(gè)加入Twitter的按鈕（Action）

 下面這個(gè)例子是一個(gè)叫MailChimp的郵件營銷公司，頁面比較明確地分成了AID三塊。首先（A）有能吸引眼球的猴子:) 和一句醒目的核心描述（We make email marketing easy & fun for 60,000 users); 然后（I）介紹了產(chǎn)品對(duì)用戶的利益點(diǎn)；還有（D）來自權(quán)威媒體的背書；相對(duì)來說最后的（A） ，也就是signup稍微弱了一點(diǎn)。

（Note：現(xiàn)在MailChimp的首頁已經(jīng)出了新版了，在最后的Action這里明顯加強(qiáng)了）

再舉個(gè)比較古老的黃鉆頁面的例子看看（QQ會(huì)員首頁目前為老用戶服務(wù)的因素太多，反而不如這個(gè)頁面“賣東西”的氣味更明顯）。此頁面已下線，只是作為純研究在這里使用。

首先有大圖來視覺吸引，同時(shí)有對(duì)什么是黃鉆的簡單介紹（Attention），然后下面有對(duì)于黃鉆具體功能的圖文混排介紹（I）。但假設(shè)這是一個(gè)將新用戶轉(zhuǎn)化率作為第一目標(biāo)的著陸頁的話，按照上面的模型思考還是有后兩步的缺失：

在嘗試引起用戶的興趣后，對(duì)于進(jìn)一步推動(dòng)用戶的購買欲望導(dǎo)向不夠（D），是否能用些類似”我們能給你提供……”/”為什么選擇我們“/”還有誰使用了我們“這些來更明確地給用戶開通的理由？
現(xiàn)在這個(gè)頁面上對(duì)于最重要的“立即開通黃鉆貴族”也嚴(yán)重導(dǎo)向不足，只有一個(gè)小的文字鏈；