設(shè)計(jì)一個(gè)最優(yōu)的著陸頁(yè)并不是一件非常容易的事。如果你想獲得一個(gè)可觀(guān)的轉(zhuǎn)化率,那就更不簡(jiǎn)單。然而,對(duì)于以轉(zhuǎn)化為核心的設(shè)計(jì)理念你懂得多少呢?
以轉(zhuǎn)化為核心的設(shè)計(jì)(CCD)是一門(mén)學(xué)科,專(zhuān)門(mén)針對(duì)為實(shí)現(xiàn)某個(gè)單一的業(yè)務(wù)目標(biāo)的設(shè)計(jì)經(jīng)驗(yàn)。它的意圖在于,通過(guò)使用有說(shuō)服力的設(shè)計(jì)和心理誘因來(lái)引導(dǎo)訪(fǎng)客完成一個(gè)具體的行動(dòng),來(lái)增加轉(zhuǎn)化率。
著陸頁(yè)是CCD設(shè)計(jì)的核心。著陸頁(yè)的設(shè)計(jì)元素會(huì)同電子郵件的設(shè)計(jì)保持一致,它的目的是使來(lái)到頁(yè)面的訪(fǎng)客能夠有效的轉(zhuǎn)化至目標(biāo)路徑的終點(diǎn),走完整個(gè)轉(zhuǎn)化路徑。而在著陸頁(yè)面上,我們可以收集到訪(fǎng)客的瀏覽數(shù)據(jù)或在訪(fǎng)客到達(dá)下一個(gè)頁(yè)面之前獲取你的產(chǎn)品和服務(wù)的細(xì)節(jié)信息。
那么,該如何通過(guò)設(shè)計(jì)來(lái)說(shuō)服訪(fǎng)客完成你想要的轉(zhuǎn)化目標(biāo)呢?有很多設(shè)計(jì)元素,可以將訪(fǎng)客的注意力牽引至你所期望產(chǎn)生互動(dòng)的區(qū)域當(dāng)中來(lái),心理的誘導(dǎo)也能激發(fā)參與感。讓我們來(lái)深入了解這兩種類(lèi)型的設(shè)計(jì)元素,使你設(shè)計(jì)的著陸頁(yè)可以實(shí)現(xiàn)真正的轉(zhuǎn)化。
1) 聚焦
制造出隧道的視覺(jué)效果,這是一種比較典型的用來(lái)吸引訪(fǎng)客眼球的方法。你可以考慮在著陸頁(yè)中這樣的視點(diǎn)上設(shè)置call-to-action。例如下面左側(cè)這幅圖,圓拱的建筑特征可以防止訪(fǎng)客的視線(xiàn)停留在別的地方,而是被鎖定在中間部位。右側(cè)的圖則是將你的注意力驅(qū)動(dòng)至隧道的盡頭。
2) 對(duì)比色
使用對(duì)比色是一種簡(jiǎn)單的理念,整個(gè)光譜的顏色都是適用的,但是單色是最簡(jiǎn)單的的。
使你的call-to-action從周?chē)膮^(qū)域中脫穎而出,就是使它一眼就很容易被發(fā)現(xiàn)。假如你在白色的背景上設(shè)置了一些黑色或灰色的文字,這時(shí)使用黑色或白色的call-to-action都不能體現(xiàn)出對(duì)比度,因此你需要更豐富多彩的元素來(lái)突出call-to-action。但是,如果你除了一個(gè)非常簡(jiǎn)潔的設(shè)計(jì)之外沒(méi)有太多的細(xì)節(jié)或文本,那么較大的黑色或白色按鈕就會(huì)顯得很突出。
顏色可以用來(lái)給訪(fǎng)客制造一種情緒反應(yīng)。例如橙色,可以使人產(chǎn)生一種積極的情緒,使用橙色作為call-to-action是個(gè)很不錯(cuò)的選擇。下面分析了很多顏色給人們帶來(lái)的心理暗示:
另一個(gè)重要因素是顏色的對(duì)比效果。這個(gè)方法是借用了空白區(qū)和對(duì)比度來(lái)顯現(xiàn)不同之處。有人說(shuō)call-to-action的顏色是無(wú)關(guān)緊要的,但其實(shí)這是對(duì)比色的問(wèn)題帶來(lái)的假象。舉個(gè)例子,正常情況下,紅色的call-to-action可能會(huì)輸給藍(lán)色的call-to-action,但如果你的頁(yè)面背景是藍(lán)色,那紅色的按鈕一定比藍(lán)色更吸引人。
我們來(lái)看看下面這兩個(gè)圖例,左側(cè)圖片中的顏色對(duì)比如此極端,導(dǎo)致你很難不被其吸引,而相比之下,周?chē)膮^(qū)域顯得很低調(diào)。而右圖,在整個(gè)著陸頁(yè)中使用一個(gè)單一顏色的不同色調(diào),而除了那個(gè)呼之欲出的call-to-action。
記?。赫麄€(gè)頁(yè)面都是以你的轉(zhuǎn)化目標(biāo)為導(dǎo)向!
3) 視覺(jué)引導(dǎo)
視覺(jué)引導(dǎo)是將訪(fǎng)客視覺(jué)引導(dǎo)至著陸頁(yè)上重點(diǎn)區(qū)域的一種指標(biāo)。這可以幫助你將訪(fǎng)客的目光引導(dǎo)至你期望的區(qū)域內(nèi),并且在到達(dá)著陸頁(yè)后很快就能轉(zhuǎn)化完成你的目標(biāo)。這種視覺(jué)引導(dǎo)的類(lèi)型包括方向箭頭、公路路徑以及視覺(jué)的沖擊效果。