2017-01-18 分類: 網(wǎng)站建設(shè)
網(wǎng)站的著陸頁(yè)承載了太多的東西。當(dāng)用戶打開著陸頁(yè)的時(shí)候,你得讓他們感知到你的品牌調(diào)性,通過(guò)行為召喚元素促使用戶執(zhí)行特定的操作,通過(guò)視覺化的手法,給用戶留下深刻的印象等等。想要做好,真的很難。今天的文章將會(huì)和你分享 10 個(gè)提升著陸頁(yè)設(shè)計(jì)效果的小技巧。
正如同你所知道的,著陸頁(yè)的設(shè)計(jì)并不簡(jiǎn)單。單純的將你的LOGO替換到著陸頁(yè)模板上,并不能夠帶來(lái)足夠優(yōu)秀的設(shè)計(jì)效果,導(dǎo)航是否好使,可讀性是否優(yōu)秀,整體的設(shè)計(jì)是否一致,都會(huì)影響著著陸頁(yè)的效果,而這些都需要你進(jìn)行貼切而細(xì)致的設(shè)計(jì),才能做好。而這也使得這些提升頁(yè)面效果的技巧非常有用。
1. 為頁(yè)面設(shè)置一個(gè)明確的目標(biāo)著陸頁(yè)通常不是大而全的,它需要有足夠的針對(duì)性:你希望用戶在進(jìn)入著陸頁(yè)之后執(zhí)行什么操作?達(dá)成什么目標(biāo)?
點(diǎn)擊一個(gè)特定的鏈接
查看視頻
玩一個(gè)小游戲
填寫表單
購(gòu)買產(chǎn)品
分享內(nèi)容到社交媒體
閱讀,或者和內(nèi)容進(jìn)行互動(dòng)
你在著落頁(yè)上所放置的內(nèi)容,都應(yīng)該盡量讓用戶盡可能接近實(shí)際的目標(biāo)。BarkBox的著陸頁(yè)上,設(shè)計(jì)師的目標(biāo)是讓用戶購(gòu)買狗玩具,或者提交郵箱訂閱信息。上面是他們的情人節(jié)促銷頁(yè)面,主題貼切,目標(biāo)明確。(注意頁(yè)面的核心是CTA按鈕“Get Start”)
2. 為訪客而設(shè)計(jì)著陸頁(yè)的設(shè)計(jì),一定是要考慮到網(wǎng)站的訪客,你的用戶。這聽起來(lái)挺理所當(dāng)然,但是實(shí)際上很少有網(wǎng)站能夠真正做到。整個(gè)頁(yè)面中,所運(yùn)用到的圖片和元素應(yīng)該和用戶相關(guān),文本和文案也應(yīng)該以貼合用戶甚至讓用戶喜愛和欣賞的方式來(lái)呈現(xiàn)。
你可以深入分析你的關(guān)鍵性的受眾。
他們是男人還是女人?
他們年輕還是年長(zhǎng)?
他們是否分布在特定的區(qū)域?
創(chuàng)建吸引用戶的設(shè)計(jì),能夠提升參與度和用戶轉(zhuǎn)化率。
3. 使用風(fēng)格強(qiáng)烈視覺有力的圖片風(fēng)格強(qiáng)烈,視覺上有力,又或者是足夠有趣的圖片,往往會(huì)給用戶留下深刻的第一印象,并且能夠讓用戶參與進(jìn)來(lái)。
Coulee Creative的頁(yè)面采用了一種有趣的設(shè)計(jì)策略。頁(yè)面的整體設(shè)計(jì)確實(shí)沒有改變,但是標(biāo)題文案和圖片中的男人表情會(huì)逐步變化。
這樣的設(shè)計(jì)很有趣,很走心,也很讓人期待。
4. 設(shè)計(jì)層次清晰的文本絕大多數(shù)的網(wǎng)站中都會(huì)包含不同層級(jí)的文本內(nèi)容,而每個(gè)層級(jí)的文本內(nèi)容的重要性、功能都會(huì)有差異,有的需要抓人眼球,有的則需要用戶專注地仔細(xì)閱讀。所以,你的設(shè)計(jì)需要圍繞著文本的功能來(lái)設(shè)計(jì)。
標(biāo)題:使用精煉而吸引人的文本讓用戶注意到。
正文:主要的信息,簡(jiǎn)潔,直接,清晰。
行為召喚文本:通常以按鈕和鏈接的形式存在,告訴用戶要做什么,下一步執(zhí)行什么,如何抵達(dá)目標(biāo)等等。提供明確的、可操作的指引。
頁(yè)腳:提供相關(guān)的鏈接和信息,諸如品牌、聯(lián)系方式和社交媒體鏈接等,建立信任,提供周邊信息。
著陸頁(yè)上的導(dǎo)航元素有助于告訴用戶網(wǎng)站的內(nèi)容,將導(dǎo)航元素視為整個(gè)網(wǎng)站的關(guān)鍵詞系統(tǒng)的一個(gè)組成部分是非常有意義的。
Baublebar 在Puppy Bowl的著陸頁(yè)上就做的很好,網(wǎng)站主要銷售女性珠寶,設(shè)計(jì)師在網(wǎng)站的導(dǎo)航欄上標(biāo)識(shí)出關(guān)鍵詞“Baubles”,也讓用戶明白這個(gè)頁(yè)面是針對(duì)寵物的。
當(dāng)前標(biāo)題:提升著陸頁(yè)設(shè)計(jì)效果的10個(gè)小技巧
本文來(lái)源:http://m.rwnh.cn/news10/72660.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、軟件開發(fā)、企業(yè)網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容