經(jīng)典推薦：網(wǎng)頁(yè)按鈕設(shè)計(jì)的六個(gè)必殺技

行為請(qǐng)求按鈕在網(wǎng)頁(yè)流量轉(zhuǎn)化成商業(yè)價(jià)值的過(guò)程中起了多大的作用呢？
網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)師或許明白行為請(qǐng)求按鈕在該轉(zhuǎn)化中的重要作用，但是接下來(lái)要講的6個(gè)因素，每一個(gè)想從網(wǎng)站獲取商業(yè)利益的人都應(yīng)該了解。

什么是行為請(qǐng)求按鈕呢？

行為請(qǐng)求按鈕是可以從網(wǎng)絡(luò)訪問(wèn)者那獲取點(diǎn)擊行為的按鈕。
一般來(lái)說(shuō)，一個(gè)點(diǎn)擊行為可能會(huì)鏈接到下載、注冊(cè)或出售。它們也可能會(huì)把用戶引向一個(gè)有更多信息的網(wǎng)頁(yè)從而讓用戶采取行動(dòng)（比如：了解更多……）

行為請(qǐng)求按鈕的6大要素

1、尺寸

理論上來(lái)說(shuō)， 你的“行為請(qǐng)求按鈕”應(yīng)該在擁擠的頁(yè)面與隱入到背景這兩者之間尋找一種和諧感。? 它應(yīng)該是該頁(yè)面最大的按鈕，因?yàn)轫?yè)面上某個(gè)元素越大，我們會(huì)認(rèn)為它越重要。

（如上圖）?NCover網(wǎng)站頁(yè)面就是通過(guò)大尺寸來(lái)強(qiáng)調(diào)行為請(qǐng)求按鈕。另外，他們也提供了足夠的空間來(lái)容納其他關(guān)鍵信息，比如“21天免費(fèi)試用”。強(qiáng)烈的對(duì)比色同樣也幫助了用戶區(qū)分下載按鈕與頁(yè)面背景。

2、位置

將行為請(qǐng)求按鈕放置于網(wǎng)頁(yè)的對(duì)折處非常有效，因?yàn)檫@個(gè)位置是用戶的一個(gè)對(duì)稱視覺(jué)中心，能給用戶產(chǎn)生關(guān)于網(wǎng)站的第一印象。

（如上圖）Envy小店的登錄頁(yè)面用位于正中間的行為請(qǐng)求按鈕來(lái)向用戶打招呼。這個(gè)圓形的按鈕在白色邊框的襯托下顯得格外顯眼，并且強(qiáng)有力的刺激著賣賣雙方在閱讀完周圍的文字后加入該網(wǎng)站。

（如上圖）“Donate”，該行為請(qǐng)求按鈕用來(lái)號(hào)召大家捐贈(zèng)來(lái)幫助戰(zhàn)爭(zhēng)中的孩子。作為二級(jí)菜單被放置于頁(yè)面頂部能有效誘發(fā)用戶操作行為。而且在策略上，這個(gè)文字被置于一塊背景之上，也似乎在鼓勵(lì)用戶在瀏覽了其他頁(yè)面后再次回來(lái)。

3、顏色

在設(shè)計(jì)上確保你的行為請(qǐng)求按鈕與背景色之間存在色彩上的對(duì)比。這樣既能夠確保用戶更好的注意到按鈕，也能夠增加用戶采取行動(dòng)的可能性。同時(shí)也需要考慮按鈕色彩怎樣才能更好的符合頁(yè)面的整體色調(diào)，目的在于限定該按鈕所能發(fā)揮的最大的色彩空間。

（如上圖）這個(gè)應(yīng)用的行為請(qǐng)求按鈕通過(guò)高度飽和的色彩 非常清楚的區(qū)別于背景色。你會(huì)忽視它的存在嗎？

（如上圖）Resumator在導(dǎo)航條上使用非常友好的顏色來(lái)強(qiáng)調(diào) “Sign Up”按鈕。并且將同樣的紅色應(yīng)用于另一個(gè)行動(dòng)按鈕——Start the Tour，同樣也是這個(gè)理念的體現(xiàn)。

4、留白

