當(dāng)我們訪問大多數(shù)網(wǎng)站時，我們經(jīng)常會有一個目標(biāo)。為了達(dá)到這個目的，通常需要采取一系列步驟，第一步開始是點(diǎn)擊CTA(號召性用語)按鈕。想想上次注冊一個服務(wù)或下載一個應(yīng)用程序時，這個過程可能包括一個與號召性用語的交互。

CTA按鈕是您在網(wǎng)站中使用的按鈕，用于指導(dǎo)用戶進(jìn)行目標(biāo)轉(zhuǎn)換。CTA的全部內(nèi)容是將您的網(wǎng)站訪問者引導(dǎo)到所需的操作過程。CTA的一些常見例子包括：

“開始審判”

“下載應(yīng)用程序/書/指南”

“注冊更新”

“咨詢”

本文我們將討論設(shè)計CTA按鈕的5個實(shí)踐以及的現(xiàn)實(shí)世界示例，以幫助您從著陸頁獲得多的點(diǎn)擊。

目視敲擊按鈕

你的按鈕顏色很重要。事實(shí)上，如果你只想從這篇文章中獲得一個建議，應(yīng)該是這樣的：“考慮你的CTA按鈕顏色”。使用顏色，您可以通過給予他們更多的視覺突出來使某些按鈕比別人更突出。

使用對比色

對比顏色適合CTA按鈕，使用對比色可以創(chuàng)建出色的醒目按鈕。您應(yīng)該從網(wǎng)頁的配色方案中選擇一種對比色，同時仍然符合整體設(shè)計。請考慮下面的Firefox示例。Firefox頁面上的CTA按鈕的綠色正在跳出頁面，并立即獲得用戶關(guān)注。

Firefox CTA按鈕是明亮的綠色，在深藍(lán)色的背景下脫穎而出

Hipmunk主頁上還可以找到另外引人注目的CTA按鈕。明亮的橙色按鈕捕捉用戶的注意力并定義下一個可能的動作。

負(fù)空間

不僅顏色對于CTA是重要的，還包括它周圍的空間。空白(或負(fù)空間)創(chuàng)建必要的呼吸空間，并將您的CTA按鈕與用戶界面中的其他元素分開。舊的Dropbox主頁是使用負(fù)面空間來制作主要CTA彈出的一個很好的例子。藍(lán)色的“免費(fèi)注冊”CTA脫穎而出，背離了淺藍(lán)色。

面向行動的文本

為您的號召性用語撰寫文字，強(qiáng)制您的訪問者采取正確的行動不是一件容易的事情。幸運(yùn)的是，有幾件事可以幫助你做到這一點(diǎn)：

從動詞開始

您應(yīng)該避免對CTA按鈕的“輸入更多信息”等模糊而無聊的詞語，并將其替換為更多的面向行動的單詞，例如“開始免費(fèi)試用”或“現(xiàn)在獲得折扣”。Evernote具有常見的功能之一，但仍然為其CTA按鈕工作面向行動的文本。

從“開始”，“獲取”或“加入”開始，

Treehouse主頁上可以找到一個更有趣的例子。Treehouse網(wǎng)站的CTA不僅僅是說“開始免費(fèi)試用”; 它說“聲稱您的免費(fèi)試用”。措辭的區(qū)別可能看起來很微妙，但“聲稱您的免費(fèi)試用”聽起來更加個人化。

使用簡單和容易理解按鈕的文本

如果他們點(diǎn)擊CTA，請確保訪問者將獲得什么。理想情況下，您希望將按鈕文字保持在兩到五個字之間。

增加價值主張

很可能你已經(jīng)注意到，許多按鈕在其副本中都有“免費(fèi)”這樣的字眼，這并不是巧合，在按鈕復(fù)制中使用這樣的詞語強(qiáng)調(diào)了您的報價的價值主張。因此，在編寫CTA時，嘗試找到一種整合一個(或全部)3個說服性詞語的方法：

自由

獎金

即刻

讓我舉個例子：用戶之前一直擔(dān)心要注冊一些東西，那就是如果他們不喜歡這個服務(wù)，那么取消訂閱會很痛苦。Netflix解除了在“免費(fèi)加入一個月”CTA旁邊的承諾“隨時取消”的擔(dān)憂。

創(chuàng)造緊迫感

在CTA按鈕中構(gòu)建緊迫感可以產(chǎn)生令人印象深刻的點(diǎn)擊率。例如，您可以使用按鈕文字，例如“注冊，僅限今天享受25%折扣!”限制某人做出決定的時間讓人們想要提出要約。

有用的文本

有時您可能需要考慮在按鈕文本中添加額外的信息。這種做法是免費(fèi)試用按鈕的常見問題。例如，免費(fèi)試用按鈕可能會在CTA按鈕下方的“開始免費(fèi)試用”文本中的較小文本中顯示“30天試用，無信用卡”。這個額外的文字應(yīng)該可以減輕決策過程。

使其可見，無需滾動

您的號召性用語按鈕的位置與顏色和消息一樣重要。CTA按鈕應(yīng)位于易于查找的位置，可以從網(wǎng)頁的流程有機(jī)地跟隨。您應(yīng)該嘗試將CTA按鈕保留在折疊上方，以便用戶不要錯過它。理想情況下，您的CTA按鈕應(yīng)該是用戶在到達(dá)頁面時首先看到的。額外的信息應(yīng)該保持在折疊之下，它仍然可以訪問，但不會分散注意力。

大圓形圓角

想想設(shè)計如何交流能力。用戶如何將元素理解為按鈕?使用形狀和大小使元素看起來像一個按鈕。

使它足夠大

CTA應(yīng)該足夠大，可以從遠(yuǎn)處看到，但不能太大，以至于減少頁面上主要內(nèi)容的注意

用戶按鈕與圓角

按鈕的形狀可以起到很大的作用。這是一個 證明的事實(shí)，圓角在眼睛上更容易。在ContentVerve的測試中，圓角的綠色按鈕比藍(lán)色矩形更好。

更少是更多當(dāng)它來到選擇

請記住，如果您希望客戶采取行動，您必須協(xié)助他們，從他們的方式中刪除所有可能的障礙。當(dāng)用戶被給予太多選擇時，往往會被困惑。所以，好只為潛在客戶提供一個選擇。

如果您仍然希望包含多個按鈕選擇，請選擇其他選項，以幫助用戶轉(zhuǎn)向特定的路徑。一個很好的例子是Evernote：一旦你到了Evernote的主頁的底部，很明顯，一個優(yōu)選的選擇是“免費(fèi)注冊”，而用于比較計劃的CTA是次要的。

為了實(shí)現(xiàn)有效的CTA設(shè)計，您不僅需要考慮按鈕本身?？紤]背景顏色，周圍圖像，周圍文字和其他許多元素也很重要。了解這些元素的重要性，并為其著陸頁設(shè)計了好的布局。

網(wǎng)頁名稱：網(wǎng)頁設(shè)計中按鈕焦點(diǎn)怎么設(shè)計？
路徑分享：http://www.rwnh.cn/news44/30444.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、企業(yè)建站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)