網(wǎng)站設計中面包屑導航條的使用和設計
來(lái)源:中信時(shí)代網(wǎng)絡(luò )科技 | 作者:admin | 時(shí)間:2014-01-08 | 點(diǎn)擊量:2033
網(wǎng)站設計:面包屑是作為輔助和補充的導航方式,它能讓用戶(hù)知道在網(wǎng)站或應用中所處的位置并能方便地回到原先的地點(diǎn)。很多
網(wǎng)站建設公司在建站之初就采用了面包屑導航做為網(wǎng)站產(chǎn)品線(xiàn)的標準配置,現在被越來(lái)越多的行業(yè)網(wǎng)站所認可及采用。
一、面包屑導航的基礎:
1.基于用戶(hù)所在的層級位置?;谖恢玫拿姘加糜诟嬷脩?hù)在當前網(wǎng)站中所在的結構層級。用在具有多級導航中。
3.基于用戶(hù)的足跡。顯示用戶(hù)瀏覽的軌跡,面包屑之間沒(méi)有明顯的層級關(guān)系,只是展示用戶(hù)從那個(gè)級別過(guò)來(lái)的。這種面包屑在一級導航方案不明確的網(wǎng)站適合,其他情況不建議采用。
二、 面包屑的好處:
1.面包屑作為用戶(hù)尋找路徑的一種輔助手段,能方便他們定位和導航。
2.面包屑可以減少的用戶(hù)返回上一級頁(yè)面的所需的操作次數。
3.臨時(shí)性,動(dòng)態(tài)性,占用屏幕空間小,干擾性小。
4.降低網(wǎng)站訪(fǎng)問(wèn)者的總體跳出率。
當用戶(hù)從別處鏈接到網(wǎng)頁(yè),或者從搜索引擎查找到網(wǎng)頁(yè),則面包屑的存在能幫助用戶(hù)快速了解當前的層級位置,并引導用戶(hù)查看網(wǎng)站的其余部分,減少了看完直接跳走的用戶(hù)數量。
三、 面包屑的使用前提及設計規范1. 面包屑的使用前提:存在大量的分類(lèi)目錄、在一些引導性的流程操作或者軟件安裝進(jìn)程中,面包屑也常被用來(lái)指示當前以及剩余的操作步驟、層次簡(jiǎn)單的頁(yè)面中一般不使用面包屑,但是當面包屑能顯著(zhù)幫助到瀏覽并提高他們定位能力時(shí),也建議采用面包屑。
2. 面包屑的設計規范:最常采用的面包屑的樣式:橫向的文字鏈接,由大于號>分開(kāi)。這個(gè)符號也暗示了它們之間的層次關(guān)系。根據你的用戶(hù)的認知及專(zhuān)業(yè)水平,在有必要的情況下,可以在面包屑父子級之間增加下劃線(xiàn)以告訴用戶(hù)這里是可以點(diǎn)擊的。
3.面包屑的位置。通常出現在頁(yè)面的左上或者右上部分,而且主要是在導航下面或內容區的上面。
4.面包屑大小。面包屑是一種輔助導航,在頁(yè)面中不應該起支配作用。面包屑和主導航相比至少要比較小、或不太突出。這樣的大小是最合適的了!