閱讀本文，您將能夠在以下方面有所提高:

1、洞察網站的行動訴求；

2.設計行動呼吁的8個要素；

3、頁面上訴處的位置；

彈出窗口，這個鬼東西，每個人都討厭，但如果不放在網站上，咨詢肯定會受到影響。

為了改善用戶體驗，百度發布通知，禁止廣告登陸頁面上彈出窗口的所有形式、大小和位置，將于2017年8月16日實施。15日，我們開始撤下未及時修改的頁面，不再顯示彈出窗口(根據官方消息來源，廣告可能會被進一步封鎖)。

沒有彈出窗口。我該怎么辦？

百度禁止彈出窗口對許多人來說是個壞消息，但從另一個角度來看，這是一個迫使自己使用正確方法來提高網站用戶體驗和轉化率的機會。

本文介紹了禁止彈出窗口的對策。根據文章中的建議，將不再有惱人的彈出窗口，并將有機會大大提高網站的轉化率。

讓我們先學習一個概念:行動號召

★網站的行動號召是什么？

在營銷網站或登錄頁面上，那些出現在說服邏輯中的主動邀請用戶采取行動的元素被稱為行動號召。行動號召是網站移動性的重要組成部分。在這里，最好提出當前的說服邏輯，而不是那些突然彈出并強迫用戶意外聊天的窗口。

行動呼吁通常出現在網站的某些內容之后，例如標題、吸引進一步行動的一段文字，無論是在網站的原文還是內容中。

行動號召，希望用戶在看到這些內容后主動響應號召，而不是強迫，這是行動號召和彈出窗口的最大區別。

例如，一目了然。

如下圖所示，標題解釋了“你為什么要買書”。下圖告訴你這本書是什么樣的，接下來是兩個行動呼吁:一個是“點擊了解書的具體內容”二是“購買作者的簽名版本”。

(號召用戶“買書”)

★什么樣的行動呼吁是有效的？

也許對許多人來說，上述行動呼吁并不陌生。然而，許多網站沒有足夠重視行動號召的設計。有兩個一般原因:

1、沒有真正理解或認識到行動號召的好處。

2.缺乏設計有效行動號召的經驗。

這也是你應該仔細閱讀和收集這篇文章的原因。

現在讓我們來談談什么樣的行動號召可以提高網站的轉化率并賺更多的錢。

設計行動呼吁時，請記住以下8點:

1.呼吁簡單和直接

簡單和直接是行動呼吁設計的基本要求，就像尋求幫助一樣，你必須讓對方知道該做什么。我們怎么能簡單直接呢？這里有兩個建議。

◢直接告訴用戶他們想要他做什么；

◢不拐彎抹角，不玩文字游戲，要求用戶采取行動，要簡單直接，要有正當理由，面對互聯網上的人群，不能含糊其辭，錯過說服的機會。

例如:

蒙牛推廣一個項目時，做了一系列在線和離線推廣，其中一個如下圖所示:

(蒙牛云牧場廣告)

廣告的標題是:“為什么云上的奶牛?代碼要去云牧場”。一項仔細的研究發現，廣告希望用戶掃描圖片中的二維度代碼，并訪問他們的在線云農場。

在“怪異”和“正常”的互聯網世界里，每天面對一群被“奇怪”標題轟炸的網民，大多數人不是在尋找所謂“為什么奶牛在云上”的答案，而是拿出手機，但在理解了這個“腦筋急轉彎”后，他們對云牧場產生了興趣。

“不要讓用戶思考”是一個簡單而直接的表達。

◢使用動詞和祈使句

當號召行動時，使用不同的詞類和句型會影響號召的效果。

用動詞代替名詞，用祈使句代替陳述句。動詞表示行動，人們比名詞更容易看到動詞來獲得“行動”所需的信息

例如:

在下面所示的情況下，行動號召按鈕上的“白皮書下載”應改為“下載白皮書”“白皮書下載”只是顯示一個功能，“下載白皮書”是提醒用戶采取行動。

(白皮書下載和白皮書下載之間的細微區別)

就像一位尊貴的客人來訪表示敬意一樣，應該把茶帶給客人，說“請喝茶”，而不是把茶放在桌子上說“這里有茶”。后者沒有強烈的喝茶欲望。他們是否喝似乎并不重要。

