包括金融公司、電商平臺(tái)、會(huì)員商城、積分商城，都需要用戶登錄。而登錄頁(yè)面設(shè)計(jì)的目標(biāo)之一就是“用戶喜歡登錄”。
那么，如何設(shè)計(jì)企業(yè)商城類網(wǎng)站的登錄頁(yè)面呢？我們提供如下指南。
 

盡量減少文字

設(shè)計(jì)一個(gè)登錄頁(yè)面需要在包含的文本數(shù)量上保持一種微妙的平衡。一方面，你想提供產(chǎn)品的詳細(xì)信息來(lái)說(shuō)服訪問(wèn)者購(gòu)買。另一方面，你也不想用鋪天蓋地的信息來(lái)阻止訪問(wèn)者。一般來(lái)說(shuō)，你的登陸頁(yè)副本應(yīng)該簡(jiǎn)明扼要。將你的產(chǎn)品最重要的信息分離出來(lái)，并盡可能地壓縮。使用最少的文本，你選擇的短語(yǔ)必須有意義和吸引人。

選擇一個(gè)干凈的UI

從視覺(jué)上看，你應(yīng)該希望布局整潔。當(dāng)涉及到登陸頁(yè)面設(shè)計(jì)時(shí)，簡(jiǎn)單就是清晰。為了讓你的登陸頁(yè)面便于訪客瀏覽和消化，避免混亂。留下足夠的空白，并分解大塊的文本。如果你要在登陸頁(yè)面上添加一個(gè)注冊(cè)表單，不要添加太多字段。相反，要保持簡(jiǎn)潔，切中要害，只留下最重要的細(xì)節(jié):訪問(wèn)者的姓名、電子郵件地址，或許還有他們的職位。

 寫一個(gè)強(qiáng)大的CTA

創(chuàng)建登陸頁(yè)面的最終目標(biāo)是什么?轉(zhuǎn)換。如果有一個(gè)轉(zhuǎn)換的關(guān)鍵因素，那就是你的CTA。
cta應(yīng)該很簡(jiǎn)單——通常只有兩個(gè)詞——但他們需要清楚地傳達(dá)價(jià)值。從視覺(jué)上看，它們應(yīng)該醒目醒目。創(chuàng)建一個(gè)對(duì)比色的CTA按鈕，并把它放在一個(gè)高度可見(jiàn)的位置，例如直接在你的登陸頁(yè)面的主標(biāo)題下面。

堅(jiān)持品牌顏色

最好的登陸頁(yè)面包括色彩的突出。這可以確保你的品牌在所有平臺(tái)上是一致的，并幫助訪客立即將你的登陸頁(yè)面與你的業(yè)務(wù)聯(lián)系起來(lái)。嘗試使用與網(wǎng)站其他元素形成對(duì)比的品牌顏色來(lái)創(chuàng)建一個(gè)突出的登錄頁(yè)面。

選擇吸引人的視覺(jué)效果

視覺(jué)效果，就像你對(duì)顏色的選擇一樣，必須吸引并吸引訪問(wèn)者。即使您的產(chǎn)品是高度技術(shù)化的，例如軟件，您也需要找到一種方法來(lái)可視化地表示它。這不僅對(duì)吸引訪問(wèn)者的眼球很重要，而且對(duì)分解文本和讓你的登錄頁(yè)面更容易理解也很重要。

使用F或Z模式

人們的眼睛傾向于以F或z形的模式在網(wǎng)站上移動(dòng)。為了最大化你的登陸頁(yè)設(shè)計(jì)的有效性，試著把這些模式考慮進(jìn)去。
可以把最重要的登陸頁(yè)面元素-頁(yè)眉，主圖像和CTA按鈕-放在一個(gè)F或Z配置。例如，將圖像放在左邊，標(biāo)題放在右上角，CTA在標(biāo)題下面遵循F模式，提示讀者的目光鎖定在CTA上。

讓訪問(wèn)者專注于頁(yè)面

避免在登陸頁(yè)面本身包含你網(wǎng)站的導(dǎo)航欄——這會(huì)讓訪問(wèn)者很容易地離開(kāi)CTA。同樣，不要在你的登陸頁(yè)拷貝中包含反向鏈接。

社交分享

一個(gè)有效的策略是讓它在社交媒體上被分享。這可以讓瀏覽你的登陸頁(yè)面的人向他們的追隨者傳播信息。雖然這種策略不能直接提高轉(zhuǎn)化率，但可以增加頁(yè)面的點(diǎn)擊次數(shù)。你帶來(lái)的訪客越多，整體的轉(zhuǎn)化率就會(huì)越高。為了鼓勵(lì)人們分享，在登陸頁(yè)面的第一頁(yè)添加一些不同的社交按鈕。

 A/B測(cè)試

如果你對(duì)某個(gè)特定的登陸頁(yè)設(shè)計(jì)有矛盾，最好的事情就是做一個(gè)實(shí)驗(yàn)來(lái)測(cè)試你的頁(yè)面的不同版本。