網頁設計新知:移動端網頁設計需要麵包屑導航嗎

網頁設計新知:移動端網頁設計需要麵包屑導航嗎 - 網頁設計, 網站設計, 網頁方案, Website Design, 網絡推廣

移動端網頁設計需要麵包屑導航嗎?當網站層級較多,內容龐雜,主導航展示能力不足,無法指引用戶的需求時,麵包屑導航能幫助用戶追溯來路,並告訴他們目前在網站中的位置及返回方式。

網站運營而言,麵包屑導航能幫助用戶判斷整個網站結構中的位置,並引導他們在進入頁面後跳轉到網站其他頁面,降低網站的總體跳出率。另外,麵包屑導航還能增加網站的內容鏈接,能提高用戶體驗和網站SEO優化的效果。

移動端網頁設計需要麵包屑導航嗎?

網頁設計新知:移動端網頁設計需要麵包屑導航嗎
網頁設計新知

要了解「移動端網頁設計是否需要麵包屑導航」,首先我們要知道,用戶在瀏覽移動端網站時有什麼習慣?

① 時間碎片化

大多數移動互聯網用戶都沒有過多的精力和時間,系統地瀏覽整個網站的信息架構。

② 瀏覽速度快,停留時間短

用戶在瀏覽WAP時,都會機械式地下滑瀏覽,以不斷尋求新的視線着力點,並將實現落在他們感興趣的地方。

③ 注意力不集中

對WAP站而言,「頁面內容是否吸引,是否有爆點」是吸引用戶關注的關鍵,因為絕大多數用戶在瀏覽WAP站時都不會將注意力放在站內內容上。

④ 不停被打斷

用戶隨時會被電話、信息等中斷瀏覽,而使用簡單粗暴的方式回退。

針對用戶瀏覽移動端網站時的習慣變化,如今市面上大多移動端網站設計都會往扁平化和垂直化發展,並將網站上重要的信息排列好,除掉其他一切多餘的元素,盡量避免用戶注意力被分散。

接下來,我們回歸主題,說說移動端網頁是否有必要加麵包屑導航?

1. 比起麵包屑導航,手機返回鍵更深入人心

網頁設計新知:移動端網頁設計需要麵包屑導航嗎
網頁設計新知

Andriod系統的手機一般都會給實體按鍵一個返回的功能,幫助用戶能無論何時都能退回上層;而iOS系統,頁面左上角也預留了返回功能,能順利地契合用戶的習慣。

2.比起麵包屑導航,瀏覽器返回學習成本更低

網頁設計新知:移動端網頁設計需要麵包屑導航嗎
網頁設計新知

大多數手機瀏覽器(包括APP內嵌瀏覽器)都會有地址欄、收藏欄、返回鍵等功能,而在瀏覽頁面過程中,瀏覽器的低欄返回鍵和頂欄的地址一直存在,因此用戶使用瀏覽器的返回鍵會更方便快捷。

3.麵包屑導航的設計原則與WAP站的設計原則有衝突

網頁設計新知:移動端網頁設計需要麵包屑導航嗎
網頁設計新知

Wap站的頁面寬度較低,在Wap站的設計規範中,對每行字數上限做了限定。(如今大多網站一行字數上限為14個中文字符)。

而麵包屑導航只能逐層降級,不可跳級,文字必須橫排排列,且一般不可省略字數和符號,一旦層級較多很容易超限,層級較少也沒必要使用麵包屑導航。加上手機屏幕尺寸細,首屏頁面更是寸土寸金,將更多空間交給引爆用戶的內容會比這類輔助性的導航會更有利於用戶體驗。

這樣來說,麵包屑導航似乎並不適合用於移動端網站,那真相是不是這樣呢?

網頁設計新知:移動端網頁設計需要麵包屑導航嗎
網頁設計新知

也不是,因為像政府網站和官方網站這類網站,使用者大多是新用戶,對網站並不是十分了解。而這些網站由於是To B ,網站信息架構會受到乙方的較大幹涉,呈現各不相同的狀態,容易讓用戶感到困惑。

再者,這類官網內容量少且穩定,不會像媒體類、電商類網站有海量信息,也不像UGC網站有許多用戶自擬標籤。網頁設計師可以對網站保持較高的控制力,將層級保持在合理的範圍內。

而麵包屑導航有利於搜索引擎優化,搜索引擎蜘蛛直接沿着導航鏈走,就可以很好地對網站內容進行抓取,並有利於官網的推廣。

因此,除了官方網站、政府網站,其他大多數網站就沒有必要添加麵包屑導航,原因如下:

● 新聞類、電商類網站:目前多採用分頻道的方式區分二級站點和主站,減少層級,努力做到結構上的扁平化;

● 社交類網站:結構一般都比較扁平,層次也比較清晰,功能點較少不需要指引;

● 知識類、生活類網站:一般使用站點地圖來體現整個站點的結構,如同PC端一樣,他們更注重展示與內容,較少採用麵包屑。

總結:麵包屑導航適用於層級較深的網站,如果網站只有一級分類,主導航已經能起到快速定位的作用,扁平型架構網站也就沒有使用麵包屑導航的必要。另外,相比起麵包屑導航,手機返回鍵和移動端網站的返回鍵會更方便快捷,而且麵包屑導航的設計原則與WAP站的設計原則有一定的衝突,因此如果不是官方網站、政府網站,不建議添加麵包屑導航。


香港網頁提供一站式數碼營商方案服務,包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務,全方位滿足客戶的業務需要,歡迎隨時聯絡我們,香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734
電郵地址: [email protected]
網址: www.hkweb.com.hk