您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁(yè)按鈕設(shè)計(jì)的6大原則及范例(2)

4、留白

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

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

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

5、文案

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

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

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

6、用戶(hù)能得到的好處

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

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

(如上圖)Apps Templates頁(yè)面上的行為請(qǐng)求按鈕,通過(guò)明確告訴用戶(hù)他們正在做的事情可以帶來(lái)的好處,來(lái)刺激用戶(hù)立馬加入該俱樂(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)求按鈕以刺激用戶(hù)的操作行為,這將會(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)化率有多幫助哦?;蛟S,你還有其他的想法來(lái)設(shè)計(jì)行為請(qǐng)求按鈕,一起來(lái)探討吧~

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di1024.html
網(wǎng)頁(yè)設(shè)計(jì)師必須知道的知識(shí):色彩心理學(xué)
高水準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)需掌握文字圖片協(xié)調(diào)
圖趣網(wǎng)微信
建議反饋
×