留白也是行為請(qǐng)求按鈕獲取用戶關(guān)注的一個(gè)重要因素。如果你的按鈕顏色比較輕柔或者按鈕比較小，采取空白這種策略是比較有效的。這樣的策略能立即奪取用戶的注意力，因?yàn)檫@樣能使相鄰的元素更加疏散。

（如上圖）MintThemes網(wǎng)頁(yè)上的行為請(qǐng)求按鈕沒(méi)有用高調(diào)的手段來(lái)呼吁用戶的注意，而是采用了留白的形式，這同樣能夠刺激用戶采取行動(dòng)。網(wǎng)頁(yè)上方和底部的行為請(qǐng)求按鈕都是采用了這種方式。

（如上圖）Blaz Robar網(wǎng)頁(yè)干凈簡(jiǎn)潔，這賦予了行為請(qǐng)求按鈕足夠的呼吸空間。 這個(gè)按鈕不需要費(fèi)盡心思地去競(jìng)爭(zhēng)用戶的注意力，就可以很好的引發(fā)用戶的點(diǎn)擊行為。

5、文案

文案在用戶轉(zhuǎn)化率方面起到了非常大的作用。

力求簡(jiǎn)練清晰的文案，這能夠激發(fā)用戶采取行動(dòng)。當(dāng)你讀到“立即購(gòu)買”或者“加入購(gòu)物車”之類的文案按鈕時(shí)，會(huì)不會(huì)更能夠感覺(jué)到一種立即點(diǎn)擊驅(qū)使力。相反，如果用戶不得不先尋問(wèn)這個(gè)文案是什么意思，這就意味著更低的轉(zhuǎn)化率了。

（如上圖）Intrahost，該頁(yè)面行為請(qǐng)求按鈕上的文案非常簡(jiǎn)潔、直接，很直接的引導(dǎo)用戶開(kāi)始工作，而不需要去看任何操作的說(shuō)明之類的信息。

（如上圖）Commendable Kids這個(gè)網(wǎng)站號(hào)召用戶“Get Started Now”，并且明確告知用戶可免費(fèi)使用。 這個(gè)附加信息非常有用并且使用戶省去了進(jìn)入網(wǎng)站的更深層級(jí)去尋找這類信息。

6、用戶能得到的好處

當(dāng)我們感覺(jué)到可能會(huì)錯(cuò)失一個(gè)機(jī)會(huì)時(shí)，我們更傾向于快速的響應(yīng)。把醒目的鼓動(dòng)性的文案結(jié)合到按鈕上，來(lái)傳達(dá)用戶可以享有的利益點(diǎn)，刺激用戶的心里。

（如上圖）FileShare HQ網(wǎng)頁(yè)上的行為請(qǐng)求按鈕告訴用戶成為會(huì)員能夠得到的好處——幾分鐘內(nèi)上傳文件。

（如上圖）Apps Templates頁(yè)面上的行為請(qǐng)求按鈕，通過(guò)明確告訴用戶他們正在做的事情可以帶來(lái)的好處，來(lái)刺激用戶立馬加入該俱樂(lè)部然后獲取這個(gè)利益。

行為請(qǐng)求按鈕在頁(yè)面的的轉(zhuǎn)化率上扮演著非常重要的角色?，F(xiàn)在每一個(gè)網(wǎng)站的目標(biāo)更加趨于同質(zhì)化，需要利用以上6大設(shè)計(jì)要素來(lái)設(shè)計(jì)你的行為請(qǐng)求按鈕以刺激用戶的操作行為，這將會(huì)對(duì)網(wǎng)站的轉(zhuǎn)化率產(chǎn)生非常積極的影響。

（如下圖）再看看支付寶運(yùn)營(yíng)banner上的一些行動(dòng)點(diǎn)吧，當(dāng)然還有一些其他的與產(chǎn)品相關(guān)的行動(dòng)按鈕，可以嘗試上面的幾個(gè)設(shè)計(jì)因素，可能會(huì)對(duì)活動(dòng)的轉(zhuǎn)化率有多幫助哦。或許，你還有其他的想法來(lái)設(shè)計(jì)行為請(qǐng)求按鈕，一起來(lái)探討吧～