想要更多人注冊嗎？在他們剛打開網(wǎng)站時，艷俗的彈出廣告可是不管用的。

仔細想想：如果有個路人徑直走向你，詢問你的電子郵箱，并不作任何解釋，你可能只會搖搖頭繼續(xù)前進。

在那個場合中，他們甚至都沒有說你好或是嘗試建立信任。若想讓人首次使用你的產品，信任是必須的。最佳方式之一，是使你的用戶流程能首先建立起信任，更有策略地放置你的行動召喚模塊。

本文中，我們且以收集郵箱地址作為業(yè)務目標。我們假定，用戶的目標是對產品稍作了解，然后注冊訂購。那么首先，我們來看一些使行動號召更加有效的擺放位置，然后我們再了解有助于增長注冊量的設計策略。

設計一套吸引顧客的流程

用戶流程是訪客在你網(wǎng)站上的旅程。理想情況下，旅程盡頭最終完成某個特定任務，例如購買商品、注冊或填寫郵箱。

“想讓行動號召開門見山？那就要設計一個優(yōu)美的行動號召頁面?！?/p>

要設計最佳的用戶流程，牢記這兩點：

1. 確定你的業(yè)務目標，或者說你希望用戶在網(wǎng)站上的行為
2. 分辨出用戶的目標、需求和渴望

在設計用戶流程之前，要先確定這兩件事。這樣才能預見和防止任何阻礙流程的事情。

想要讓人遵循這樣的流程：直接來到你的網(wǎng)站，或者通社交媒體等其他來源。在這里，他們看到了迷人的、有意義的內容，使他們感到愉悅，或是激發(fā)了興趣。在此基礎上，他們留下了郵箱地址。

我們設計的用戶流程可以類似這樣：

你網(wǎng)站的訪問鏈接 -> 著陸頁或博客頁面 -> 留下郵箱

一旦你確立了用戶流程，網(wǎng)站的一切都要圍繞最終目標展開。

改善行動號召位置的4個手段

末尾觸發(fā)廣告

相比直接用大幅廣告來吸引人，不如設計成滾動到頁面底部觸發(fā)行動號召彈窗。這種方式收集郵箱，更不容易使人分心。

編者按：我們發(fā)現(xiàn)這種策略的確很成功，請在訪客身上自行驗證。

這種策略依賴于一個假設，就是人們會花時間了解你的產品——如果是篇博文的話那就是文字——然后他們不介意分享信息。

“設計成滾動到頁面底部觸發(fā)行動號召彈窗?！?/p>

正因為人們來到了網(wǎng)站的底部，所以他們可能并不會離開。如果他們想了解更多，行動號召就會非常有用。

末尾觸發(fā)廣告總能簡化用戶的選擇過程。它們防止用戶陷入是或否的選擇，使得整個流程無需做選擇，一馬平川。

“正因為人們來到了網(wǎng)站的底部，他們可能并不會離開?！?/p>

OptinMonster是個很有用工具，能幫你創(chuàng)建自己的退出式廣告。請看下例：

[譯者注]圖中文字：如果檢測到鼠標停留在退出上方，廣告窗口就會彈出。

他們把廣告窗口安插在你正打算離去之時，向你展示一則有價值的信息，以此換取你的郵箱地址。

滾動觸發(fā)窗口

你可以在用戶閱讀部分內容之后觸發(fā)窗口。這種方式假定：“既然他們都看到了這里，說明他們可能感興趣?！睗L動觸發(fā)窗口在博客網(wǎng)站上最有效。

滾動觸發(fā)窗口比行動號召彈窗令人更不容易分心，因為你不必關閉它。你可以繼續(xù)滾動，窗口會在底部角落里靜候用戶完成。

它們是一種更加溫和的提醒，用戶可以隨時訂閱。

這是AddThis里的一個滾動觸發(fā)窗的例子：

[譯者注]圖中文字：滾動時保持固定。

滾動觸發(fā)窗會讓出足夠的空間，人們仍然可以閱讀內容，直到他們決定訂閱。

SumoMe里有個滾動觸發(fā)式應用，你可以放在自己網(wǎng)站的任何一個角落。也可以隨意改變滾動觸發(fā)窗的外觀和內容。而且它也適用于移動端，這非常棒，因為對于多數(shù)網(wǎng)站而言，30%的流量來源于手機。

頁面頂部的行動號召欄

如果你不喜歡彈窗，可以考慮在頁面頂部放一條行動號召欄。

這個方法也很有效，因為它同樣不招人煩或使人分心——用這種方式引導用戶訂閱，簡單清晰。

它允許用戶先探索內容，但既然它是首先映入眼簾的東西，用戶如果有興趣訂閱，就還會回來的。

Customer.io就在博客頁面用了此法。

他們的行動號召簡單清晰——并沒有妨礙網(wǎng)站的用戶體驗

SumoMe的Smart Bar和Hello Bar是兩個絕佳工具。兩者都能溫和地提醒用戶訂閱內容。

