導(dǎo)航標(biāo)簽是網(wǎng)站或應(yīng)用程序中用于引導(dǎo)用戶瀏覽內(nèi)容的重要元素。當(dāng)網(wǎng)站的分類不會常常改動時,在網(wǎng)站的LOGO和頁頭下方,水平放置一組固定的單行標(biāo)簽,是一種供給高層級的導(dǎo)航的辦法.標(biāo)簽導(dǎo)航應(yīng)該與整個頁面寬度共同,分類的標(biāo)題應(yīng)該是可預(yù)知而且盡可能短,同時經(jīng)過高亮當(dāng)時選中的標(biāo)簽來堅(jiān)持”文件夾的隱喻”

處理什么問題?

用戶需求經(jīng)過一個全站導(dǎo)航來定位內(nèi)容和功能,同時需求清晰的暗示用戶的當(dāng)時位

什么時候用

有3-10個分類標(biāo)題時

分類標(biāo)題要相對較短同時(標(biāo)題內(nèi)的內(nèi)容)可預(yù)知

分類的數(shù)量不會常常變化

頁面的整體寬度取決于內(nèi)容.另一個可選方案是左側(cè)導(dǎo)航條

所有分類歸于一個網(wǎng)站

你需求展示網(wǎng)站的尖端導(dǎo)航

你需求暗示在一組可選項(xiàng)中用戶的當(dāng)時挑選

(當(dāng)用戶點(diǎn)擊時)你需求改動整個頁面而不只是頁面內(nèi)容中的某一個末節(jié)

你需求一種操控尖端導(dǎo)航的方法

詳細(xì)處理辦法是什么

在網(wǎng)站的LOGO和頁頭下方水平放置一組標(biāo)簽欄

如果第一個標(biāo)簽是”主頁”,那么應(yīng)該指向網(wǎng)站的主頁

整個標(biāo)簽區(qū)域都可點(diǎn)-而不僅僅是其中的文字

標(biāo)簽中的每一個頁面都應(yīng)該確保有標(biāo)簽導(dǎo)航條

當(dāng)分類列表太長時,主張運(yùn)用”更多”鏈接,或者考慮運(yùn)用左側(cè)導(dǎo)航條

堅(jiān)持隱喻

被選中的標(biāo)簽應(yīng)該突起在其他所有標(biāo)簽之前.沒有選中的標(biāo)簽在視覺上應(yīng)該位于后面,以此來加固用戶的概念:是經(jīng)過選中標(biāo)簽抵達(dá)這個頁面

被選中標(biāo)簽及所抵達(dá)的頁面應(yīng)該有視覺上的聯(lián)系,能夠經(jīng)過設(shè)計(jì)暗示,:比方顏色,邊框,括號等等.挑選另一個標(biāo)簽后應(yīng)該重繪整個頁面,同時展示與新標(biāo)簽有關(guān)的新的信息.

永久不要用多行的標(biāo)簽,由于這樣會導(dǎo)致選中的與未選中標(biāo)簽之間的困惑

當(dāng)用戶從一個標(biāo)簽跳轉(zhuǎn)到另一個標(biāo)簽時,整個標(biāo)簽欄應(yīng)該出現(xiàn)在相同的方位

為什么運(yùn)用這個組件

標(biāo)簽?zāi)軌虼_保情境.在很多信息中,它們具有視覺化表現(xiàn)用戶的當(dāng)時方位的效果

標(biāo)簽是基于現(xiàn)實(shí)生活的隱喻.”一組文件夾中的前面的”隱喻讓選中狀態(tài)更容易理解

標(biāo)簽供給了導(dǎo)航.它們具有導(dǎo)航網(wǎng)站的效果 

可拜訪

答應(yīng)用戶經(jīng)過Tab鍵經(jīng)過合理的順序來在定位標(biāo)簽

已定位的標(biāo)簽?zāi)軌蚪?jīng)過回車鍵來拜訪

經(jīng)過以下代替手段中的一種來標(biāo)識選中的標(biāo)簽(和面板)(除了視覺標(biāo)識)

在已激活的鏈接上參加值為”active”的title特點(diǎn)

給鏈接加上不行見的ALT特點(diǎn),值為”active(激活)”

給表明已選中的Yahoo!圖片參加值為”active”的ALT特點(diǎn)