如果用戶不喜歡隱藏菜單欄 那么哪些設(shè)計方式可以代替?

2016-04-08    分類: 網(wǎng)站建設(shè)

導(dǎo)航欄設(shè)計.jpg

網(wǎng)站的空間都十分珍貴,對于屏幕空間十分有限的移動端網(wǎng)站來說,更是如此。所以,為了能在一屏之內(nèi)盡可能的多加入內(nèi)容,很多設(shè)計師會在移動端的網(wǎng)站中選擇隱藏式菜單,這其中最為常見的就是漢堡圖標(biāo)。但是,有一項調(diào)查結(jié)果表明,雖然漢堡圖標(biāo)有效的節(jié)省了網(wǎng)站的空間,但是卻會影響到用戶的體驗。

為什么漢堡突變會影響用戶的使用體驗?

其實,在移動網(wǎng)站中,可見式的導(dǎo)航欄比隱藏式菜單的使用更為普遍,可見式導(dǎo)航欄的使用率大概為后者的2.5倍,但事實上人們總是對隱藏式菜單的記憶更加深刻,造成這一現(xiàn)象的一個原因大概就是隱藏起來的菜單欄總是需要用戶進行額外的操作并在屏幕中搜尋它的位置。

隱藏式菜單欄,尤其是漢堡圖標(biāo)在網(wǎng)站中的可見性一般較低,所以用戶也較難發(fā)現(xiàn)他們的存在。所以說,以漢堡圖標(biāo)為代表的隱藏式導(dǎo)航欄其實是一種阻礙互動的方式,也會在一定程度上影響用戶的使用體驗。

如果不想使用漢堡圖標(biāo)的話,有幾種可見式菜單欄的性能較強,可以作為好的替代。

標(biāo)簽式導(dǎo)航

說起標(biāo)簽式導(dǎo)航欄可能很多人都沒有什么概念,但是我舉一個簡單的例子大家就可以理解——微信的底部菜單就是一種標(biāo)簽式導(dǎo)航欄。

即,如果網(wǎng)站的導(dǎo)航菜單數(shù)量并不多,且都比較常用的話,就可以使用這種模式進行導(dǎo)航欄的設(shè)計,一般更多的用戶比較習(xí)慣于底部的位置。但不管你把標(biāo)簽式導(dǎo)航欄放置在什么地方,都要保證它可以一眼就被用戶看見,且足夠清晰。在標(biāo)簽式導(dǎo)航欄的設(shè)計中,有幾點需要注意。

使用標(biāo)簽式導(dǎo)航欄時,菜單項不要超過五個;導(dǎo)航欄在使用過程中,請盡量保證其中始終有一個標(biāo)簽處于激活狀態(tài),并可通過顏色、形狀等變化來提示用戶當(dāng)前處在的位置;一般來講,標(biāo)簽式導(dǎo)航欄的第一個標(biāo)簽設(shè)置為主頁,其他標(biāo)簽按照重要程度排序;導(dǎo)航欄的展現(xiàn)形式盡量設(shè)計為圖標(biāo)+文字。

標(biāo)簽式導(dǎo)航欄+更多選項

如果你需要使用的標(biāo)簽數(shù)量超過5個,那么就無法使用標(biāo)簽式導(dǎo)航欄了嗎?其實也仍有其他的解決辦法,就是將較為重要的標(biāo)簽直接展示給用戶,將功能性較低而用戶又有需求的標(biāo)簽合并為成都更多”進行隱藏,這其實也是一種標(biāo)簽式導(dǎo)航欄和隱藏式菜單的結(jié)合產(chǎn)物。

雖然隱藏了一些內(nèi)容,但是這種方式確保了用戶不必在頁面中尋找菜單欄處在的位置,并且大部分主要功能沒有被隱藏,用戶仍然可以非常方便的使用。并且,成都更多”按鈕也可以與獨立的菜單頁面相鏈接,這樣就可以展現(xiàn)給用戶比成都更多”更多的內(nèi)容。

全屏式導(dǎo)航

以上兩種設(shè)計方法,包括漢堡圖標(biāo)都是為了節(jié)省網(wǎng)站空間的菜單欄設(shè)計,而全屏式導(dǎo)航可以說是反其道而行之。這些網(wǎng)站直接將首頁做成導(dǎo)航,在用戶進入網(wǎng)站的時候,就可以直接根據(jù)導(dǎo)航來選擇自己想要瀏覽的內(nèi)容。

當(dāng)然,這種設(shè)計并不適用與所有網(wǎng)站,而是更加適合被一些目標(biāo)明確的網(wǎng)站中。這種結(jié)構(gòu)分明的網(wǎng)站對于了解網(wǎng)站相關(guān)行業(yè)信息的用戶來說顯然更加清晰,也節(jié)省了他們尋找內(nèi)容所花費的時間。

其實導(dǎo)航欄的設(shè)計也需要做出取舍,如想要讓導(dǎo)航欄顯示出更多的內(nèi)容就無法避免其占用屏幕的空間,而如果想要讓導(dǎo)航欄節(jié)省屏幕的空間的話就只能縮減導(dǎo)航欄的內(nèi)容,所以,導(dǎo)航欄究竟該如何設(shè)計,還需要站長通過網(wǎng)站的定位來進行一個合理的判斷,當(dāng)然,導(dǎo)航欄的設(shè)計,還是首先要從用戶的使用體驗出發(fā)。

網(wǎng)站名稱:如果用戶不喜歡隱藏菜單欄 那么哪些設(shè)計方式可以代替?
網(wǎng)頁網(wǎng)址:http://muchs.cn/news46/36546.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、網(wǎng)站導(dǎo)航、虛擬主機、定制網(wǎng)站、網(wǎng)站營銷、外貿(mào)建站

廣告

聲明:本網(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)

微信小程序開發(fā)