1. 網站設計中面包屑導航條的使用和設計

      2014-02-07

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