當(dāng)你每天瀏覽網(wǎng)頁(yè)，您在問(wèn)你幾百按鈕執(zhí)行一個(gè)動(dòng)作可能失足 – 無(wú)論是通過(guò)電子郵件訂閱即時(shí)新聞快訊，注冊(cè)健身房會(huì)員今天，還是買(mǎi)新的T恤你一直在等待。在網(wǎng)絡(luò)營(yíng)銷(xiāo)的世界里，這些按鈕通常被稱(chēng)為“號(hào)召性動(dòng)作按鈕”。號(hào)召性動(dòng)作按鈕（商品交易顧問(wèn)）就在我們身邊。我們看到成百上…
當(dāng)你每天瀏覽網(wǎng)頁(yè)，您在問(wèn)你幾百按鈕執(zhí)行一個(gè)動(dòng)作可能失足 – 無(wú)論是通過(guò)電子郵件訂閱即時(shí)新聞快訊，注冊(cè)健身房會(huì)員今天，還是買(mǎi)新的T恤你一直在等待。在網(wǎng)絡(luò)營(yíng)銷(xiāo)的世界里，這些按鈕通常被稱(chēng)為“號(hào)召性動(dòng)作按鈕”。
號(hào)召性動(dòng)作按鈕（商品交易顧問(wèn)）就在我們身邊。我們看到成百上千，但我們很少點(diǎn)擊一個(gè)。是什么讓一個(gè)很好的CTA？你可以做什么，以確保您的CTA中脫穎而出，并迫使其他國(guó)家采取行動(dòng)？
這是一個(gè)相當(dāng)大的指導(dǎo)，所以我們已經(jīng)打破它分解成幾個(gè)核心部分，您可以直接跳轉(zhuǎn)到：
PS雖然自動(dòng)更正可自動(dòng)改變“CTA”到“CAT”，兩者其實(shí)完全無(wú)關(guān)。
這是值得記住的訪問(wèn)者點(diǎn)擊最簡(jiǎn)單的按鈕始終是“ 后退 ”按鈕。
無(wú)錫網(wǎng)站設(shè)計(jì)
我們正在尋找你，蘋(píng)果。由于iOS的幾年前改變了它的設(shè)計(jì)，還有的是在網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，使按鍵越來(lái)越小。你經(jīng)常看到的按鈕無(wú)國(guó)界或背景，也往往很難從文字只是一小段判斷一個(gè)按鈕。
為了確保您的按鈕是一定要看的，很容易點(diǎn)擊，確保它們看起來(lái)像按鈕 – 使用粗體字體，大字體大小，給周?chē)奈谋究臻g大方量，具有文本周?chē)鷱?qiáng)大的邊框，最好有一個(gè)大膽的背景與文字的顏色對(duì)比。
即使你讓你的按鈕看起來(lái)像一個(gè)按鈕，你仍然需要確保它是在一個(gè)合理的背景下，不發(fā)生沖突，并有足夠的空間供中脫穎而出。
這聽(tīng)起來(lái)可能很明顯，以確保您的按鈕從他們的背景脫穎而出，但它是常見(jiàn)的網(wǎng)站有導(dǎo)致用戶(hù)在不同的背景中使用一致的按鍵設(shè)計(jì) – 從塊的色彩，圖案，充滿(mǎn)活力的照片。
確保您的網(wǎng)站以這樣的方式構(gòu)造，當(dāng)內(nèi)容，供閱讀或點(diǎn)擊，被放置在背景之上，背景顏色將不會(huì)與文本和按鈕在上面沖突。一個(gè)好的做法是，確保背景照片有顏色的頂部半透明層，與文本的對(duì)比，以確保內(nèi)容之上脫穎而出。舉例來(lái)說(shuō)，如果你有一張照片的頂部白色的文字，確保有一個(gè)在圖像的頂部半透明黑色覆蓋，以避免沖突。
你也想確保你的按鈕被賦予足夠的空間，所以他們沒(méi)有在網(wǎng)頁(yè)上的其他組件晾在一邊?？犊c白的空間，以便按鈕可以從文本和圖像脫穎而出。
無(wú)錫網(wǎng)站設(shè)計(jì)
我們每個(gè)人都有當(dāng)我們?cè)诰W(wǎng)絡(luò)上瀏覽注意力不集中。游客很少有時(shí)間讀取頁(yè)面上的每一個(gè)字，或完全理解你想告訴完整的故事。不要害怕在整個(gè)網(wǎng)頁(yè)中重復(fù)你的關(guān)鍵信息 – 咨詢(xún)這是您的號(hào)召性動(dòng)作按鈕更是如此。
只是你上面的號(hào)召性動(dòng)作按鈕是提醒讀者，他們是對(duì)頁(yè)面上的內(nèi)容，并添加什么按鈕會(huì)做一些安慰的理想場(chǎng)所。例如，如果你正在運(yùn)行的電子商務(wù)商店，你的文字上面的“現(xiàn)在購(gòu)買(mǎi)” CTA可以是“免費(fèi)送貨購(gòu)買(mǎi)今天”。對(duì)于SaaS的產(chǎn)品，你可以說(shuō)只是“開(kāi)始試用”按鈕之前，“免費(fèi)試用14天”。
無(wú)錫網(wǎng)站設(shè)計(jì)
為您的按鈕，你選擇的副本需要有效和簡(jiǎn)潔。你有沒(méi)有空間上的CTA按鈕的流浪不必要的字詞。一些最好的轉(zhuǎn)換按鈕，只使用一個(gè)或兩個(gè)詞。你最好希望你的按鈕，明確傳達(dá)某種動(dòng)作，如“開(kāi)始試用”或“立即購(gòu)買(mǎi)”。
按鈕沒(méi)有一個(gè)動(dòng)詞 – 例如剛剛把一個(gè)物品的價(jià)格在一個(gè)類(lèi)似按鈕的形狀 – 可能會(huì)導(dǎo)致在用戶(hù)的心中疑問(wèn)。用戶(hù)可以揣摩動(dòng)作 – 這里有可能通過(guò)他們的頭腦一秒鐘跑幾件事情：
“簡(jiǎn)潔并不意味著短。它的意思是意念單詞的高比例?！?– 保羅·格雷厄姆
最佳呼叫到操作按鈕往往有很少說(shuō)話，但每個(gè)字都理解單擊該按鈕時(shí)會(huì)發(fā)生什么至關(guān)重要。
它可以是很有誘惑力，詳細(xì)解釋你的按鈕會(huì)做什么，但是當(dāng)你添加任何東西，但必要的話，你會(huì)發(fā)現(xiàn)你的CTA將成為這么長(zhǎng)時(shí)間它會(huì)流掉的頁(yè)面，并成為太難以閱讀。按鈕是不可讀也往往未點(diǎn)擊。
缺乏明確在什么一個(gè)按鈕就可以導(dǎo)致轉(zhuǎn)化率低的 – 如果游客不知道點(diǎn)擊一個(gè)按鈕會(huì)做，那么很有可能他們會(huì)避免它。
良好的CTA按鈕通常包含鼓勵(lì)它們采取行動(dòng)的話，如“下載”，“開(kāi)始”，或“請(qǐng)求”。舉幾個(gè)例子，你經(jīng)常可以看到在野外：
這很容易瀏覽時(shí)網(wǎng)頁(yè)是被動(dòng)的 – 滾動(dòng)和查看，并且從不采取行動(dòng)。好商品交易顧問(wèn)和其附帶的登陸頁(yè)面經(jīng)常利用一種緊迫感，（一些孩子可能稱(chēng)它為“FOMO”這些天）鼓勵(lì)你現(xiàn)在采取行動(dòng)，而不是以后。
著陸頁(yè)設(shè)置為動(dòng)力推動(dòng)網(wǎng)絡(luò)研討會(huì)注冊(cè)，例如，經(jīng)常利用一個(gè)倒數(shù)計(jì)時(shí)器，顯示你有時(shí)間限制的機(jī)會(huì)，經(jīng)過(guò)之前。
東西是比實(shí)現(xiàn)一個(gè)倒數(shù)計(jì)時(shí)器相當(dāng)少的技術(shù)，雖然是一個(gè)緊迫誘導(dǎo)單詞添加到該按鈕的副本 – 例如添加單詞“現(xiàn)在”可以幫助推動(dòng)作用。
使用緊迫性誘導(dǎo)的話，讓您的CTA更可點(diǎn)擊的幾個(gè)很好的例子：
雖然不適合所有品牌的口吻，一些研究已經(jīng)表明，在您的按鈕復(fù)制使用第一人稱(chēng)（我），而不是第二人稱(chēng)（你）可以提高轉(zhuǎn)換明顯。
人們往往會(huì)用除了他們可以收集的事實(shí)情感購(gòu)買(mǎi)決策，因此它可能使用第一人稱(chēng)的幫助用戶(hù)感覺(jué)更親自連接，并積極地點(diǎn)擊和轉(zhuǎn)換。
蒂姆·阿什在艾瑞博客有一個(gè)良好的短柱上不同代詞如何影響您的轉(zhuǎn)換率。
您的號(hào)召性動(dòng)作按鈕的顏色顯然取決于你與你的品牌關(guān)聯(lián)的鍵顏色。但也有使用顏色明智地確保您設(shè)計(jì)有效的幾個(gè)小技巧，以及漂亮的商品交易顧問(wèn)。
它被廣泛報(bào)道，綠色和藍(lán)色的大膽色調(diào)讓好顏色的按鈕; 與負(fù)面行為相關(guān)的顏色往往表現(xiàn)較差 – 紅色和黑色，一般報(bào)道不太有效。色彩的是實(shí)話，是正確的選擇是完全依賴(lài)于你的網(wǎng)站，你的品牌，一切都圍繞著你的按鈕。
您可以測(cè)試您的按鈕的顏色，以確定哪些最適合您的具體情況，但它很少用好你的時(shí)間，盡可能廣泛眾所周知，谷歌做了幾年前與測(cè)試藍(lán)色的41層不同的色調(diào)。
無(wú)論您的按鈕的顏色，不管背后的按鈕的背景顏色，你還需要確保你的文本的顏色具有高對(duì)比度。
一個(gè)流行的方法是簡(jiǎn)單地使用相同的顏色按鈕后面的背景，所以在按鈕上的文本幾乎是像按鈕本身的切口，露出后面的背景。
無(wú)論您的字體大小是什么，現(xiàn)在，使它更大。當(dāng)你埋頭于設(shè)計(jì)工作，你可以在頁(yè)面的細(xì)節(jié)被抓到，常常忘了你有時(shí)間多么少說(shuō)服訪問(wèn)者參與和轉(zhuǎn)換。
更大并不總是更好，但是當(dāng)涉及到CTA按鈕和其字體大小，它幾乎總是一個(gè)好主意，以確保字體大小明顯比頁(yè)的標(biāo)準(zhǔn)正文字體大小。
有沒(méi)有必要重新發(fā)明輪子，當(dāng)涉及到的按鍵設(shè)計(jì)?？傆小皶r(shí)尚”的一個(gè)方面，當(dāng)談到設(shè)計(jì)轉(zhuǎn)換率不錯(cuò)，很好看的按鈕，但這里的一些快捷方式來(lái)幫助你設(shè)計(jì)一個(gè)好的按鈕：
當(dāng)專(zhuān)注于設(shè)計(jì)是大，從頁(yè)面中脫穎而出偉大的按鈕，它可以很容易忘記用戶(hù)可能會(huì)在查看網(wǎng)頁(yè)的設(shè)備甚多。
這一切都太常見(jiàn)的設(shè)計(jì)為桌面用戶(hù)體驗(yàn)，但完全忘記了移動(dòng)體驗(yàn)。一個(gè)好習(xí)慣是嘗試盡可能以設(shè)計(jì)為移動(dòng)第一和規(guī)模從那里，所以桌面體驗(yàn)功能的增強(qiáng)移動(dòng)體驗(yàn)，而不是從桌面大小的工作了。
現(xiàn)代的桌面瀏覽器有一個(gè)“響應(yīng)式設(shè)計(jì)模式”可以很容易地看到你的網(wǎng)頁(yè)如何看待不同的設(shè)備，如手機(jī)和平板電腦，所以總是試圖才去住，以避免任何明顯的毛刺觀看一堆不同大小的頁(yè)面這可能破壞在小屏幕上轉(zhuǎn)換。
是否“折”還存在嗎？人們?nèi)匀粷L動(dòng)，大家的設(shè)備是不同的，但要確保你的關(guān)鍵CTA是盡可能高的，并盡可能看到你的著陸頁(yè)上是必不可少的。
不要害怕讓你的按鈕太明顯的 – 很明顯是短期的注意力和耐心的用戶(hù)的世界好。您可以進(jìn)一步重復(fù)你的CTA失望過(guò)的頁(yè)面，但是當(dāng)你第一次加載頁(yè)面會(huì)給用戶(hù)帶來(lái)什么你最終要求他們通過(guò)消耗你的頁(yè)面上的內(nèi)容做一個(gè)即時(shí)了解確保它很容易看到。
制定一個(gè)良好的號(hào)召性動(dòng)作按鈕假定你已經(jīng)決定了你想要的關(guān)鍵作用是為游客，當(dāng)他們看你的頁(yè)面。如果你還沒(méi)有確定下來(lái)，供游人采取最重要的行動(dòng)，那么它會(huì)讓很多的布局決定很難。
為了使CTA以盡可能有效的，它需要脫穎而出，它需要的主要焦點(diǎn)在頁(yè)面上為訪問(wèn)者與互動(dòng)。如果你給觀眾太多的選擇，你的風(fēng)險(xiǎn)混亂和壓倒他們。
如果您需要提供多個(gè)選項(xiàng) – 例如，如果你提供一個(gè)下載桌面應(yīng)用程序或移動(dòng)應(yīng)用程序 – 力爭(zhēng)優(yōu)先在別人的一個(gè)選項(xiàng)。這有時(shí)可能需要在技術(shù)實(shí)現(xiàn)更多的工作（例如，檢測(cè)訪問(wèn)者的操作系統(tǒng)），但可以是值得的提高轉(zhuǎn)化率方面。
這是值得記住的訪問(wèn)者點(diǎn)擊最簡(jiǎn)單的按鈕始終是“返回”按鈕。
你應(yīng)該如何經(jīng)常重復(fù)CTA在整個(gè)著陸頁(yè)？它總是一個(gè)微妙的平衡 – 過(guò)于頻繁，你遇到絕望了，像個(gè)孩子嘮叨父的玩具。太頻繁，你可能會(huì)失去游客誰(shuí)本來(lái)高高興興地注冊(cè)。
與大多數(shù)主題相關(guān)的業(yè)務(wù)，“這取決于”，但這里的關(guān)鍵因素決定如何經(jīng)常重復(fù)一個(gè)號(hào)召性動(dòng)作按鈕是您的目標(biāo)網(wǎng)頁(yè)的長(zhǎng)度。
一個(gè)簡(jiǎn)單的經(jīng)驗(yàn)法則，我們使用的是如果你滾動(dòng)你的筆記本電腦的頁(yè)面，你可以看到你相同CTA重復(fù)次數(shù)超過(guò)一次在屏幕上的同時(shí)為您滾動(dòng)那么你很可能矯枉過(guò)正。
號(hào)召性動(dòng)作按鈕：您的網(wǎng)頁(yè)經(jīng)常是值得A / B測(cè)試的關(guān)鍵部件之一。
即使是很小的變化和調(diào)整，可導(dǎo)致轉(zhuǎn)化率很大提高 – 增加一個(gè)字，刪除一個(gè)字，改變顏色，或增加字體大小都可以導(dǎo)致改善。但你永遠(yuǎn)不會(huì)知道，除非你嘗試了一些變化，看看您的特定網(wǎng)站，情況是什么在起作用。
福德麟管理咨詢(xún)福德麟管理咨詢(xún)http://www.qdfoodlin.com
咨詢(xún)電話
15050695302
13771112364
咨詢(xún)QQ
1309844028