網(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)探討吧~
本文地址:http://m.pkvc.cn/tutorial/di1024.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