CTA實例教學

• 作者：新網
• 來源：新網
• 瀏覽：100
• 2018-04-23 17:27:05

CTA（Call to Action）即行為引導按鈕，是一個網站的核心組成元素之一。大部分站長做網站不僅僅是為了給訪客提供一個學習、交流、互動的平臺，更重要的是將訪客轉化為用戶，達成某項他們想要的行為，比如注冊、登錄、訂閱、預約、購買等。好的行為引導按鈕在這一點上很有幫助，它有助于提高用戶的轉化率，增加產品的銷量。然而，現實生活中不少網站上的行為引導按鈕在設計上都有一定的問題，如CTA位置放置錯誤或色彩對比不夠突出等，無法發揮它應有的作用，減慢訪客的操作速度甚至會帶來最糟糕的結果：用戶根本不會點擊。那么怎

 CTA(Call to Action)即行為引導按鈕，是一個網站的核心組成元素之一。大部分站長做網站不僅僅是為了給訪客提供一個學習、交流、互動的平臺，更重要的是將訪客轉化為用戶，達成某項他們想要的行為，比如注冊、登錄、訂閱、預約、購買等。好的行為引導按鈕在這一點上很有幫助，它有助于提高用戶的轉化率，增加產品的銷量。然而，現實生活中不少網站上的行為引導按鈕在設計上都有一定的問題，如CTA位置放置錯誤或色彩對比不夠突出等，無法發揮它應有的作用，減慢訪客的操作速度甚至會帶來最糟糕的結果：用戶根本不會點擊。那么怎樣的行為引導按鈕才是合理的呢?伊思諾小編今天為大家整理了十個行為引導按鈕的范例，希望大家能從它們的巧妙設計或獨特品質中有所收獲、得到啟發。

 

MailChimp

 

事實上，Mailchimp這個網站上有許多行為引導按鈕可以作為范例講解。但是，小編最欣賞其中一個“立即發送”的行為按鈕。Mailchimp是一個提供電子郵箱營銷服務的網站，很多電商公司選擇使用這個網站給他們的用戶或合作伙伴發郵件。在某個公司填寫好相關郵件內容時，會彈出一個"立即發送"的對話框。其實這個對話框最主要的元素就是"立即發送"的行為按鈕，其他的文字和圖片都是服務于這個CTA的，尤其是猩猩用手點擊紅色按鈕的圖片，根本不需要其他指示，用戶都知道接下來應該做什么。這種類型的行為引導按鈕很獨特、很直觀，很多用戶都覺得自己在按下”立即發送”時會獲得一種前所未有的成就感。

 

Blue Apron

 

在Blue Apron的網站，訪客也能看見各式各樣的行為引導按鈕。以按鈕"Choose Your Plan"為例，網站使用了易讀的表格，清晰地表明了訪客們可選的的食材，以及獲得這些食物可能的花費，給用戶自主規劃的權利。另外，免費派送的圖標很有趣。還有很棒的一個設計，那就是它們使用了新鮮瓜果蔬菜的背景圖片，這不僅點明了網站的主題，還能夠引起用戶的食欲，視覺上也很賞心悅目。簡直扎心了!難怪Blue APron 僅用3年實現了從0到20億美元的突破，成為美國凈菜電商的獨角獸。

 

ManageWP

 

ManageWP在主頁面放置了"醒目的注冊"按鈕(綠底白字)，巧妙地將主頁面的大量元素與CTA相結合：標題簡明扼要;簡短的文字描述告訴用戶網站的經營服務：在這更好的管理Wordpress的網站;背景圖片很有親和力，這一切都提高了用戶點擊行為引導按鈕的可能性。最重要的一點是注冊手續的簡化，訪客只需要填寫一個郵箱地址就可以注冊登錄。這聽上去是不是很方便?

 

Spotify

 

和Blue Apron一樣，Spotify也充分發揮背景圖片的引導作用(眾多知名歌手的簡略圖)，在行為引導按鈕處也突出自己的銷售賣點：用戶可以使用免費版也能夠擇付費版。另外主頁面上的幻燈片也涵蓋了Spotify音樂服務中的其他細節，用戶可以點擊或是滾動了解更多。不少人可能覺得這個網站的行為引導按鈕不是很有創意，也沒有那么突出，其實這就是Spotify的目標所在，相比意料之外的驚訝，Spotify更想讓行為引導按鈕足夠友好，以簡單的方式給予用戶指引。

 

Zillow

 

Zillow是美國一家房地產信息查詢公司，它號稱包含了各類地產信息。這點在Zillow首頁的行為引導按鈕上就很明顯：買房、租房、買房或是Zillow估值服務應有盡有。這種行為引導按鈕的設計實在太貼心了，用戶不需要到處瀏覽找尋信息，很容易就能夠獲取想要的信息。應該沒有哪家公司比Zillow更加簡單粗暴的了吧!

 

B&O Play

 

作為Bang and Olufsen集團旗下的一個品牌，B&O Play堅持沿用極簡主義的設計，網站的首頁簡潔大氣，行為引導按鈕也是一樣，黑白的配色方案，不管是"瀏覽更多產品"還是"立即購買"都配有一個小圖標，形象直觀。這樣的CTA設計雖然很容易，但B&O Play維持了CTA和網站整體風格的一致，將行為引導按鈕看作是整體品牌的重要組成部分之一，做到這一點實在很難得。

 

Mercy Corps

 

如果你在處理一項緊急的事情的時候，你還會遲疑、慢吞吞嗎?Mercy Corps這個網站就營造出了一種迫切感，再加上背景圖片(受災難影響無望的人們)、醒目、嚴肅的標題，訪客們會在第一時間直觀感受到那種痛苦，更可能會點擊"捐贈"，盡自己的一份力。除了這種募捐的公益網站以外，其他的網站也可以營造"機不可失、時不再來"的急切感，比如使用"倒計時"或"活動即將截止"等話語讓用戶更快進行購買等行為。

 

Nest

 

智能家居品牌Nest是怎樣突出行為引導按鈕"立即購買"的呢?在Nest的主頁，背景圖片是一片星空，配上主要產品(節約能源的恒溫器)的圖片，很容易讓訪客聯想到太空中浮動的星球。Nest很聰明的一點還在于它給用戶留下了足夠呼吸的空間，恰當的留白讓行為引導按鈕更加突出。

 

Skagen

 

Skagen是一家銷售極簡主義手表以及其他時尚配飾的網站。它的行為引導按鈕在色彩的運用上很不一般，字體的淡藍色和背景色很和諧，也很簡約。除此以外，按性別分類做出兩個不一樣的行為引導按鈕也有利于訪客根據自己的需求快速挑選產品。Skagen還教給我們一招：如果你的公司有一款極具代表性的產品，不妨讓它為自己代言吧!

 

行為引導按鈕是網站整體形象的一部分，可以與網站上其他元素很好地結合在一起。無論是簡要切題的文字描述還是獨特的背景圖片都能在一定程度上服務于行為引導按鈕，讓用戶更有點擊行為引導按鈕的欲望。此外，網站的行為引導按鈕應該清晰易見，有適合用戶點擊的大小，色彩的應用還有助于行為引導按鈕的突出?？傊粋€好的行為引導按鈕應該將用戶放在第一位，考慮用戶在互動可能想要的結果。簡單直接的行為引導按鈕最能獲得用戶的芳心。看了這么多設計，趕緊看看你的行為引導按鈕是否合格吧!