国产日本精品久久久久_国产精品一级AV毛片_欧美性爱在线观看视频_亚洲成av人片在www_国产好吊妞看视频在线观看_免费人妻中文不卡无码_成人无码亚洲精品啪啪网站_在线上看三级av黄片_午夜激情欧美日韩_亚洲国产日韩a视频

更多>>
當前位置 > 新聞咨詢網(wǎng)絡學堂
如何設(shè)計優(yōu)秀的網(wǎng)站著陸頁

網(wǎng)站的著陸頁承載了太多的東西。當用戶打開著陸頁的時候,你得讓他們感知到你的品牌調(diào)性,通過行為召喚元素促使用戶執(zhí)行特定的操作,通過視覺化的手法,給用戶留下深刻的印象等等。想要做好,真的很難。今天的文章將會和你分享10個提升著陸頁設(shè)計效果的小技巧。


正如同你所知道的,著陸頁的設(shè)計并不簡單。單純的將你的LOGO替換到著陸頁模板上,并不能夠帶來足夠優(yōu)秀的設(shè)計效果,導航是否好使,可讀性是否優(yōu)秀,整體的設(shè)計是否一致,都會影響著著陸頁的效果,而這些都需要你進行貼切而細致的設(shè)計,才能做好。而這也使得這些提升頁面效果的技巧非常有用。


1. 為頁面設(shè)置一個明確的目標

https://barkbox.com/join/vday14

blob.png

著陸頁通常不是大而全的,它需要有足夠的針對性:你希望用戶在進入著陸頁之后執(zhí)行什么操作?達成什么目標?


  • 點擊一個特定的鏈接南寧網(wǎng)站建設(shè)

  • 查看視頻

  • 玩一個小游戲

  • 填寫表單

  • 購買產(chǎn)品

  • 分享內(nèi)容到社交媒體

  • 閱讀,或者和內(nèi)容進行互動


你在著落頁上所放置的內(nèi)容,都應該盡量讓用戶盡可能接近實際的目標。BarkBox 的著陸頁上,設(shè)計師的目標是讓用戶購買狗玩具,或者提交郵箱訂閱信息。上面是他們的情人節(jié)促銷頁面,主題貼切,目標明確。(注意頁面的核心是CTA按鈕“Get Start”)


2. 為訪客而設(shè)計


blob.png

著陸頁的設(shè)計,一定是要考慮到網(wǎng)站的訪客,你的用戶。這聽起來挺理所當然,但是實際上很少有網(wǎng)站能夠真正做到。整個頁面中,所運用到的圖片和元素應該和用戶相關(guān),文本和文案也應該以貼合用戶甚至讓用戶喜愛和欣賞的方式來呈現(xiàn)。


你可以深入分析你的關(guān)鍵性的受眾。


  • 他們是男人還是女人?

  • 他們年輕還是年長?

  • 他們是否分布在特定的區(qū)域?


創(chuàng)建吸引用戶的設(shè)計,能夠提升參與度和用戶轉(zhuǎn)化率。


3. 使用風格強烈視覺有力的圖片

https://interfacelovers.com/

blob.png

風格強烈,視覺上有力,又或者是足夠有趣的圖片,往往會給用戶留下深刻的第一印象,并且能夠讓用戶參與進來。


Coulee Creative 的頁面采用了一種有趣的設(shè)計策略。頁面的整體設(shè)計確實沒有改變,但是標題文案和圖片中的男人表情會逐步變化。


這樣的設(shè)計很有趣,很走心,也很讓人期待。


4. 設(shè)計層次清晰的文本


blob.png

絕大多數(shù)的網(wǎng)站中都會包含不同層級的文本內(nèi)容,而每個層級的文本內(nèi)容的重要性、功能都會有差異,有的需要抓人眼球,有的則需要用戶專注地仔細閱讀。所以,你的設(shè)計需要圍繞著文本的功能來設(shè)計。


  • 標題:使用精煉而吸引人的文本讓用戶注意到。


  • 正文:主要的信息,簡潔,直接,清晰。


  • 行為召喚文本:通常以按鈕和鏈接的形式存在,告訴用戶要做什么,下一步執(zhí)行什么,如何抵達目標等等。提供明確的、可操作的指引。


  • 頁腳:提供相關(guān)的鏈接和信息,諸如品牌、聯(lián)系方式和社交媒體鏈接等,建立信任,提供周邊信息。


5. 導航和關(guān)鍵詞的結(jié)合

https://www.baublebar.com/puppybowl.html

blob.png

著陸頁上的導航元素有助于告訴用戶網(wǎng)站的內(nèi)容,將導航元素視為整個網(wǎng)站的關(guān)鍵詞系統(tǒng)的一個組成部分是非常有意義的。南寧網(wǎng)站開發(fā)


Baublebar 在 Puppy Bowl 的著陸頁上就做的很好,網(wǎng)站主要銷售女性珠寶,設(shè)計師在網(wǎng)站的導航欄上標識出關(guān)鍵詞“Baubles”,也讓用戶明白這個頁面是針對寵物的。


