網(wǎng)站設計中如何充分利用面包屑的方法有哪些
如果您完全熟悉 Hansel 和 Gretel 的故事,那么您就會知道他們使用面包屑標記他們的路,以便他們可以再次找到回家的路。對孩子們來說效果不太好,因為鳥兒把它們吃掉了,但它在網(wǎng)站設計中效果很好。當然,網(wǎng)站設計中的面包屑的確能起到很好的作用,今天小編就來分享如何在網(wǎng)站設計中充分利用面包屑。
面包屑構成了一種輔助導航方法,其功能有點像進度條。您通常會在主導航欄下方找到它。一些網(wǎng)頁設計師認為面包屑導航并不能改善用戶體驗,也許它并不適用于每個網(wǎng)站。但是,在某些情況下它可能非常有用。
您可以跟蹤您所在的頁面?zhèn)浞輰哟谓Y構,因此您可以準確地知道您在站點架構中的位置。這就像您在商場或建筑物中看到的那些站點地圖,它們在地圖上將您站立的位置標記為“您在這里”。如果需要,您可以按照指示前往出口。
顯然,在一棟可以看到一切的單層建筑中,您不需要類似的東西。這與網(wǎng)站相同。當您的站點以分層方式排列的三個或更多級別時,您將只需要面包屑導航。在最簡單的形式中,面包屑導航鏈接水平排列并由“>”符號分隔,這表示頁面相對于它之前的鏈接的級別。其目的是防止您的用戶在您的網(wǎng)站中迷路。
您會在大多數(shù)大型電子商務類型中找到三種主要的面包屑導航類型之一。它們是基于位置、屬性和路徑的:
1.基于位置的導航
基于位置的面包屑導航向用戶顯示他們在站點結構中的位置,通常具有兩個以上的級別。第一層永遠是首頁,以當前頁面結束,不可點擊。它不僅對用戶幫助他們找到自己的方式很有用,而且還提供有關頁面內(nèi)容的搜索引擎技術信息,使其更容易索引。
2. 基于屬性的導航
這種類型的導航顯示頁面上特定事物的屬性而不是其位置。它基于可以分支到不同路徑的鏈接的元數(shù)據(jù),因此它為用戶提供了下一步去哪里的選擇。它常用于電子商務網(wǎng)站,因為它的描述性使購物者更容易找到他們想要的東西。屬性由垂直管道分隔。您可以結合使用基于位置和基于屬性的導航,具體取決于您提供的產(chǎn)品?;谖恢玫逆溄邮强牲c擊的,而基于屬性的鏈接則不可點擊,但您可以點擊“X”來刪除屬性。
3.基于路徑的導航
這種類型的導航比其他任何東西都更像是歷史記錄,因此它更像是后退按鈕而不是導航欄。它跟蹤用戶訪問特定頁面所采取的步驟。不建議將其用于導航目的,因為它并沒有真正的幫助。對于登陸網(wǎng)站深處頁面的人來說,它甚至可能令人困惑。
面包屑對于一些正確實施的網(wǎng)站是有益的。它們使用戶可以方便地進入更高級別而無需通過箍。它減少了用戶進入特定頁面所需的點擊次數(shù),這有助于防止用戶跳出。它甚至不占用太多空間,因此沒有真正的理由在適當?shù)臅r候不使用它。
-
2021/12/28
-
2021/12/23
-
2021/12/17
- 愛華仕斬獲“2021年度中國廚衛(wèi)行業(yè)年度智能
- 回首2021,迎戰(zhàn)2022 彩虹線開啟新征程!
- 福臨板材|福滿2021,圓夢2022
- 美特照明:2022年照明新趨勢,經(jīng)銷商如何做大
- 會自己“洗澡”的集成灶,帥康自動清洗集成灶
- 帶你設計一款功能多變,簡單實用的休閑露臺陽
- 世紀豪門吊頂:破防了!原來顏值+實力=H20
- 裝修木門選的好,噪音統(tǒng)統(tǒng)沒煩惱
- 寒潮來了,有淋浴房洗澡更保暖舒服
- 元旦特輯:歐意電器述說生活的點滴與美好
- “中國十大品牌”獲獎名單出爐,賽戈水漆榮耀
- 2021值得消費大賞 凱迪仕智能鎖榮摘兩項桂冠
- 益恩家居:新年新氣象,愛自己從好好睡覺開始
- 元旦伊始:健康新生活,從精格管道直飲水開始
- 喜迎元旦|新年新燈飾 箔晶智能照明讓酒店暖
- 吉美幫的2021 “專精特新” 深耕屋面防水體
- Aqara攜手京東成立燈光設計聯(lián)盟 打造燈飾照
- 年底廚房煥新顏,如何選擇廚電?好太太智能來
- 全鋁家具全屋莫蘭迪色系,這款美式輕奢范贏鄰
- 順趨勢·筑鳳巢·贏未來 鳳梧居門窗2021年會隆