設(shè)計殺手號召性按鈕的4種簡單方法

易于查看和理解的號召性用語按鈕將極大地影響客戶的轉(zhuǎn)化率。設(shè)計這些按鈕時，必須考慮多種因素。其中一些包括顏色，對比度，按鈕復(fù)制，甚至包括按鈕旁邊是否包含一些方向性提示。

簡而言之，對于一個只占您網(wǎng)頁上很小一部分的元素，您將不得不花費(fèi)不成比例的時間來思考如何最好地將其呈現(xiàn)給用戶。是的，號召性用語非常重要。畢竟，它們是頁面的明星，無論它們是要吸引網(wǎng)站訪問者購買商品，注冊商品還是單擊瀏覽。

它們代表頁面的目標(biāo)。每個頁面都應(yīng)該有一個目標(biāo)。以登陸頁面為例，目標(biāo)是獲得潛在客戶點擊進(jìn)入主產(chǎn)品或服務(wù)頁面。一個設(shè)計巧妙的按鈕，它考慮了訪客如何購買或簽約的東西，這是每個設(shè)計師都應(yīng)努力的目標(biāo)。

1）方向提示

作為人類，我們只是硬著頭皮對眼睛的方向做出反應(yīng)，以此作為提示我們的有力方法。想一想：當(dāng)您看到某人在看您視野之外的東西時，您會自動對他正在看的東西感到好奇。定向提示的這一相同原理可以無縫地應(yīng)用于為客戶構(gòu)建的網(wǎng)站。

是的，方向提示可以是更明顯的箭頭，甚至是指向號召性用語的手指，但是對于真正獨特且與您的網(wǎng)站訪問者相關(guān)的東西，可以使用人們看著您的號召性用語的圖片來代替。你不會錯的。

舉一個聰明的例子，我們轉(zhuǎn)到  Salesforce的主頁。Salesforce是來自舊金山的全球云計算公司。特別是，我們希望您瀏覽一下首頁上的一幅巨型圖片：好像是一個女人看著她的智能手機(jī)，即將執(zhí)行移動交易。

雖然這當(dāng)然是一個合理的解釋，但該圖像還可以作為隱身但強(qiáng)大的定向線索加倍。當(dāng)站點訪問者看到女人看著她手中的電話時，他們的眼睛自然會跟隨她凝視在主頁右側(cè)。當(dāng)他們這樣做時，他們的眼睛將不可避免地落在她的臉和手旁邊的三個號召性用語按鈕上。

多虧她的目光指向何處，潛在客戶才更有可能注意到號召性用語按鈕。歸根結(jié)底，這帶來了更多的轉(zhuǎn)化和更多的網(wǎng)站銷售。

2）真正簡單的按鈕設(shè)計

當(dāng)您使按鈕盡可能簡單時，就消除了網(wǎng)站訪問者，購買者和讀者感到困惑的機(jī)會。當(dāng)他們感到困惑時，他們通常不會執(zhí)行按鈕副本希望他們執(zhí)行的操作。因此，使客戶的按鈕設(shè)計最小化是所有Web設(shè)計人員應(yīng)追求的目標(biāo)。

讓我們看一下Twining的網(wǎng)站  ，看看品牌如何做到這一點。

在折疊上方的首頁上，我們看到了一系列簡單的品牌顏色按鈕，這些按鈕可以清晰地傳達(dá)您通過單擊按鈕可實現(xiàn)的目標(biāo)。由于其圓角矩形設(shè)計，這些按鈕也看起來像按鈕，并且黑色和金色的顏色對比使它們盡可能地小。

簡而言之，Twining的購物者幾乎不可能誤會這些按鈕是號召性用語。

3）明確的顯微鏡

微觀復(fù)制是號召性用語的明星，因為它使用面向動作的動詞來激勵人們行動。Web設(shè)計師計劃智能標(biāo)簽的不動產(chǎn)數(shù)量非常有限，因此縮影必須簡短明了。可以讓網(wǎng)站訪問者確切知道他們所點擊的內(nèi)容的縮影是贏家，因為它不會浪費(fèi)時間。

有時，顯微鏡可以忽略不計，這是不幸的。盡管對按鈕的設(shè)計，顏色和功能給予了所有關(guān)注，但復(fù)制副本也不必受到影響。顯微鏡受到影響的站點也就是轉(zhuǎn)化率受到影響的站點。

您知道當(dāng)您擁有彼此相鄰的不同的號召性用語按鈕時，您已經(jīng)獲得了成功的顯微技術(shù)，但是網(wǎng)站訪問者可以立即分辨出每個按鈕的用途。

可以在J.Crew的產(chǎn)品頁面上找到其展開式襯衫的有用說明  。有兩個按鈕爭奪買家的注意力：“添加到購物袋”和“添加到愿望清單”按鈕。

由于兩者都有明確的標(biāo)簽，因此買家不會感到困惑，可以比以往更加確定地實現(xiàn)目標(biāo)。明確定義的按鈕副本始終是贏家，這無疑使用戶的操作將達(dá)到什么目的。

4）色彩對比

購物者是一群不可靠的人，這就是為什么必須針對他們量身定制用戶體驗的原因。換句話說，從客戶的電子商務(wù)商店購買商品應(yīng)該是世界上最簡單，最清楚的事情。基本的顏色對比可以極大地改善網(wǎng)站訪問者的購物體驗。

有效的色彩對比可以吸引購物者的注意力，以吸引號召性用語并使按鈕在嘈雜的背景中脫穎而出。當(dāng)購物者可以輕松找到需要點擊的商品時，很明顯，網(wǎng)站的轉(zhuǎn)化率將急劇上升。

在Sony DVD播放機(jī)的“ 目標(biāo)產(chǎn)品”頁面上，號召性用語按鈕（“添加到購物車”和“在商店中查找”）使用色彩對比效果很好。不僅容易發(fā)現(xiàn)顏色對比（分別為紅色和白色，藍(lán)色和白色），而且還成功吸引了買家的眼球。背景充滿空白的事實僅有助于使這種對比度更加有效地突出。

底線

號召性用語按鈕對于客戶的網(wǎng)站能賺多少錢至關(guān)重要。所有網(wǎng)頁設(shè)計師都必須意識到，他們的設(shè)計目標(biāo)應(yīng)該始終是支持更多的轉(zhuǎn)換。對于電子商務(wù)網(wǎng)站，這將是銷售。對于新聞?wù)军c，這將注冊新聞通訊等。關(guān)鍵是轉(zhuǎn)化最重要，而號召性用語按鈕必須始終支持這一目標(biāo)。

因此，在設(shè)計號召性用語按鈕時必須投入大量的思想。即使它在網(wǎng)頁上只占很小的空間，其重要性也無法估量。從顏色到按鈕的復(fù)制，再到附近任何方向指示，都將影響其有效性。

杭州網(wǎng)站建設(shè)為客戶提供服務(wù)，設(shè)計師必須從按鈕的外觀和布局一直到實際應(yīng)用。此按鈕是否會增加潛在客戶點擊并成為實際轉(zhuǎn)化的可能性？如此認(rèn)為的設(shè)計師為他們的客戶提供了很棒的服務(wù)，應(yīng)該受到贊揚(yáng)。設(shè)計師認(rèn)為目前還不需要提高自己的優(yōu)先級，并且每次客戶在進(jìn)行項目時都可以幫助他們。