W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
網(wǎng)站導(dǎo)航是內(nèi)部鏈接規(guī)劃中最重要的一環(huán),在通常情況下,網(wǎng)站導(dǎo)航的規(guī)劃可以對內(nèi)部頁面的重要關(guān)系進行梳理,對用戶體驗有非常好的促進作用。
2009年,美國長期研究網(wǎng)站可用性的著名網(wǎng)站設(shè)計師杰柯柏·尼爾森(Jakob Nielsen)發(fā)表一個報告《眼球軌跡的研究》(原文:F-Shaped Pattern For Reading Web Content)。在這個報告中指出:大多數(shù)情況下瀏覽者都不由自主地以“F”形狀的模式閱讀網(wǎng)頁,這種基本恒定的閱讀習(xí)慣決定網(wǎng)頁呈現(xiàn)F形的關(guān)注熱度。
研究者用幾種不同的頁面做眼動儀測試,得到3張熱度圖,用顏色來表示瀏覽者眼光聚集的熱度,分為最熱(紅色)、較熱(黃色)、不熱(藍(lán)色)和基本不關(guān)注(灰色)4種,如下圖所示。
根據(jù)這一原理,導(dǎo)航應(yīng)該部署在用戶最容易看到的地方。對搜索引擎來說,判斷單一頁面中的權(quán)重,也是和用戶一樣:從左到右、從上到下依次減弱——基于這兩個原因,常見的網(wǎng)站導(dǎo)航應(yīng)該滿足用戶F形眼球軌跡的習(xí)慣,在F形區(qū)域中采用恰當(dāng)?shù)膶?dǎo)航方式,以便更好地引導(dǎo)用戶行為,滿足用戶需求。
在網(wǎng)頁F形熱區(qū)的前提下,網(wǎng)站可以有選擇地采用以下幾種導(dǎo)航方式。
— 頂部導(dǎo)航:主要欄目、分類導(dǎo)航;
— 左側(cè)導(dǎo)航:某一具體欄目內(nèi)導(dǎo)航;
— 內(nèi)容導(dǎo)航:明確訪客現(xiàn)在的位置,提供快速內(nèi)容導(dǎo)航。
上述導(dǎo)航方式在各種大型網(wǎng)站上幾乎都可以看到,中小型網(wǎng)站也應(yīng)該根據(jù)這個位置規(guī)劃導(dǎo)航。下面以知名母嬰網(wǎng)站紅孩子為例,簡單介紹上述幾種導(dǎo)航方式的位置分布。
— “頂部導(dǎo)航”是目前最常用也最常見的導(dǎo)航。一般情況下,頂部導(dǎo)航需要連接網(wǎng)站最主要的幾個欄目、分類,而且不要太多,比如5~7個比較恰當(dāng),過多則會讓用戶無法選擇,如下圖所示。
— “左側(cè)導(dǎo)航”一般是為了彌補頂部導(dǎo)航而存在的,因為往往網(wǎng)站的每個欄目下面都會有很多詳細(xì)的分類,這些分類不可能全部放置在頂部導(dǎo)航中,所以就需要采用左側(cè)導(dǎo)航的方式進行彌補,如下圖所示。
— “內(nèi)容導(dǎo)航”的目的是為了讓用戶建立位置感,明確自己現(xiàn)在瀏覽的頁面處于網(wǎng)站的哪一級目錄中。比如,很多網(wǎng)站都存在的“當(dāng)前位置”就屬于內(nèi)容導(dǎo)航,如下圖所示。
如果要問導(dǎo)航應(yīng)該分布在哪些頁面上?從來訪者的角度審視這個問題就很簡單:哪些頁面在訪問者訪問后,可能會產(chǎn)生進一步了解信息的沖動,那么這些頁面上就應(yīng)該放置導(dǎo)航。簡單來說,除了完全沒有意義的中間過渡頁面外,網(wǎng)站的任何頁面都應(yīng)該存在某種方式的導(dǎo)航。
以新浪為例,它的頁面導(dǎo)航用各種方式存在于各種類型的頁面中,比如首頁和頻道頁的頂部導(dǎo)航,如下圖所示。
專題頁的導(dǎo)航,如下圖所示。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: