了解用戶(hù)，有針對(duì)性的設(shè)計(jì)，是登陸頁(yè)面設(shè)計(jì)的關(guān)鍵。

該網(wǎng)站的登陸頁(yè)面包含太多內(nèi)容。當(dāng)用戶(hù)打開(kāi)登錄頁(yè)面時(shí)，您必須讓他們感知您的品牌音調(diào)，使用行為召喚元素來(lái)激勵(lì)用戶(hù)執(zhí)行特定操作，視覺(jué)操縱用戶(hù)并給用戶(hù)留下深刻印象。做得真的很難。今天的文章將分享10個(gè)改進(jìn)著陸頁(yè)設(shè)計(jì)的技巧。

如您所知，登錄頁(yè)面的設(shè)計(jì)并不簡(jiǎn)單。簡(jiǎn)單地用著陸頁(yè)模板替換您的徽標(biāo)不會(huì)帶來(lái)足夠好的設(shè)計(jì)效果，無(wú)論導(dǎo)航是否良好，可讀性是否出色，整體設(shè)計(jì)是否一致，這將影響著陸頁(yè)的效果。這些要求您做出適當(dāng)而細(xì)致的設(shè)計(jì)才能做好。這也使得這些改??進(jìn)頁(yè)面效果的技巧非常有用。

1.為頁(yè)面設(shè)置明確的目標(biāo)

目標(biāo)網(wǎng)頁(yè)通常不大且全面，并且需要有足夠的目標(biāo)：您希望用戶(hù)在進(jìn)入目標(biāo)網(wǎng)頁(yè)后做什么？目標(biāo)是什么？

點(diǎn)擊特定鏈接

觀看視頻

玩一個(gè)小游戲

填寫(xiě)表格

購(gòu)買(mǎi)產(chǎn)品

將內(nèi)容分享給社交媒體

閱讀或與內(nèi)容互動(dòng)

您在著陸頁(yè)上放置的內(nèi)容應(yīng)盡量使用戶(hù)盡可能接近實(shí)際目標(biāo)。在BarkBox的登陸頁(yè)面上，設(shè)計(jì)師的目標(biāo)是讓用戶(hù)購(gòu)買(mǎi)狗玩具或提交電子郵件訂閱信息。以上是他們的情人節(jié)促銷(xiāo)頁(yè)面，主題明確，目標(biāo)明確。 （注意頁(yè)面的核心是CTA按鈕“ Get Start”）

2.專(zhuān)為訪客設(shè)計(jì)

必須考慮網(wǎng)站訪問(wèn)者和用戶(hù)的目標(biāo)網(wǎng)頁(yè)設(shè)計(jì)。這聽(tīng)起來(lái)很自然，但事實(shí)上很少有網(wǎng)站可以真正做到這一點(diǎn)。整個(gè)頁(yè)面中使用的圖像和元素應(yīng)與用戶(hù)相關(guān)，文本和副本也應(yīng)以適合用戶(hù)或甚至用戶(hù)喜愛(ài)和欣賞的方式呈現(xiàn)。

您可以深入了解關(guān)鍵受眾群體。

他們是男人還是女人？

他們是年輕還是年長(zhǎng)？

它們是否分布在特定區(qū)域？

創(chuàng)建用戶(hù)友好型設(shè)計(jì)，提高參與度和用戶(hù)轉(zhuǎn)化率。

3.使用強(qiáng)大的視覺(jué)效果圖片

強(qiáng)大，視覺(jué)效果強(qiáng)大或足夠有趣的樣式通常會(huì)給用戶(hù)留下深刻的第一印象，并允許用戶(hù)參與其中。

Coulee Creative的頁(yè)面使用了一個(gè)有趣的設(shè)計(jì)策略。頁(yè)面的整體設(shè)計(jì)沒(méi)有改變，但是男人在標(biāo)題副本和圖片中的表達(dá)會(huì)逐漸改變。