這將在登陸頁面上造成損失，因為訪問者通常會為此付費，只有當他們采取行動時，他們才有機會獲得回報。如下圖所示，在購物網站上，動詞祈使句通常用來打簡單直接的電話。

(在購物網站上用動詞祈使句簡單直接地叫“加入購物車”)

2、呼吁要突出醒目

強烈的行動號召應該在設計中“突出”。否則，這就像有機會在重要場合發言，但只是輕輕地動動嘴唇，沒有人聽到一樣糟糕。

登陸頁面上的各種信息都在爭奪用戶的注意力，就像在七嘴巴八舌頭聊天的人群中一樣，行動的號召需要清晰響亮才能被用戶注意到。

"如果你想說什么，大聲說出來。"我經常用這句話來提醒學生如何設計一個“強大的”行動號召。

那么我們如何脫穎而出？

◢使用按鈕和對比色來強調行動號召

在大多數情況下，登錄頁面上的行動號召被設計為按鈕的效果，并且可以使用各種方法(例如顏色、大小、位置、空間、動畫或綜合應用程序)來強調行動號召。

例如:

在下圖中，“攫取新鮮體驗”的行動號召使用按鈕的形式，同時通過使用與背景顏色形成對比的顏色、大量的空白空間以及占據更多的空間，使行動號召更加“突出”。

(《搶奪新鮮食物的經歷》突出了引人注目的行動號召)

◢使用圖標和顏色強調行動號召

圖標和顏色差異的使用也能讓行動號召“脫穎而出”。

例如:

下圖來自蘋果的登陸頁面。圖中有兩組行動號召。右上角的“購買”設計為按鈕的效果，而底部帶有視頻的行動號召僅添加小圖標并改變字體顏色。

(使用小圖標和改變顏色來突出行動號召)

因為這一頁總體上非常簡潔，這些藍色的行動呼吁非常突出。

大多數購物網站的產品詳細信息頁面上的行動號召被設計得突出、清晰和簡潔。下圖顯示了購物網站上“添加購物袋”行動號召的設計效果。

(質量保證協會產品詳細信息頁面上的行動呼吁:添加購物袋)

3.從一個簡單的電話開始

有些產品和服務直接要求用戶購買，這給決策帶來很大壓力。為了降低決策閾值，可以要求用戶先做一些簡單的嘗試。

例如:

為了增加銷售量，商店的促銷人員會主動邀請顧客試用或體驗。在家具行業，這一領域的典范企業必須提到宜家，世界上最大的家居用品商店。宜家隨處可見各種形式邀請體驗的“行動號召”。如下圖所示:

(宜家呼吁顧客“躺下來試試！”)

“攫取新鮮體驗”，而不是直接呼吁用戶“立即購買”，屬于這種類型。

4.給出一些回應電話的理由

當被要求行動時，人們想要有一個理由。理由越充分，就越有可能采取行動。盡管在大多數情況下，用戶在瀏覽登錄頁面時會找到一些行動的理由，但在設計行動呼吁時應該添加更明確的理由，以進一步促進用戶立即采取行動。

例如:

促銷和優惠，如下圖所示:

(滿199減100給出了立即響應呼叫的理由)

5.強調緊迫性和稀有性

在設計優惠促銷時，添加一些“緊迫性”和“稀有性”，以敦促用戶盡快響應電話。如下圖所示:

(通過“緊急性”和“稀有性”加強呼吁)

圖中，“2021年春季招生將很快結束”強調了緊迫性，“僅春季班”強調了稀有性。查看手機應用程序上的一組促銷提醒，如下圖所示。

(移動應用上的促銷提醒)

請判斷哪一個或幾個更有可能得到回應，為什么？(為了避免商品本身對結果的影響，商品名稱隱藏在這里。)

6、讓回應電話沒有風險

對于用戶來說，響應登錄頁面上的呼叫也是一個決定。所有決策都會面臨或多或少的“決策壓力”問題。為了讓更多的人響應號召，給行動一個“無風險”的承諾。

下圖顯示了宜家對顧客的風險承諾——“改變主意了嗎？沒關系。只要包裝和產品沒有損壞，保持銷售時的原樣，您將在60天內拿到發票...并根據您的付款方式退款。”

風險承諾可以有效提高電話被接聽的概率:

