底部標(biāo)簽式導(dǎo)航,即坐落于移動網(wǎng)站頁面底部的,長時間的停留的標(biāo)簽導(dǎo)航欄,這種導(dǎo)航模式整被廣泛應(yīng)用于APP與移動網(wǎng)站建設(shè)的設(shè)計。數(shù)據(jù)顯示,這種設(shè)計模式較之于隱藏式的漢堡菜單欄更受歡迎,并且使用的頻率也會更高。具體是為什么呢?

1、小體積,大容量
底部標(biāo)簽導(dǎo)航欄占用的面積不大,僅占用頁面底部幾毫米的橫欄,而且用戶瀏覽頁面的視覺習(xí)慣是,從上至下瀏覽,在瀏覽時會習(xí)慣性滑動加載更多的內(nèi)容,底部的小小的導(dǎo)航欄面積對于用戶的瀏覽體驗并沒有影響,即使導(dǎo)航欄固定,也不會影響用戶的視線。
這種導(dǎo)航欄模式是一個頁面能承載內(nèi)容是不限的,每一個頁面的內(nèi)容還有更為精細的分類,手機網(wǎng)站就可承載更多的內(nèi)容。
2、使導(dǎo)航看得見
我們通常說,給予用戶更為熟悉的設(shè)計,便于用戶的快速理解。漢堡菜單欄是用戶很熟悉的設(shè)計,以前,很多移動網(wǎng)站建設(shè)有比較常使用這種導(dǎo)航設(shè)計,但是菜單欄的點擊量并不理想,很大的原因是導(dǎo)航不可見,即使用戶知道導(dǎo)航在哪里,用戶也懶于開啟查看。
而使用這種導(dǎo)航模式是把全部菜單欄全部擺出來,讓用戶直觀看到網(wǎng)站大致分成幾個部分,以供用戶直接挑選,并且用戶也可以直接點擊跳轉(zhuǎn)頁面,較于漢堡菜單蘭,省去了很多點擊跳轉(zhuǎn)環(huán)節(jié),大大提升用戶體驗。
3、點擊更容易
導(dǎo)航欄位于頁面底部,也很契合移動用戶使用手機的習(xí)慣。在單手使用移動設(shè)備時,用戶點擊頁面主要使用大拇指,這時,以移動設(shè)備的右下角為圓點,大拇指為半徑畫一個弧,弧內(nèi)的面積就是大拇指的較佳點擊范圍,而底部導(dǎo)航欄基本在這個范圍內(nèi),用戶想要點擊也簡單很多。
如果移動網(wǎng)站建設(shè)的內(nèi)容比較多,層次比較多且復(fù)雜,為了提供更清晰的架構(gòu),可以使用底部標(biāo)簽導(dǎo)航欄+別的導(dǎo)航模式的設(shè)計,如頂部文本標(biāo)簽導(dǎo)航等,讓用戶更快找到相關(guān)的信息。