CTA即Call to Action，又叫行為引導(dǎo)按鈕，是一個(gè)網(wǎng)站的核心組成元素之一。大部分站長做網(wǎng)站不僅僅是為了給訪客提供一個(gè)學(xué)習(xí)、交流、互動的平臺，更重要的是將訪客轉(zhuǎn)化為用戶，達(dá)成某項(xiàng)他們想要的行為，比如注冊、登錄、訂閱、預(yù)約、購買等。好的行為引導(dǎo)按鈕在這一點(diǎn)上很有幫助，它有助于提高用戶的轉(zhuǎn)化率，增加產(chǎn)品的銷量。然而，現(xiàn)實(shí)生活中不少網(wǎng)站上的行為引導(dǎo)按鈕在設(shè)計(jì)上都有一定的問題，如CTA位置放置錯(cuò)誤或色彩對比不夠突出等，無法發(fā)揮它應(yīng)有的作用，減慢訪客的操作速度甚至?xí)碜钤愀獾慕Y(jié)果：用戶根本不會點(diǎn)擊?？傊袨橐龑?dǎo)按鈕在網(wǎng)站上扮演著十分重要的作用，一個(gè)好的行為引導(dǎo)按鈕可以給網(wǎng)站帶來不少益處。那么怎樣的行為引導(dǎo)按鈕才是合理的呢?小飛今天整理了十個(gè)行為引導(dǎo)按鈕的范例，希望大家能從它們的巧妙設(shè)計(jì)或獨(dú)特品質(zhì)中有所收獲、得到啟發(fā)。
MailChimp
事實(shí)上，Mailchimp這個(gè)網(wǎng)站上有許多行為引導(dǎo)按鈕可以作為范例講解。但是，小飛最欣賞其中一個(gè)”立即發(fā)送”的行為按鈕。Mailchimp是一個(gè)提供電子郵箱營銷服務(wù)的網(wǎng)站，很多電商公司選擇使用這個(gè)網(wǎng)站給他們的用戶或合作伙伴發(fā)郵件。在某個(gè)公司填寫好相關(guān)郵件內(nèi)容時(shí)，會彈出一個(gè)"立即發(fā)送"的對話框。其實(shí)這個(gè)對話框最主要的元素就是"立即發(fā)送"的行為按鈕，其他的文字和圖片都是服務(wù)于這個(gè)CTA的，尤其是猩猩用手點(diǎn)擊紅色按鈕的圖片，根本不需要其他指示，用戶都知道接下來應(yīng)該做什么。這種類型的行為引導(dǎo)按鈕很獨(dú)特、很直觀，很多用戶都覺得自己在按下”立即發(fā)送”時(shí)會獲得一種前所未有的成就感。
Blue Apron
在Blue Apron的網(wǎng)站，訪客也能看見各式各樣的行為引導(dǎo)按鈕。就以下圖中的按鈕"Choose Your Plan"為例，網(wǎng)站使用了易讀的表格，清晰地表明了訪客們可選的的食材，以及獲得這些食物可能的花費(fèi)，給用戶自主規(guī)劃的權(quán)利。另外，免費(fèi)派送的圖標(biāo)很有趣。還有很棒的一個(gè)設(shè)計(jì)，那就是它們使用了新鮮瓜果蔬菜的背景圖片，這不僅點(diǎn)明了網(wǎng)站的主題，還能夠引起用戶的食欲，視覺上也很賞心悅目。簡直扎心了!難怪Blue APron 僅用3年實(shí)現(xiàn)了從0到20億美元的突破，成為美國凈菜電商的獨(dú)角獸。
ManageWP
ManageWP在主頁面放置了"醒目的注冊"按鈕(綠底白字)，巧妙地將主頁面的大量元素與CTA相結(jié)合：標(biāo)題簡明扼要;簡短的文字描述告訴用戶網(wǎng)站的經(jīng)營服務(wù)：在這更好的管理Wordpress的網(wǎng)站;背景圖片很有親和力，這一切都提高了用戶點(diǎn)擊行為引導(dǎo)按鈕的可能性。最重要的一點(diǎn)是注冊手續(xù)的簡化，訪客只需要填寫一個(gè)郵箱地址就可以注冊登錄。這聽上去是不是很方便?
Spotify
和Blue Apron一樣，Spotify也充分發(fā)揮背景圖片的引導(dǎo)作用(眾多知名歌手的簡略圖)，在行為引導(dǎo)按鈕處也突出自己的銷售賣點(diǎn)：用戶可以使用免費(fèi)版也能夠擇付費(fèi)版。另外主頁面上的幻燈片也涵蓋了Spotify音樂服務(wù)中的其他細(xì)節(jié)，用戶可以點(diǎn)擊或是滾動了解更多。不少人可能覺得這個(gè)網(wǎng)站的行為引導(dǎo)按鈕不是很有創(chuàng)意，也沒有那么突出，其實(shí)這就是Spotify的目標(biāo)所在，相比意料之外的驚訝，Spotify更想讓行為引導(dǎo)按鈕足夠友好，以簡單的方式給予用戶指引。
Zillow
Zillow是美國一家房地產(chǎn)信息查詢公司，它號稱包含了各類地產(chǎn)信息。這點(diǎn)在Zillow首頁的行為引導(dǎo)按鈕上就很明顯：買房、租房、買房或是Zillow估值服務(wù)應(yīng)有盡有。這種行為引導(dǎo)按鈕的設(shè)計(jì)實(shí)在太貼心了，用戶不需要到處瀏覽找尋信息，很容易就能夠獲取想要的信息。應(yīng)該沒有哪家公司比Zillow更加簡單粗暴的了吧!
B&O Play
作為Bang and Olufsen集團(tuán)旗下的一個(gè)品牌，B&O Play堅(jiān)持沿用極簡主義的設(shè)計(jì)，網(wǎng)站的首頁簡潔大氣，行為引導(dǎo)按鈕也是一樣，黑白的配色方案，不管是"瀏覽更多產(chǎn)品"還是"立即購買"都配有一個(gè)小圖標(biāo)，形象直觀。這樣的CTA設(shè)計(jì)雖然很容易，但B&O Play維持了CTA和網(wǎng)站整體風(fēng)格的一致，將行為引導(dǎo)按鈕看作是整體品牌的重要組成部分之一，做到這一點(diǎn)實(shí)在很難得。
Mercy Corps
如果你在處理一項(xiàng)緊急的事情的時(shí)候，你還會遲疑、慢吞吞嗎?Mercy Corps這個(gè)網(wǎng)站就營造出了一種迫切感，再加上背景圖片(受災(zāi)難影響無望的人們)、醒目、嚴(yán)肅的標(biāo)題，訪客們會在第一時(shí)間直觀感受到那種痛苦，更可能會點(diǎn)擊"捐贈"，盡自己的一份力。除了這種募捐的公益網(wǎng)站以外，其他的網(wǎng)站也可以營造"機(jī)不可失、時(shí)不再來"的急切感，比如使用"倒計(jì)時(shí)"或"活動即將截止"等話語讓用戶更快進(jìn)行購買等行為。
Nest
智能家居品牌Nest是怎樣突出行為引導(dǎo)按鈕"立即購買"的呢?在Nest的主頁，背景圖片是一片星空，配上主要產(chǎn)品(節(jié)約能源的恒溫器)的圖片，很容易讓訪客聯(lián)想到太空中浮動的星球。Nest很聰明的一點(diǎn)還在于它給用戶留下了足夠呼吸的空間，恰當(dāng)?shù)牧舭鬃屝袨橐龑?dǎo)按鈕更加突出。
Skagen
Skagen是一家銷售極簡主義手表以及其他時(shí)尚配飾的網(wǎng)站。它的行為引導(dǎo)按鈕在色彩的運(yùn)用上很不一般，字體的淡藍(lán)色和背景色很和諧，也很簡約。除此以外，按性別分類做出兩個(gè)不一樣的行為引導(dǎo)按鈕也有利于訪客根據(jù)自己的需求快速挑選產(chǎn)品。Skagen還教給我們一招：如果你的公司有一款極具代表性的產(chǎn)品，不妨讓它為自己帶鹽吧!
從以上這些栗子中我們可以看出，行為引導(dǎo)按鈕是網(wǎng)站整體形象的一部分，可以與網(wǎng)站上的其他元素很好的結(jié)合在一起，不管是簡要切題的文字描述還是獨(dú)特的背景圖片都能在一定程度上服務(wù)于行為引導(dǎo)按鈕，讓用戶更有點(diǎn)擊行為引導(dǎo)按鈕的欲望。除此以外，網(wǎng)站的行為引導(dǎo)按鈕應(yīng)該清晰易見，有適合用戶點(diǎn)擊的大小，色彩的應(yīng)用還有助于行為引導(dǎo)按鈕的突出。不管怎樣，一個(gè)好的行為引導(dǎo)按鈕應(yīng)該將用戶放在第一位，考慮用戶在互動可能想要的結(jié)果。簡單直接的行為引導(dǎo)按鈕最能獲得用戶的芳心?？戳诉@么多設(shè)計(jì)，趕緊看看你的行為引導(dǎo)按鈕是否合格吧!
申請創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
