來(lái)源:本站日期:2019-3-4
面包屑是用戶尋找路徑最為主要的組件,可以讓用戶了解到當(dāng)前頁(yè)面在整個(gè)網(wǎng)站結(jié)構(gòu)所處的位置,為用戶提供很多的便利。通常用戶若是首頁(yè)一層一層的抵達(dá)最終頁(yè)面,或許對(duì)自身所處何處還有概念,但若用戶直接從外部鏈接或快捷入口進(jìn)來(lái),可能對(duì)當(dāng)前頁(yè)面層級(jí)一無(wú)所
面包屑是用戶尋找路徑最為主要的組件,可以讓用戶了解到當(dāng)前頁(yè)面在整個(gè)網(wǎng)站結(jié)構(gòu)所處的位置,為用戶提供很多的便利。通常用戶若是首頁(yè)一層一層的抵達(dá)最終頁(yè)面,或許對(duì)自身所處何處還有概念,但若用戶直接從外部鏈接或快捷入口進(jìn)來(lái),可能對(duì)當(dāng)前頁(yè)面層級(jí)一無(wú)所知,而此時(shí)面包屑就起到指引用戶了解網(wǎng)站整體構(gòu)架的作用,由此可見(jiàn)面包屑的主要性。深圳做網(wǎng)站力洋網(wǎng)絡(luò)與大家說(shuō)說(shuō)怎么做好公司網(wǎng)站導(dǎo)航設(shè)計(jì)。
由于面包屑導(dǎo)航對(duì)網(wǎng)站優(yōu)化起到非常關(guān)鍵的作用,所以在設(shè)計(jì)的過(guò)程中一定要謹(jǐn)慎對(duì)待,不只要考慮到用戶體驗(yàn)的問(wèn)題,于此同時(shí)還需要考慮到搜索引擎的抓取,盡可能的將面包屑導(dǎo)航控制在4個(gè)層級(jí)之內(nèi),因?yàn)檫^(guò)多的層級(jí)會(huì)導(dǎo)致網(wǎng)站面包屑導(dǎo)航拖沓且繁瑣。
面包屑到導(dǎo)航的作用就是提示用戶,既然是提示,提示信息越精細(xì)越好,如:京東的導(dǎo)航,用戶可以非常清楚的看到網(wǎng)站層次頁(yè)面的分類及所對(duì)應(yīng)產(chǎn)品品牌信息,以及詳細(xì)的商品中都屬于哪家公司品牌,這樣很容易讓用戶挑選,給用更多的選擇權(quán)。
若你覺(jué)得自己移動(dòng)端頁(yè)面要使用面包屑導(dǎo)航的話,那么也就意味著你的移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)出了問(wèn)題,可能是由于網(wǎng)站太復(fù)雜,這樣也就不符合移動(dòng)端的使用場(chǎng)景。想解決這個(gè)問(wèn)題,你需要嘗試簡(jiǎn)化整個(gè)體系,確保面包屑不會(huì)出現(xiàn)在手機(jī)上。
在面包屑中,用來(lái)分隔不同層級(jí)最常見(jiàn)的是大于符號(hào)(>),常見(jiàn)的使用方法是“父類別 > 子類別”。當(dāng)然,分割符號(hào)的使用并不拘泥這一種,還有的網(wǎng)站會(huì)使用箭頭(→)、書(shū)名號(hào)、斜杠(//)等,只不過(guò)分隔符號(hào)的使用通常取決于網(wǎng)站整體分隔和設(shè)計(jì)師的喜好。
面包屑中除了最后一項(xiàng),剩下的每一項(xiàng)都要放連接,因?yàn)榉乓粋€(gè)指向當(dāng)前頁(yè)的鏈接不僅沒(méi)有任何的作用,還會(huì)讓用戶懷疑最后一項(xiàng)于當(dāng)前頁(yè)是不是同一個(gè)頁(yè)面。
面包屑的第一項(xiàng)一定要鏈接到首頁(yè),因?yàn)槿裘姘嫉牡谝豁?xiàng)不是首頁(yè)的話,用戶可能會(huì)疑問(wèn)這個(gè)面包屑不可信或該網(wǎng)站根本就沒(méi)有首頁(yè)。