手機(jī)網(wǎng)站不同于PC網(wǎng)站，據(jù)統(tǒng)計(jì)，使用成都網(wǎng)站建設(shè)手機(jī)訪問網(wǎng)站的用戶，80%的人依賴于他們的拇指上面進(jìn)行對(duì)網(wǎng)站的操作。如下圖所示，紅色區(qū)域?yàn)橛脩粜枰淖兪謾C(jī)手握手機(jī)的姿勢(shì)才能夠到的區(qū)域，橙色區(qū)域?yàn)橛脩粝鄬?duì)可以夠得到的區(qū)域，而綠色區(qū)域?yàn)橛脩艉芊奖憔湍芡ㄟ^拇指進(jìn)行操作的區(qū)域。由此可見手機(jī)網(wǎng)站底部導(dǎo)航在成都網(wǎng)站建設(shè)中的重要性。

一、最重要內(nèi)容展示到底部導(dǎo)航中

在底部導(dǎo)航中，一般展示導(dǎo)航的數(shù)量為3-5個(gè)之間，考慮到不同手機(jī)尺寸和分辨率的問題，超過5個(gè)導(dǎo)航的設(shè)計(jì)，每個(gè)間距會(huì)太近。再視覺美觀度和操作型方便都不好。將比較重要的信息放到底部導(dǎo)航的位置，可方便用戶在任何時(shí)刻快速進(jìn)入網(wǎng)站的主題內(nèi)容。如一個(gè)網(wǎng)站建設(shè)公司的手機(jī)網(wǎng)站，那么底部應(yīng)該放“網(wǎng)站首頁”、“網(wǎng)站套餐”、“網(wǎng)站建設(shè)作品”、“聯(lián)系我們”這樣的導(dǎo)航。

二、適當(dāng)隱藏底部導(dǎo)航欄

對(duì)于文章類網(wǎng)站或文章詳情頁面來說，用戶最關(guān)注的是想最方便的查看文章的內(nèi)容，這時(shí)可以通過隱藏底部導(dǎo)航來進(jìn)行操作，如當(dāng)用戶向上滾動(dòng)屏幕的話，底部導(dǎo)航欄自動(dòng)隱藏，供用戶全屏幕瀏覽網(wǎng)站主體內(nèi)容。當(dāng)用戶向上滾動(dòng)屏幕的話，則底部導(dǎo)航自動(dòng)顯示出來，這里要注意需要有個(gè)過度效果才能達(dá)到好的用戶體驗(yàn)。

三、在底部導(dǎo)航上面加入ICO圖標(biāo)

用戶訪問手機(jī)網(wǎng)站，進(jìn)行選擇點(diǎn)擊網(wǎng)站哪些鏈接的過程中，對(duì)圖片的敏感程度要遠(yuǎn)遠(yuǎn)高于文字的程度。所以在底部導(dǎo)航中加入對(duì)應(yīng)的ICO圖標(biāo)可直觀告訴用戶，這個(gè)按鈕是做什么用的。用戶不需要去閱讀文字，只要看到這個(gè)圖標(biāo)就知道是做什么的。就像返回首頁的圖標(biāo)，一般都是一個(gè)小房子，聯(lián)系我們的圖標(biāo)，一般都是一個(gè)對(duì)話的標(biāo)志。

四、增加底部導(dǎo)航的選中狀態(tài)

告知用戶現(xiàn)在在哪里這是非常重要的，增加底部導(dǎo)航選中狀態(tài)可以很好的解決這個(gè)問題。對(duì)于任何一個(gè)網(wǎng)站，用戶進(jìn)行瀏覽過程中，都需要知道自己當(dāng)前的所在位置。如：“網(wǎng)站首頁---網(wǎng)站建設(shè)作品---企業(yè)網(wǎng)站---列表頁”，這樣，用戶可以一目了然知道自己是在看網(wǎng)站建設(shè)作品中企業(yè)網(wǎng)站有哪些。在手機(jī)網(wǎng)站中，選中狀態(tài)就像上面的例子一樣，同樣可以告知用戶當(dāng)前位置信息。

五、增加信息信息數(shù)字提示

這點(diǎn)與手機(jī)APP有些相似，就像用戶使用APP一樣，當(dāng)APP的小圖標(biāo)中出現(xiàn)了數(shù)字提示的時(shí)候，很想把他點(diǎn)開看一下是什么信息。這點(diǎn)我們可以借用到手機(jī)網(wǎng)站上面，在有新的信息的時(shí)候，可以提示在手機(jī)網(wǎng)站底部導(dǎo)航的右上角，告知用戶有新的信息，增加網(wǎng)站用戶的訪問深度，提高用戶體驗(yàn)。

寫到最后：

提高手機(jī)網(wǎng)站用戶體驗(yàn)使用程度，創(chuàng)建一個(gè)很好的網(wǎng)站交互式體驗(yàn)是每個(gè)成都網(wǎng)站建設(shè)公司需要做到的。網(wǎng)站底部導(dǎo)航為用戶使用而設(shè)計(jì)制作，站在用戶角度想想，他們?cè)谑褂玫倪^程中會(huì)遇到哪些問題，怎樣處理這些問題，才能讓用戶使用起來更簡(jiǎn)單，更可能去使用你的手機(jī)網(wǎng)站，是每個(gè)網(wǎng)站建設(shè)公司需要注意的。

文章名稱：成都網(wǎng)站建設(shè)手機(jī)網(wǎng)站底部導(dǎo)航設(shè)計(jì)技巧
URL標(biāo)題：http://www.rwnh.cn/news/240679.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)