分析類前臺界面設(shè)計要點(diǎn)3：導(dǎo)航/面包屑導(dǎo)航
時間：2023-09-08 05:54:02 | 來源：網(wǎng)站運(yùn)營
時間：2023-09-08 05:54:02 來源：網(wǎng)站運(yùn)營
分析類前臺界面設(shè)計要點(diǎn)3：導(dǎo)航/面包屑導(dǎo)航：
簡述
面包屑導(dǎo)航通常出現(xiàn)在主導(dǎo)航和內(nèi)容區(qū)之間，作為網(wǎng)站的輔助導(dǎo)航，它的一般結(jié)構(gòu)如下：首頁→一級分類→二級分類→當(dāng)前頁面，如果有更深層的頁面就繼續(xù)增加三級分類、四級分類，依此類推。
作用：
讓用戶了解目前所處的位置，以及當(dāng)前頁面在整個網(wǎng)站中的位置。
體現(xiàn)了網(wǎng)站的架構(gòu)層級，能夠幫助用戶快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容的組織方式，從而形成很好的位置感。
提供了返回各層級頁面的快捷入口，方便用戶操作，減少操作步驟。
Google /百度等已將面包屑導(dǎo)航整合到搜索結(jié)果里面，因此優(yōu)化面包屑導(dǎo)航每個級別的名稱，多使用關(guān)鍵字，都可以優(yōu)化SEO（搜索引擎優(yōu)化）。
比方下面這樣：
適用場景
層級較深的網(wǎng)站
面包屑導(dǎo)航適用于層級較深的網(wǎng)站，如果只有一級分類的話，通過主導(dǎo)航就已經(jīng)能夠起到快速定位的作用，如豆瓣等扁平型架構(gòu)的網(wǎng)站就沒有使用面包屑導(dǎo)航的必要，如：
獨(dú)立不交叉的網(wǎng)站結(jié)構(gòu)
由于面包屑導(dǎo)航路徑是線性結(jié)構(gòu)的，即下一級分類必定只屬于上一級分類，因此網(wǎng)站內(nèi)容必須劃分得非常清晰，且不存在交叉。否則，面包屑導(dǎo)航的路徑是不唯一的，同一個分類可能出現(xiàn)在不同的路徑中，讓用戶感到困惑。
設(shè)計要點(diǎn)
- 分隔清晰：用>、>>和—等符號分隔開各級別的文本，增加可識別度，便于用戶定位。
- 快速切換：除當(dāng)前頁面外，其他各級別的文字鏈接都可單擊進(jìn)入相應(yīng)頁面，作為快速入口，同時還可能增加用戶的瀏覽量，減少跳出率。
- 層級明確：各級別的文字顏色也需要進(jìn)行區(qū)分，通常藍(lán)色代表可單擊的鏈接；當(dāng)前頁面不可單擊，可選擇黑色、灰色等顏色，以示區(qū)別
- 主次分明：面包屑導(dǎo)航作為輔助導(dǎo)航，不宜占用過多面積，避免與主導(dǎo)航爭奪用戶的注意力。
- 例：可以和其它類型導(dǎo)航結(jié)合
關(guān)鍵詞：導(dǎo)航,面包,設(shè)計,前臺,界面,分析
在線咨詢