PC網(wǎng)站的導(dǎo)航基本都是在頂部，極少數(shù)有側(cè)邊導(dǎo)航欄。而在響應(yīng)式網(wǎng)站潮流之下，幾乎所有的響應(yīng)式網(wǎng)站都將導(dǎo)航放在了頂部。在手機(jī)屏幕中，為了既不讓導(dǎo)航占據(jù)僅有的手機(jī)屏幕，又能夠方便訪客隨時(shí)可以跳轉(zhuǎn)到其它欄目和頁面，便有了漢堡包導(dǎo)航，也被稱之為三明治導(dǎo)航設(shè)計(jì)。不過，無論是頂部導(dǎo)航、漢堡包導(dǎo)航，都被放在了網(wǎng)站的頂部和上部。我們想要做這樣一個(gè)嘗試——將移動(dòng)網(wǎng)站的導(dǎo)航放在底部。

為什么嘗試的理由？

我們?yōu)槭裁匆鲞@樣的嘗試呢？我們有三個(gè)理由。
第一，屏幕越來越大，拇指夠不到。
導(dǎo)航是網(wǎng)站最為常用的功能和區(qū)域，手機(jī)的屏幕越來越大，特別是全面屏普及以來，手機(jī)屏幕再次變大。這就導(dǎo)致，我們拇指很多區(qū)域是無法觸及到的。有人可能會(huì)說，可以使用食指啊。但是，根據(jù)我們的調(diào)查，超過6成以上的手機(jī)用戶是使用拇指點(diǎn)擊屏幕的，只有不足4成的用戶使用食指。如果將導(dǎo)航放在頂部，拇指就很難點(diǎn)擊到。



第二，應(yīng)用程序，就是導(dǎo)航位于底部。
我們可以看看常用的應(yīng)用程序，例如微信、支付寶、美團(tuán)，他們都是在底部放置了一級(jí)導(dǎo)航，可能會(huì)在頂部放上附加的功能或者二級(jí)的導(dǎo)航。APP設(shè)計(jì)者都意識(shí)到了這一問題，網(wǎng)站設(shè)計(jì)者是否應(yīng)該跟隨。
第三，PC和移動(dòng)用戶體驗(yàn)不同。
有人可能會(huì)反駁，PC網(wǎng)站的導(dǎo)航一直都是放在頂部的。不錯(cuò)，PC網(wǎng)站放在頂部，一是PC屏幕大，浮動(dòng)式、固定式都不影響閱讀。二是當(dāng)我們?yōu)g覽PC網(wǎng)站的時(shí)候，對頂部的關(guān)注多過底部，但是移動(dòng)交互使然，讓用戶更多關(guān)注底部。
綜上，我們認(rèn)為，移動(dòng)網(wǎng)站底部導(dǎo)航是值得嘗試的。
那么，如果這樣去嘗試，還需要解決那些問題呢？

將導(dǎo)航放在移動(dòng)網(wǎng)站底部需要解決的問題

我們認(rèn)為，有三個(gè)問題需要解決。
一是解決CAT按鈕的問題。一直以來，CAT按鈕都是根據(jù)導(dǎo)航來進(jìn)行布局的。例如，在PC網(wǎng)站，很多企業(yè)將400電話設(shè)置在導(dǎo)航欄的右側(cè)，在線呼叫也是距離導(dǎo)航不遠(yuǎn)。如果將導(dǎo)航放在底部，CAT按鈕的位置，也需要緊隨導(dǎo)航。
二是解決網(wǎng)站頂部放什么的問題。如果我們將導(dǎo)航移動(dòng)到底部，頂部勢必空出來了位置。頂部應(yīng)該安排什么項(xiàng)目呢？導(dǎo)航欄定位在底部可以使用戶更容易地單擊菜單圖標(biāo)，而輔助項(xiàng)可以移動(dòng)到頂部?；旧?，你只需改變順序。移動(dòng)應(yīng)用程序一直在使用tap bar模式的這種邏輯。它本身并不是一個(gè)新概念，但它在網(wǎng)頁設(shè)計(jì)中并不像在應(yīng)用程序設(shè)計(jì)中那樣流行。
所以，當(dāng)導(dǎo)航欄移動(dòng)到底部，頂部可以放上搜索框或者其它非主要項(xiàng)目。
三是解決誤操作的問題。當(dāng)導(dǎo)航欄放到底部的時(shí)候，與手機(jī)觸摸按鈕更為接近，這會(huì)導(dǎo)致更多的誤操作。如用戶在點(diǎn)擊導(dǎo)航菜單的時(shí)候，容易觸碰到手機(jī)的觸摸按鍵。對于這一問題的一個(gè)解決辦法就是網(wǎng)站導(dǎo)航與手機(jī)觸摸按鈕之間要保留更多的安全距離。
綜上，我們認(rèn)為，在移動(dòng)網(wǎng)站中，將導(dǎo)航設(shè)置到底部，是可以進(jìn)行嘗試的。