7個(gè)提高著(zhù)陸頁(yè)轉化率的設計技巧發(fā)布者：本站     時(shí)間：2020-06-21 11:06:05

設計一個(gè)最優(yōu)的著(zhù)陸頁(yè)并不是一件非常容易的事。如果你想獲得一個(gè)可觀(guān)的轉化率，那就更不簡(jiǎn)單。然而，對于以轉化為核心的設計理念你懂得多少呢？

以轉化為核心的設計（CCD）是一門(mén)學(xué)科，專(zhuān)門(mén)針對為實(shí)現某個(gè)單一的業(yè)務(wù)目標的設計經(jīng)驗。它的意圖在于,通過(guò)使用有說(shuō)服力的設計和心理誘因來(lái)引導訪(fǎng)客完成一個(gè)具體的行動(dòng)，來(lái)增加轉化率。
著(zhù)陸頁(yè)是CCD設計的核心。著(zhù)陸頁(yè)的設計元素會(huì )同電子郵件的設計保持一致，它的目的是使來(lái)到頁(yè)面的訪(fǎng)客能夠有效的轉化至目標路徑的終點(diǎn)，走完整個(gè)轉化路徑。而在著(zhù)陸頁(yè)面上，我們可以收集到訪(fǎng)客的瀏覽數據或在訪(fǎng)客到達下一個(gè)頁(yè)面之前獲取你的產(chǎn)品和服務(wù)的細節信息。

那么，該如何通過(guò)設計來(lái)說(shuō)服訪(fǎng)客完成你想要的轉化目標呢？有很多設計元素，可以將訪(fǎng)客的注意力牽引至你所期望產(chǎn)生互動(dòng)的區域當中來(lái)，心理的誘導也能激發(fā)參與感。讓我們來(lái)深入了解這兩種類(lèi)型的設計元素，使你設計的著(zhù)陸頁(yè)可以實(shí)現真正的轉化。

1） 聚焦

制造出隧道的視覺(jué)效果，這是一種比較典型的用來(lái)吸引訪(fǎng)客眼球的方法。你可以考慮在著(zhù)陸頁(yè)中這樣的視點(diǎn)上設置call-to-action。例如下面左側這幅圖，圓拱的建筑特征可以防止訪(fǎng)客的視線(xiàn)停留在別的地方，而是被鎖定在中間部位。右側的圖則是將你的注意力驅動(dòng)至隧道的盡頭。



2） 對比色

使用對比色是一種簡(jiǎn)單的理念，整個(gè)光譜的顏色都是適用的，但是單色是最簡(jiǎn)單的的。

使你的call-to-action從周?chē)膮^域中脫穎而出，就是使它一眼就很容易被發(fā)現。假如你在白色的背景上設置了一些黑色或灰色的文字，這時(shí)使用黑色或白色的call-to-action都不能體現出對比度，因此你需要更豐富多彩的元素來(lái)突出call-to-action。但是，如果你除了一個(gè)非常簡(jiǎn)潔的設計之外沒(méi)有太多的細節或文本，那么較大的黑色或白色按鈕就會(huì )顯得很突出。
顏色可以用來(lái)給訪(fǎng)客制造一種情緒反應。例如橙色，可以使人產(chǎn)生一種積極的情緒，使用橙色作為call-to-action是個(gè)很不錯的選擇。下面分析了很多顏色給人們帶來(lái)的心理暗示：

另一個(gè)重要因素是顏色的對比效果。這個(gè)方法是借用了空白區和對比度來(lái)顯現不同之處。有人說(shuō)call-to-action的顏色是無(wú)關(guān)緊要的，但其實(shí)這是對比色的問(wèn)題帶來(lái)的假象。舉個(gè)例子，正常情況下，紅色的call-to-action可能會(huì )輸給藍色的call-to-action，但如果你的頁(yè)面背景是藍色，那紅色的按鈕一定比藍色更吸引人。
我們來(lái)看看下面這兩個(gè)圖例，左側圖片中的顏色對比如此極端，導致你很難不被其吸引，而相比之下，周?chē)膮^域顯得很低調。而右圖，在整個(gè)著(zhù)陸頁(yè)中使用一個(gè)單一顏色的不同色調，而除了那個(gè)呼之欲出的call-to-action。

記?。赫麄€(gè)頁(yè)面都是以你的轉化目標為導向！

3） 視覺(jué)引導