這個(gè)設(shè)計(jì)非常有趣，非常溫暖，非常令人興奮。

4.設(shè)計(jì)明確的文字

大多數(shù)網(wǎng)站包含不同級(jí)別的文本內(nèi)容，每個(gè)級(jí)別的文本內(nèi)容的重要性和功能將不同。有些人需要抓住人們的眼睛，有些則需要用戶(hù)仔細(xì)閱讀。因此，您的設(shè)計(jì)需要圍繞文本的功能進(jìn)行設(shè)計(jì)。

標(biāo)題：使用精致和引人入勝的文字供用戶(hù)注意。

正文：主要信息，簡(jiǎn)潔，直接，清晰。

行為召喚文本：通常以按鈕和鏈接的形式，告訴用戶(hù)要做什么，下一步做什么，如何達(dá)到目標(biāo)等等。提供清晰，可操作的指導(dǎo)。

頁(yè)腳：提供鏈接和信息，例如品牌，聯(lián)系人和社交媒體鏈接，以建立信任和提供上下文。

5.導(dǎo)航和關(guān)鍵字的組合

登錄頁(yè)面上的導(dǎo)航元素有助于向用戶(hù)通知站點(diǎn)的內(nèi)容，將導(dǎo)航元素視為整個(gè)站點(diǎn)的關(guān)鍵字系統(tǒng)的組成部分是有意義的。

Baublebar在Puppy Bowl的登陸頁(yè)面上做得很好。該網(wǎng)站主要銷(xiāo)售女士珠寶。設(shè)計(jì)師在網(wǎng)站的導(dǎo)航欄上標(biāo)識(shí)了關(guān)鍵字“小玩意兒”，并讓用戶(hù)了解該頁(yè)面適用于寵物。

6.明確的行為召喚

每個(gè)用戶(hù)都應(yīng)該知道他們正在開(kāi)展的網(wǎng)站正在做什么，明確的行為召喚指南至關(guān)重要。不要認(rèn)為用戶(hù)是你的胃螨，你經(jīng)常需要引導(dǎo)他們通過(guò)你想要他們做的事情。

更常見(jiàn)的行為召喚方法是按鈕，填寫(xiě)表格，指導(dǎo)說(shuō)明（例如“滾動(dòng)查看更多”），甚至是動(dòng)畫(huà)。

在Jonathan Patterson的登陸頁(yè)面中，當(dāng)光標(biāo)懸停時(shí)，每個(gè)亮色塊都會(huì)變暗，并進(jìn)行解釋?zhuān)龑?dǎo)用戶(hù)點(diǎn)擊以獲取更多信息。

7.盡可能自定義內(nèi)容

著陸頁(yè)本身存在于特定的功能，而這個(gè)目標(biāo)和功能通常比較簡(jiǎn)單，而這樣的頁(yè)面自然需要足夠的自定義設(shè)計(jì)來(lái)實(shí)現(xiàn)目標(biāo)。

Trulia網(wǎng)站的主頁(yè)/登陸頁(yè)面用于指導(dǎo)用戶(hù)并向用戶(hù)提供他們的地理位置信息。通過(guò)自定義設(shè)計(jì)，用戶(hù)可以深入?yún)⑴c交互。

8.清晰且高度相關(guān)的品牌設(shè)計(jì)

登陸頁(yè)面最常見(jiàn)的問(wèn)題是它們很容易感到厭倦或與主站的信息和設(shè)計(jì)分開(kāi)。

在品牌設(shè)計(jì)中，登陸頁(yè)面和主頁(yè)與品牌本身應(yīng)該有明確的聯(lián)系，確保用戶(hù)沒(méi)有跳出的感覺(jué)，這樣他們就可以自然地參與到內(nèi)容中。

