一、網(wǎng)站首頁布局設(shè)計
網(wǎng)站首頁是網(wǎng)站給用戶的第一印象,首頁頁面布局需從主題、導(dǎo)航、內(nèi)容等方面入手,下面以百度百科的頁面為例進(jìn)行首頁頁面布局分析。
1、首頁主題
首頁是網(wǎng)站的核心頁面,首頁的主題也就是網(wǎng)站的主要核心。首頁主題需讓用戶很容易的了解網(wǎng)站是做什么的。首頁主題體現(xiàn)在網(wǎng)站的標(biāo)題、關(guān)鍵詞、描述上,其中最重要的是標(biāo)題,用戶在搜索引擎上看到的搜索結(jié)果就是你網(wǎng)站的標(biāo)題和描述內(nèi)容。例如下圖的百度百科,用戶通過圖中內(nèi)容及可了解到百度百科是做中文百科的,以及百科涵蓋的知識及服務(wù)領(lǐng)域
在首頁頁面上,首頁主題還體現(xiàn)在logo及網(wǎng)站標(biāo)題上。準(zhǔn)確概括的首頁主題可以很好幫助用戶選擇自己有確切需求的網(wǎng)站。
2、首頁導(dǎo)航
網(wǎng)站導(dǎo)航可以看做是對網(wǎng)站內(nèi)容的分類,把網(wǎng)站的內(nèi)容進(jìn)行細(xì)分,方便用戶跟據(jù)個人需求選擇瀏覽相應(yīng)欄目頁面。網(wǎng)站首頁導(dǎo)航要做到分類清晰,導(dǎo)航欄目間不重復(fù)。百度百科的首頁導(dǎo)航做的很好,我們可以學(xué)習(xí)一下。
3、首頁內(nèi)容
布置好網(wǎng)站首頁導(dǎo)航就可以進(jìn)行網(wǎng)站首頁的內(nèi)容布局設(shè)計了。頁面的內(nèi)容布局需先對網(wǎng)站的用戶群體進(jìn)行需求分析,把用戶關(guān)注最多的內(nèi)容放置在首頁的最重要位置。一般按照用戶的瀏覽方式,頁面內(nèi)容布局按照內(nèi)容重要程度由左上到右下進(jìn)行布置。也就是說最重要的內(nèi)容要放置在首頁左上位置,而廣告或最不重要的內(nèi)容可放置在頁面的右下位置。
網(wǎng)站首頁布局除了做好主題、導(dǎo)航和內(nèi)容外還需注意頁面的尺寸、網(wǎng)站打開速度及友情鏈接布置等方面。
二、網(wǎng)站內(nèi)頁布局設(shè)計
本文這里所說的網(wǎng)站內(nèi)頁包含了網(wǎng)站的欄目頁及內(nèi)容頁面。因頁面的總體布局方式相似所以一起進(jìn)行論說。
1、內(nèi)頁面包屑導(dǎo)航
為了更好的傳遞站內(nèi)頁面權(quán)重,內(nèi)頁需要設(shè)置面包屑導(dǎo)航。網(wǎng)站各層級的頁面較多,尤其是大型網(wǎng)站,為了更好的讓網(wǎng)站內(nèi)頁獲得權(quán)重,內(nèi)鏈?zhǔn)呛芎玫姆绞剑瑸閮?nèi)容設(shè)置面包屑導(dǎo)航就是最符合用戶體驗的內(nèi)鏈形式。面包屑導(dǎo)航不但可以分配頁面權(quán)重還可以方便用戶在各層級頁面間進(jìn)行切換。
2、網(wǎng)站內(nèi)頁模板
常見的內(nèi)頁模板有兩欄和三欄兩種形式。兩欄的形式多用戶小型企業(yè)站幾博客網(wǎng)站。兩欄頁面的主要位置是文章內(nèi)容,另一側(cè)為用戶互動內(nèi)容,例如熱門文章、推薦文章等。兩欄欄目頁面主要位置為欄目下文章列表,側(cè)邊為互動內(nèi)容。欄目頁需注意,文章列表每頁條目不要太少,用戶多次翻頁會不便于用戶瀏覽,還會出現(xiàn)網(wǎng)站頁面層次過深的問題。三欄的內(nèi)頁布局和兩欄的差不多,中間主要位置為文章內(nèi)容,兩側(cè)方式相應(yīng)的互動內(nèi)容或廣告。內(nèi)頁模板我們可參看百度百科的頁面布局形式。