下圖中的案例是一家提供本科教育服務的教育機構的風險承諾——“簽訂合同，確保100%收集證據，但全額退款。”

(學術服務機構對學生的風險承諾)

7、在哪里打電話

登陸頁面上的行動號召在哪里？這是一個何時打電話的問題。

通常，您可以考慮在頁面的上方、中間和末尾放置一組行動號召。它們分別被稱為第一屏幕呼叫、中央呼叫和尾部呼叫。

第一個調用可以直接告訴用戶登陸頁面想要他做什么。與此同時，它為那些不耐煩或熟悉登錄頁面內容的人提供了一個快速響應呼叫的入口。

中心呼叫是根據勸說的節奏設置的。這些調用可能與頁面的最終目標并不完全相同，但要求用戶根據頁面的具體內容進一步相互交互，以實現分階段的目標。例如，當最終目標是使用戶能夠下訂單購買時，可以將中央呼叫設置為與在線客戶服務人員通信。

此外，一些登錄頁面基于“清楚地解釋問題，但不清楚答案”的理念，以希望用戶能夠與企業互動，從而獲取更多銷售線索。這種登錄頁面將發出行動呼吁，并創造盡可能多的互動機會。

尾呼是給完全瀏覽頁面的用戶的。當他們來到后方，他們可以與商人互動。同時，尾呼還可以呼應第一個屏幕呼叫，加深用戶的印象，增強呼叫的力量。

下圖中同時使用了這種類型的呼叫/[/k3/:

(同時應用多組行動呼吁的情況)

因為頁面上的每次跳轉都有跳轉速度問題，所以許多登錄頁面需要被說服而不要跳轉。此時，頁面將相對較長，這可以適當地增加對操作的調用次數，并避免使用彈出窗口。

8.避免強迫用戶回復電話

沒有人愿意被迫回應電話，如果用戶不開心，他們會選擇離開。為什么這么多登錄頁面不刪除“強制用戶響應呼叫”的彈出窗口？

問題仍然在于缺乏對該呼叫的理解和應用經驗，這導致“沒有彈出窗口，咨詢的人會更少”。

如果您能夠充分利用上一節中的知識，并將呼叫放在正確的位置，彈出窗口就可以完全避免。如果您對頁面內容中的調用沒有足夠的信心，當前可接受的“彈出窗口”的替代方法是將調用設為“浮動層”，并將其放置在頁面的邊緣。

百度完全禁止任何形式、大小和位置的彈出窗口，但面積不太大的功能浮動層是寬松的，因為這些浮動層不會嚴重影響用戶體驗。

在下圖所示的情況下，頁面頂部有一個浮動調用——設計頁面導航和“立即購買”作為一個整體。上下滑動頁面時，浮動調用總是停留在頁面頂部，不會離開屏幕。

(要求浮動在頁面頂部)

在下圖所示的情況下，頁面右側有一個浮動的固定區域，它總是向用戶顯示產品的基本信息，并要求“立即購買”。

(調用頁面右側的浮動)

下圖所示的情況在頁面底部放置了一個浮動調用。

(調用浮動在頁面底部)

如果頂部、右側和底部已經被其他內容占用，浮動調用也可以放在頁面的左側，這種情況相對較少。

為了盡可能減少阻擋頁面內容的“浮動層”，可以將“浮動層”設計為“在特定條件下觸發顯示”。如下圖所示，當鼠標懸停或點擊目標區域時，將顯示“浮動窗口”內容的指定部分。

(顯示當鼠標在目標區域上單擊/懸停時浮動窗口不顯示的內容)

(懸停鼠標或單擊藍色豎條以顯示浮動窗口的全部內容)

一些登錄頁面將浮動層的顯示或隱藏設計為“當某些內容在顯示區域出現或消失時觸發”。

例如，上面提到的“浮在上面的呼吁”和“百度百科右側頁面內的導航”都是在原來的導航隱藏后顯示的，而另一個隱藏是為了全面考慮整體的美觀和可用性。

本文是根據謝宋杰的新書《登陸頁面》(TOP2，當當網2017年電子商務暢銷書排行榜)編寫的。更多相關內容，請購買原版書。版權屬于作者。請保持轉載的完整性。

更多免費課程的登陸頁面，點擊這里立即學習！