視覺(jué)引導是將訪(fǎng)客視覺(jué)引導至著(zhù)陸頁(yè)上重點(diǎn)區域的一種指標。這可以幫助你將訪(fǎng)客的目光引導至你期望的區域內，并且在到達著(zhù)陸頁(yè)后很快就能轉化完成你的目標。這種視覺(jué)引導的類(lèi)型包括方向箭頭、公路路徑以及視覺(jué)的沖擊效果。

方向箭頭

對于視覺(jué)引導來(lái)說(shuō)，使用方向箭頭的效果非常明顯，因為它直觀(guān)、一針見(jiàn)血。在訪(fǎng)客到達著(zhù)陸頁(yè)的短暫時(shí)間內，能夠直觀(guān)的將訪(fǎng)客聚焦在預期的區域內是非常成功的引導方式。這樣的箭頭其實(shí)是在告訴訪(fǎng)客：你不用關(guān)心其他的內容，只要將注意力轉移至我指向的位置區域就可以了！

上面是一個(gè)關(guān)于使用箭頭的非常出彩的設計案例，被箭頭指向的男人，用他的目光將你的注意力引導回到這個(gè)拿著(zhù)箭頭指示牌的人身上，最終你的目光會(huì )停留在箭頭指示牌上，這樣就輕而易舉的吸引你去弄清楚指示牌上寫(xiě)的什么。

公路
使用公路的設計思路是以現實(shí)世界中尋找道路的方式來(lái)觸發(fā)并引導我們的大腦思維進(jìn)入所要陳述的事物。這個(gè)例子使用了一個(gè)長(cháng)長(cháng)的公路，引導你的視線(xiàn)直達照片上方的山崖。 在我們的潛意識中，道路是一種很明確的，毫無(wú)阻力的路徑指引方法，所以我們自然而然的會(huì )接收這種引導。

LandingPage著(zhù)陸頁(yè)設計提示:
設計有趨向性的線(xiàn)條來(lái)將注意力吸引到call-to-action，三角形是最有活力的形狀，它們自然的指引特性使他們成為特殊的設計工具，同理，箭頭則是更天然的路徑指引設計。

眼神暗示
作為人類(lèi)的我們很自然地了解目光的意圖和使用方法，無(wú)論它來(lái)自人類(lèi)還是動(dòng)物眼睛。讓我們一起來(lái)看看下面的案例：
第一張圖例中的猴子專(zhuān)心地注視著(zhù)手中的香蕉，這時(shí)好奇心會(huì )迫使我們不得不尋著(zhù)猴子的目光去一探究竟。第二張圖：你會(huì )無(wú)法控制地像土狼一樣往下看。

伴隨著(zhù)目光的移動(dòng)，頭也會(huì )一起移動(dòng)。第二張圖例中，你不但會(huì )好奇草里面有什么，而且會(huì )本能的朝著(zhù)狼注視的位置看。因此，如果將你希望轉化的目標設置在這個(gè)位置，到達的訪(fǎng)客也同樣會(huì )在這里聚焦視點(diǎn)。
第三張圖例中，視覺(jué)引導的設計方法很奇妙，首先是右下角的麋鹿驅動(dòng)你的目光，這個(gè)位置你可以設計主題或獨特的營(yíng)銷(xiāo)策略，然后跟隨著(zhù)麋鹿的目光聚焦在從水上飛過(guò)的候鳥(niǎo)群上，在這里設置你的call-to-action。

嬰兒和有吸引力的人物
圖案也是設計非常重要的一個(gè)因素，因為它會(huì )在圖片和你之間創(chuàng )建一種連接。當考慮到使用一些有刺激效果的圖像時(shí)，嬰兒和人們熟知的有影響力的人物是最有效的。而在這兩者當中，最有說(shuō)服力的則是嬰兒的圖案。研究表明，我們都會(huì )將call-to-action設置在嬰兒臉部的位置。

在著(zhù)陸頁(yè)的人類(lèi)元素設計中，有吸引力的女人也被證實(shí)是非常有說(shuō)服力的。下面的圖例顯示了強有力的感覺(jué)互通產(chǎn)生的效果，你的主角吸引著(zhù)你的注意力。這種目光接觸是一個(gè)非常好的視覺(jué)引導方式，是延長(cháng)訪(fǎng)客在頁(yè)面停留時(shí)間的好方法，為訪(fǎng)客提供更多深入了解你的內容的時(shí)間。