在網(wǎng)站設(shè)計(jì)中,導(dǎo)航設(shè)計(jì)與頂部導(dǎo)航設(shè)計(jì)哪種可用性更強(qiáng)?哪個更好用的話題可以說是一個經(jīng)常需要琢磨的事,也是一個B端設(shè)計(jì)中繞不開的設(shè)計(jì)問題。隨著如今網(wǎng)站建設(shè)形式越來越多樣化及面對用戶千姿百態(tài)的設(shè)備屏幕,我們在導(dǎo)航設(shè)計(jì)時,側(cè)邊導(dǎo)航與頂部導(dǎo)航哪種可用性更強(qiáng)呢?下面博納網(wǎng)絡(luò)跟大家探討分析一下:
一、左側(cè)導(dǎo)航
在國內(nèi)訪客習(xí)慣于使用 F 式的瀏覽路徑,這使得左側(cè)導(dǎo)航在一般情況下有著相對更強(qiáng)的可用性,它不需要用戶視線上的查找,因?yàn)橛脩魰乱庾R注意到它們的存在。
另外,左側(cè)導(dǎo)航本身的排版邏輯,它通常可以顯示比頂部導(dǎo)航多一倍的條目內(nèi)容,如果你的信息架構(gòu)本身涉及到的一級菜單條目較多的時候,采用左側(cè)邊欄導(dǎo)航是明顯更合理的選擇,而且這種導(dǎo)航非常適合隨著時間推移逐漸增加條目的需求。
二、頂部導(dǎo)航
隨著移動端設(shè)備的普及,對于頂部導(dǎo)航更加節(jié)省空間。如果我們經(jīng)常使用筆記本電腦來瀏覽頁面,會很容易注意到不同的導(dǎo)航模塊對于頁面空間的占用比例,左側(cè)導(dǎo)航所占用的頁面控件通常是同樣內(nèi)容量的頂部導(dǎo)航的占用空間的3倍,因?yàn)榭v向的側(cè)邊欄導(dǎo)航需要考慮到橫向的標(biāo)題占用空間,再加上搜索等功能模塊的加入,這種空間占用就成了不可避免的結(jié)果。
但是相對于來說,頂部導(dǎo)航欄適合做超級菜單。頂部導(dǎo)航正是因?yàn)楹蛻彝3霭l(fā)下級菜單的功能很搭,所以很多電商和大型網(wǎng)站上會使用它來呈現(xiàn)條目眾多的超級菜單。它是用來一次容納超多條目的下級菜單的有效方式,這種布局也為產(chǎn)品展示和廣告留出了足夠多的空間。
三、兩者的優(yōu)勢
側(cè)邊導(dǎo)航支持一級條目較多且層級較多的導(dǎo)航需求,擴(kuò)展性良好,對于復(fù)雜的產(chǎn)品和自定義需求較多的產(chǎn)品、涉及到管理功能、 桌面級產(chǎn)品、 都適合使用側(cè)邊導(dǎo)航。
頂部導(dǎo)航,占用空間小,在頁面的位置最為顯著,涉及條目不多的時候效果非常好。對于層次結(jié)構(gòu)簡單的中小型網(wǎng)站,頂部導(dǎo)航還是很好用的,對于層級較少但是二級條目特別多的超級導(dǎo)航,頂部導(dǎo)航也是不二選擇。
不過,博納網(wǎng)絡(luò)認(rèn)為在網(wǎng)站設(shè)計(jì)中無論哪種導(dǎo)航欄都面臨響應(yīng)式設(shè)計(jì)的挑戰(zhàn)。另外,它需要我們在有限的空間內(nèi)如何呈現(xiàn)大量的導(dǎo)航條目也同樣存在挑戰(zhàn)。因此,具體我們在網(wǎng)站設(shè)計(jì)時,具體使用哪種導(dǎo)航欄是沒有固定的,主要取決于網(wǎng)站的具體實(shí)際情況的需求來做也合理的設(shè)計(jì),這樣才能體現(xiàn)它的可用性。