如果移動網(wǎng)站導(dǎo)航放到底部需要解決那些問題

成都創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站制作、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的南沙網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!

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

為什么嘗試的理由?

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

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

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

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

新聞標題:如果移動網(wǎng)站導(dǎo)航放到底部需要解決那些問題
標題路徑:http://muchs.cn/article8/spdeip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機、網(wǎng)站收錄軟件開發(fā)、商城網(wǎng)站電子商務(wù)、品牌網(wǎng)站建設(shè)

廣告

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

網(wǎng)站建設(shè)網(wǎng)站維護公司