極簡的行動號召頁面

如果你希望讓行動號召開門見山，又不想嘗試立刻彈出的廣告窗，那就設計一個簡單優(yōu)美的行動號召頁面吧。

這不會太令人討厭，因為用戶首次訪問并不會被打斷。立即觸發(fā)的彈窗會給人?；雍陀憛挼挠∠?，但清晰、有吸引力的著陸頁則是一種不錯的吸引用戶的形式。

SumoMe的著陸頁簡明地陳述了他們的目標，例舉事實說明超過10萬用戶在用他們的產品，還有他們的行動號召。

SumoMe的Welcome Mat是很棒的工具，讓你設計出優(yōu)美清晰的行動號召著陸頁。事實證明，它能使郵箱注冊轉化率翻兩倍甚至三倍。

讓行動號召富于視覺表現(xiàn)力

既然有了杰出的行動號召工具，該考慮考慮設計了。行動號召應當引人注目、有吸引力，尤其當它并非首當其沖時。

“設計與位置同等重要?！?/p>

研究顯示，人們對于視覺營銷的反應是興奮的。設計與位置同等重要，因為視覺是我們的主要感觀。相比2007年，互聯(lián)網(wǎng)上視覺信息的運用增長了9,900%

設計行動號召時考慮4個因素：

顏色

設計視覺信息時，顏色是首要考慮因素。帶有色彩的信息會快70%被注意到，它能提升你的銷量80%。

這主要因為我們先天就將色彩賦予含義。在進化學或個體上，我們總是喜歡那些令人想起積極事物和回憶的色彩。

“信任是注冊量增長的重要因素?！?/p>

藍色與綠色通常能聯(lián)系到友善和和平，但棕色和黃色則容易產生負面影響。紅色表現(xiàn)出粗暴一面，但可以有策略地使用它們。

ProfitWell在頁頭的行動號召中就用了這些顏色策略：

他們選用藍色和綠色有助于獲取信任。信任是注冊量增長的重要因素。下面的色輪顯示了哪種顏色最能表達信任。

色彩可以劃分內容，是一種在視覺上突出信息的方式。

圖片

研究表明，圖片可以極大提升內容對用戶的吸引力，因為圖片將許多信息簡化為一個簡單的概念。讓人瞬間理解視覺信息。

想想這個交通標志與文字所描繪的具體概念。

[譯者注]圖中文字：兩者說的是同一件事，但有的要花更長的時間消化。

這個概念對行動號召尤其重要，因為如果你能通過一種圖片或符號傳遞大量積極信息，以此引誘訪客，他們就更容易按你的要求堅持下去。

GetResponse的這個例子很有趣：

煙火總與快樂回憶和慶典有關，于是你在訂閱時想著的正是這些。

肖像

我們如此自然地會被肖像吸引，這個證據(jù)表明我們大腦有個特殊的單元，當辨認出人臉時就會興奮。

肖像也是強大的情緒指示器。作為人類，我們會被情緒吸引。我們持續(xù)不斷地分析評估他人的表情和微表情，試圖了解他們的情緒。

以Noah Kagan的著陸頁為例，在他的博客OkDork上：

他的笑臉表現(xiàn)出喜悅和誠懇，我們可以感受到他應該是個友善的人。他還提供了吸引人的簡介，告訴你在此能看到什么。

運動

類似于色彩，運動也是一種獲取注意力的方式。在視覺營銷方面，運動使用戶對他們所見保持警覺與興趣。

當你看到移動物體時，你的視線立刻會被吸引過去。當視野中其他東西都靜止時，運動物體非常突出。

“運動使用戶對他們所見保持警覺與興趣?！?/p>

如果你打算依賴運動來突顯行動號召，滾動觸發(fā)窗和末尾觸發(fā)窗或許就是最佳選擇。用戶的視線會移向那個窗口。不過要選擇一種不招人煩、使人分心的方式。

設計郵箱注冊的行動號召時，要考慮用戶流程。明確業(yè)務目標與用戶目標，然后設計出效果最佳的行動號召。

確立了這一點后，時刻考慮位置與設計。越不令人厭煩，越具視覺表現(xiàn)力，轉化量越多——郵件訂閱或注冊人數(shù)也會越多。

原文鏈接：http://blog.invisionapp.com/designing-email-list-cta/

作者信息：

Walter Chen, Founder and CEO of iDoneThis 。Walter Chen is the founder and CEO of iDoneThis, the easiest way to run a remote daily standup with your team.

#專欄作家#

可樂橙，微信公眾號：可樂橙（colachangreen）。人人都是產品經(jīng)理專欄作家，UI/UX設計師，關注互聯(lián)網(wǎng)，關注科技?，F(xiàn)居杭州，與小伙伴們正在創(chuàng)業(yè)途中?；蛟S不是一名優(yōu)秀的設計師，至少是個快樂的設計師。

本文原創(chuàng)發(fā)布于人人都是產品經(jīng)理，未經(jīng)許可，不得轉載。