面包屑導(dǎo)航如何設(shè)計(jì)才合理 二維碼
183
What? 什么是面包屑導(dǎo)航 面包屑是作為輔助和補(bǔ)充的導(dǎo)航方式（secondary navigation scheme），它能讓用戶知道在網(wǎng)站或應(yīng)用中所處的位置并能方便地回到原先的地點(diǎn)。 最常見的面包屑的樣式是：橫向的文字鏈接，由大于號(hào)“>”分開，這個(gè)符號(hào)也暗示了它們的層級(jí)關(guān)系。 面包屑的分類 1、基于用戶所在的層級(jí)位置。（Location-based）
2、基于產(chǎn)品的屬性。(Attribute-based)
3、基于用戶的足跡。(Path-based) Why? 為什么使用面包屑導(dǎo)航（面包屑導(dǎo)航的好處） 1、面包屑作為用戶尋找路徑的一種輔助手段，能方便他們定位和導(dǎo)航。 When? 何時(shí)使用面包屑導(dǎo)航 1、存在大量的分級(jí)內(nèi)容的網(wǎng)站中。
2、在一些引導(dǎo)性的網(wǎng)絡(luò)應(yīng)用或者軟件安裝進(jìn)程中，面包屑也常被用來(lái)指示當(dāng)前以及剩余的操作步驟。類似于進(jìn)程條的變種。 3、層次簡(jiǎn)單的頁(yè)面中一般不使用面包屑，但是當(dāng)面包屑能顯著幫助到瀏覽并提高他們定位能力時(shí)，也建議采用面包屑。
注意點(diǎn)：面包屑不能替代有效的主導(dǎo)航，它是一個(gè)輔助功能；一個(gè)允許用戶定位他們?cè)谀睦锏妮o助導(dǎo)航方案。 How? 如何設(shè)計(jì)面包屑導(dǎo)航 面包屑連接符的主要樣式
綜合評(píng)估以上樣式，并考慮到面包屑的包含關(guān)系和指示性，建議使用以下兩種連接符：
面包屑的位置 通常出現(xiàn)在頁(yè)面的左上或者右上部分，而且主要是在導(dǎo)航下面或者內(nèi)容區(qū)的上面。 面包屑的大小 面包屑是一種輔助導(dǎo)航，在頁(yè)面中不應(yīng)該起支配作用。面包屑和主導(dǎo)航相比至少要比較小、或不太突出。在確定面包屑大小的時(shí)候，一個(gè)較很好的方法是，當(dāng)訪問(wèn)這個(gè)頁(yè)面的時(shí)候，它不應(yīng)該是頁(yè)面中最醒目的元素。如果第一眼就注意到了面包屑，可能就需要再弱化一點(diǎn)。
上圖中的面包屑過(guò)于醒目，干擾到了主導(dǎo)航，甚至喧賓奪主。 Extension 面包屑設(shè)計(jì)擴(kuò)展 帶下拉列表的面包屑 香港雅虎，淘寶網(wǎng)等網(wǎng)站的面包屑中有下拉列表，可以方便用戶快速跳轉(zhuǎn)到同類或其他類別的新聞和產(chǎn)品。
交互式面包屑 Delicious中的tag分組已面包屑的形式出現(xiàn)在網(wǎng)頁(yè)頭部，按前文提到的面包屑分類此處屬于一種“基于用戶足跡”(Path-based)的面包屑。記錄了用戶瀏覽tag分組的順序。同時(shí)這些面包屑還可以被及時(shí)“干掉”，方便了對(duì)內(nèi)容的管理，真是別出心裁的設(shè)計(jì)。
回顧總結(jié) 是否還記得關(guān)于面包屑的3W+H+E？
參考文獻(xiàn)：  以信載商，良心建站。遨游始終秉承“一次建站、終身維護(hù)”的宗旨，竭誠(chéng)為客戶提供最優(yōu)質(zhì)的互聯(lián)網(wǎng)服務(wù)。遨游建站率先植入seo優(yōu)化理念，讓你的網(wǎng)頁(yè)更利于搜索引擎抓取，關(guān)鍵詞排名更靠前。可仿站、可定制。無(wú)論是傳統(tǒng)型企業(yè)官網(wǎng)、集團(tuán)型品牌官網(wǎng)，還是營(yíng)銷型網(wǎng)站、電商型網(wǎng)站、定制型網(wǎng)站、特殊行業(yè)網(wǎng)站（醫(yī)療、教育），全部搞定。 公司：網(wǎng)站建設(shè)_小程序設(shè)計(jì)_競(jìng)價(jià)托管代運(yùn)營(yíng)公司；郵箱：1013601535@qq.com 手機(jī)：17073547034；QQ： 1013601535 在線留言咨詢，24小時(shí)內(nèi)回復(fù)
我想咨詢 *
企業(yè)名稱
手機(jī)號(hào)碼 *
您的姓名
所在城市 提交 |
網(wǎng)站建設(shè)問(wèn)題
熱門標(biāo)簽
最新發(fā)布 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
