POST TIME:2018-12-03 21:48
在今天這樣一個(gè)互聯(lián)網(wǎng)+時(shí)代,絕大多數(shù)企業(yè)都意識(shí)到通過(guò)線上資訊來(lái)吸引更多的潛在客戶是多么的重要。這些潛在客戶對(duì)你的公司及產(chǎn)品印象的好壞,很大程度上取決于你在網(wǎng)站設(shè)計(jì)上投入精力的多少。所以花時(shí)間構(gòu)思一個(gè)好的網(wǎng)站設(shè)計(jì),特別是主頁(yè)部分的設(shè)計(jì)非常關(guān)鍵。
用戶點(diǎn)擊完搜索結(jié)果后首先跳轉(zhuǎn)到的頁(yè)面就是該網(wǎng)站的主頁(yè),主頁(yè)直接影響到訪客對(duì)該公司及其產(chǎn)品的第一印象,所以必需把這個(gè)頁(yè)面盡可能設(shè)計(jì)得友好且抓人眼球。
在欣賞這20個(gè)優(yōu)秀的主頁(yè)設(shè)計(jì)之前,我們先來(lái)介紹一下現(xiàn)代主頁(yè)設(shè)計(jì)應(yīng)包羅的基本要素。
有效介紹你的公司的能力
一個(gè)主頁(yè)最重要的部分在于它能否有效地吸引訪客的注意力。所以關(guān)鍵在于,你的主頁(yè)能否在幾秒鐘內(nèi)解答訪客心中的三大疑問(wèn):
1. 這是個(gè)什么性質(zhì)的公司?
2. 這個(gè)公司具體是做什么的?
3. 和競(jìng)爭(zhēng)對(duì)手比,你的優(yōu)勢(shì)在哪?
如果你的主頁(yè)能夠準(zhǔn)確清晰的回答這三個(gè)問(wèn)題,那么拜候者就能在了解你的公司的基礎(chǔ)上有駕馭的購(gòu)買(mǎi)你的產(chǎn)品及辦事。
許多企業(yè)有其獨(dú)特的口號(hào)或簡(jiǎn)短的標(biāo)語(yǔ),用以凸顯其價(jià)值主張(UVP)。他們通過(guò)簡(jiǎn)練的語(yǔ)言傳達(dá)出公司理念,與訪客建立起一種聯(lián)系。所以這些口號(hào)經(jīng)常出現(xiàn)在主頁(yè)上,并大量的用于公司的品牌營(yíng)銷策略。
自適應(yīng)、簡(jiǎn)約的設(shè)計(jì)
拜候者會(huì)通過(guò)PC、平板電腦或智能手機(jī)等設(shè)備登入你的網(wǎng)站。隨著全球移動(dòng)普及率的不停提高,最新的數(shù)據(jù)顯示將近60%的網(wǎng)站流量是移動(dòng)設(shè)備提供的。
為了確保你的網(wǎng)站有更好的用戶體驗(yàn),在頁(yè)面設(shè)計(jì)時(shí)考慮其自適應(yīng)性很關(guān)鍵。自適應(yīng)設(shè)計(jì)意味著無(wú)論通過(guò)什么設(shè)備接入你的網(wǎng)站,用戶的體驗(yàn)是相同的或非常相似的。首先,導(dǎo)航要設(shè)計(jì)的便利,使得用戶可以快速瀏覽差別的頁(yè)面;其次,功能需要類似,這樣用戶無(wú)需切換設(shè)備即可拜候網(wǎng)站的全部功能;最后,設(shè)計(jì)要簡(jiǎn)單,這樣才能確保你的設(shè)計(jì)在差別尺寸的屏幕上都可以清晰地傳達(dá)。
一個(gè)風(fēng)格一致且響應(yīng)及時(shí)的網(wǎng)站將有助于連結(jié)品牌的知名度,為拜候者跨平臺(tái)與公司連結(jié)聯(lián)系提供便利。
動(dòng)態(tài)感,互動(dòng)性和聯(lián)系性
人們更傾向于記住那些能調(diào)動(dòng)他們情緒的事情。將這個(gè)竅門(mén)應(yīng)用到你的主頁(yè)設(shè)計(jì)上可以為拜候者創(chuàng)造一種不凡的體驗(yàn)。
一個(gè)動(dòng)態(tài)主頁(yè)可以讓訪客連結(jié)表情愉悅,在使用的過(guò)程也更容易留下深刻的印象。而充分利用變革的插圖、動(dòng)畫(huà)、視頻或迷你游戲可以增強(qiáng)開(kāi)發(fā)者和用戶之間的互動(dòng)性。在頁(yè)眉和頁(yè)腳加迷你動(dòng)畫(huà)這樣的小細(xì)節(jié),也是提高用戶體驗(yàn)的不錯(cuò)選擇。
動(dòng)態(tài)布局可以讓訪客了解你的整體想法。虛擬現(xiàn)實(shí)或360°場(chǎng)景漫游頁(yè)面可以更立體地向用戶展示公司業(yè)務(wù)及其產(chǎn)品,達(dá)到鞏固其與品牌之間聯(lián)系的效果。
按期更新主頁(yè)內(nèi)容、及時(shí)反映客戶所需或分享公司的最新動(dòng)態(tài),這些都是使網(wǎng)站連結(jié)活力并與訪客加強(qiáng)聯(lián)系的方式。提供了很多動(dòng)態(tài)主頁(yè)布局的案例。
換言之,在設(shè)計(jì)和布局主頁(yè)時(shí)采用動(dòng)態(tài)方式可以加深你與用戶之間的合作,為他們提供有趣而又獨(dú)特的體驗(yàn),這樣他們就會(huì)時(shí)時(shí)時(shí)地上你的網(wǎng)站逛逛啦!
簡(jiǎn)單、流暢的導(dǎo)航
整個(gè)網(wǎng)站的使用過(guò)程應(yīng)該是很流暢的。如果訪客在拜候網(wǎng)站過(guò)程中產(chǎn)生了挫敗感,那么這種負(fù)面情緒將會(huì)極大地影響你們之間的關(guān)系。
一個(gè)巧妙且直不雅觀的主頁(yè)設(shè)計(jì)首先應(yīng)該使用簡(jiǎn)單的導(dǎo)航,通過(guò)顏色和對(duì)比度等視覺(jué)分隔手段來(lái)打造易于識(shí)另外菜單。其次,差別頁(yè)面標(biāo)簽之間應(yīng)具有合理的邏輯關(guān)系,這樣用戶才能快速找到導(dǎo)航選項(xiàng)卡或按鈕的位置。確保拜候者知道本身在網(wǎng)站所處的位置也是非常重要的,因此選定之后產(chǎn)生一些視覺(jué)變革(如:突出顯示,對(duì)比度或顏色更改)可以帶來(lái)紛歧樣的效果。一個(gè)優(yōu)秀的主頁(yè)設(shè)計(jì)可以使拜候者在差別頁(yè)面和分屏之間輕松游藝,時(shí)刻連結(jié)與用戶的緊密聯(lián)系,以激起他們繼續(xù)拜候的欲望。
適當(dāng)加入號(hào)召性用語(yǔ)
你的主頁(yè)有人拜候了!這是一個(gè)很好的開(kāi)始,但你要怎么留住他們呢?許多現(xiàn)代主頁(yè)通過(guò)具體的號(hào)召性用語(yǔ)(CTA)吸引訪客注意,例如“立即注冊(cè)”、“加入我們”、“免費(fèi)試用”、“立即訂閱”等等,這里有一些可以增加點(diǎn)擊率的CTA示例
網(wǎng)頁(yè)應(yīng)該致力于吸引目標(biāo)用戶的注意力,引導(dǎo)其進(jìn)一步了解公司,找到本身想要的信息,留下聯(lián)系方式,或以其他方式與公司進(jìn)行聯(lián)系。恰到好處的CTA可以引導(dǎo)拜候者在你預(yù)期的路徑上瀏覽,這樣原本只起到宣傳手冊(cè)作用的主頁(yè)將變?yōu)閺?qiáng)有力的銷售引擎。
和時(shí)代尺度連結(jié)一致