6. 清晰的行為召喚

http://www.jonathanpatterson.com/

blob.png

每個用戶都應該知道他們所打開的網(wǎng)站是做什么的,清晰的行為召喚指引是至關(guān)重要的。不要以為用戶是你肚子中的蛔蟲,你往往需要通過指引來引導他們做你希望他們做的事情。


比較常見的行為召喚方式是按鈕,填寫表單,引導說明(比如“滾動以查看更多”),甚至動畫。


Jonathan Patterson 的著陸頁中,每個明亮的色塊都會在光標懸停的時候變暗,并且予以說明,引導用戶去點擊獲取更多信息。


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

https://www.trulia.com/

blob.png

著陸頁本身就是為了特定功能而存在的,而且這個目標和功能通常是比較單一的,而這樣的頁面自然也需要足夠的自定義設(shè)計來盡量達成目標。


Trulia 這個網(wǎng)站的首頁/著陸頁就是盡量引導用戶并且讓用戶提供他們的地理位置信息。通過自定義設(shè)計,用戶才有可能深度地參與到交互當中來。


8. 清晰而高關(guān)聯(lián)性的品牌設(shè)計

https://www.nike.com/us/en_us/c/nikeid

blob.png

著陸頁最常見的問題就是容易讓人感到厭倦,或者和主站的信息、設(shè)計上有所割裂。


在品牌設(shè)計上,著陸頁和首頁以及品牌本身應該有清晰的關(guān)聯(lián),確保用戶不會有跳出感,讓他們能夠自然的參與到內(nèi)容當中來。


Nike 的運動鞋定制頁面就做的非常好。它和整個網(wǎng)站的品牌化設(shè)計保持著高度的一致,從LOGO到圖標,從字體到圖片風格,用戶知道這個頁面的特殊性,同時也能夠輕松明白它和整個網(wǎng)站之間的關(guān)系。用戶永遠不會懷疑這一點。


9. 符合用戶預期

https://debt.bills.com/ct#step/estimated_debt

blob.png

當用戶在其他的網(wǎng)站上點擊鏈接跳轉(zhuǎn)到這個著陸頁上來的時候,他們會對這個頁面或者網(wǎng)站有所期待,換句話來說,著陸頁的設(shè)計應該具備特定的功能,迎合特定的需求,并且要貼合跳轉(zhuǎn)的來源用戶的預期。


Bills.com 這個網(wǎng)站的著陸頁采用了相對簡單的設(shè)計,它可以幫助用戶管理財務。從網(wǎng)站的名稱到功能,用戶能夠形成一個相對明晰的概念和預期,而完成整個流程之前,用戶不會看到其他的無關(guān)內(nèi)容。


這樣的設(shè)計和網(wǎng)站的跳轉(zhuǎn)來源(比如社交網(wǎng)絡)有著緊密的關(guān)聯(lián),用戶知道接下來會發(fā)生什么。南寧微信開發(fā)


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


blob.png

設(shè)計良好的著陸頁有著良好的可用性,這也意味著它有著清晰的層次結(jié)構(gòu)。用戶應該先看什么再看什么?他們將會在頁面上執(zhí)行什么任務,實現(xiàn)什么目標?合理的層次結(jié)構(gòu)和貼合用戶模式的流程很大程度上能夠讓用戶和頁面進行正確的互動,幫助用戶達成目標。


在上面的 LS Productions 網(wǎng)站中,設(shè)計師讓網(wǎng)站在視覺上呈現(xiàn)出清晰的行動流程,超大的視頻背景,分別置于頂端兩邊的 LOGO 和菜單,以及向下滾動的 CTA 引導說明「Scroll for more」。用戶可以在幾秒鐘內(nèi)快速獲取這些信息,并且開始操作。


結(jié)語


著陸頁和首頁其實是兩個東西,兩者在功能上有差異。有的網(wǎng)站可能是兩者合而為一的,但是很多網(wǎng)站不是。著陸頁是用戶最常訪問的頁面,但并不一定是首頁。南寧安卓開發(fā)


頂級的著陸頁設(shè)計通常是需要營銷人員參與進來,并且盡可能充分利用著陸頁的流量。了解用戶,有針對性的設(shè)計,是著陸頁設(shè)計的關(guān)鍵。

關(guān)閉

其他產(chǎn)品服務中心

  • 微信好幫手微信朋友圈文章轉(zhuǎn)發(fā) 微信公眾號圖文代發(fā)
  • 微信好營銷投票、砍價、助力、大轉(zhuǎn)盤、刮刮卡
  • 天祺科技高端網(wǎng)站定制開發(fā)品牌 手機APP開發(fā) 平臺商城建設(shè)

關(guān)于我們

關(guān)于我們 公司動態(tài) 應用服務 建議反饋 網(wǎng)站地圖

電話
7x24小時咨詢熱線
0771-6796911
南寧網(wǎng)站建設(shè)

官方公眾號
掃一掃輕松體驗

  • 0771-6796911