耐克的運(yùn)動(dòng)鞋定制頁(yè)面表現(xiàn)非常出色。它與整個(gè)網(wǎng)站的品牌設(shè)計(jì)保持高度一致性。從LOGO到圖標(biāo)，從字體到圖片樣式，用戶(hù)都知道這個(gè)頁(yè)面的特殊性，并且可以很容易地理解它與整個(gè)網(wǎng)站之間的關(guān)系。用戶(hù)永遠(yuǎn)不會(huì)懷疑這一點(diǎn)。

9.滿(mǎn)足用戶(hù)期望

當(dāng)用戶(hù)點(diǎn)擊其他網(wǎng)站上的鏈接跳轉(zhuǎn)到此著陸頁(yè)時(shí)，他們會(huì)期待此頁(yè)面或網(wǎng)站。換句話(huà)說(shuō)，著陸頁(yè)的設(shè)計(jì)應(yīng)具有滿(mǎn)足特定需求的特定功能。并且匹配跳轉(zhuǎn)源用戶(hù)的期望。

Bills.com的登陸頁(yè)面使用相對(duì)簡(jiǎn)單的設(shè)計(jì)，幫助用戶(hù)管理他們的財(cái)務(wù)狀況。從網(wǎng)站的名稱(chēng)到功能，用戶(hù)可以形成相對(duì)清晰的概念和期望，并且在整個(gè)過(guò)程完成之前用戶(hù)將不會(huì)看到其他不相關(guān)的內(nèi)容。

這樣的設(shè)計(jì)與網(wǎng)站跳轉(zhuǎn)的來(lái)源（例如社交網(wǎng)絡(luò)）密切相關(guān)，并且用戶(hù)知道接下來(lái)會(huì)發(fā)生什么。

10.構(gòu)建層次結(jié)構(gòu)和流程

精心設(shè)計(jì)的登錄頁(yè)面具有良好的可用性，這意味著它具有清晰的層次結(jié)構(gòu)。用戶(hù)應(yīng)首先看什么，然后看看他們將在頁(yè)面上執(zhí)行哪些任務(wù)，以及將實(shí)現(xiàn)哪些目標(biāo)？合理的層次結(jié)構(gòu)和適合用戶(hù)模型的流程將在很大程度上允許用戶(hù)和頁(yè)面正確交互并幫助實(shí)現(xiàn)用戶(hù)目標(biāo)。

在上面的LS Productions網(wǎng)站中，設(shè)計(jì)師允許網(wǎng)站在視覺(jué)上呈現(xiàn)明確的行動(dòng)方案，大型視頻背景，放置在LOGO和菜單的頂部?jī)蓚?cè)，以及滾動(dòng)CTA指南描述“滾動(dòng)更多”。用戶(hù)可以在幾秒鐘內(nèi)快速獲取此信息并開(kāi)始使用。

結(jié)論

登錄頁(yè)面和主頁(yè)實(shí)際上是兩件事，兩者在功能上是不同的。有些網(wǎng)站可能是兩者的組合，但很多網(wǎng)站都沒(méi)有。著陸頁(yè)是用戶(hù)訪問(wèn)量最大的頁(yè)面，但不一定是主頁(yè)。

熱門(mén)目標(biāo)網(wǎng)頁(yè)設(shè)計(jì)通常需要營(yíng)銷(xiāo)人員參與并充分利用目標(biāo)網(wǎng)頁(yè)流量。了解用戶(hù)，有針對(duì)性的設(shè)計(jì)，是登陸頁(yè)面設(shè)計(jì)的關(guān)鍵。

原作者: CARRIE COUSINS

譯者:陳子木

翻譯地址：http://www.uisdc.com/landing-page-design-tips

本文由@陳子木授權(quán)，未經(jīng)作者許可，禁止轉(zhuǎn)載。

圖片來(lái)自StockSnap.io，基于CC0協(xié)議

« 網(wǎng)絡(luò)學(xué)校運(yùn)營(yíng)：如何實(shí)現(xiàn)公共課的轉(zhuǎn)換和收入 | 哪個(gè)平臺(tái)有更好的回報(bào)：陸金鎖，極光財(cái)經(jīng)，艾千金，億人信用 »