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

處理什么問題?

用戶需求經過一個全站導航來定位內容和功能,同時需求清晰的暗示用戶的當時位

什么時候用

有3-10個分類標題時

分類標題要相對較短同時(標題內的內容)可預知

分類的數量不會常常變化

頁面的整體寬度取決于內容.另一個可選方案是左側導航條

所有分類歸于一個網站

你需求展示網站的尖端導航

你需求暗示在一組可選項中用戶的當時挑選

(當用戶點擊時)你需求改動整個頁面而不只是頁面內容中的某一個末節

你需求一種操控尖端導航的方法

詳細處理辦法是什么

在網站的LOGO和頁頭下方水平放置一組標簽欄

如果第一個標簽是”主頁”,那么應該指向網站的主頁

整個標簽區域都可點-而不僅僅是其中的文字

標簽中的每一個頁面都應該確保有標簽導航條

當分類列表太長時,主張運用”更多”鏈接,或者考慮運用左側導航條

堅持隱喻

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

被選中標簽及所抵達的頁面應該有視覺上的聯系,能夠經過設計暗示,:比方顏色,邊框,括號等等.挑選另一個標簽后應該重繪整個頁面,同時展示與新標簽有關的新的信息.

永久不要用多行的標簽,由于這樣會導致選中的與未選中標簽之間的困惑

當用戶從一個標簽跳轉到另一個標簽時,整個標簽欄應該出現在相同的方位

為什么運用這個組件

標簽能夠確保情境.在很多信息中,它們具有視覺化表現用戶的當時方位的效果

標簽是基于現實生活的隱喻.”一組文件夾中的前面的”隱喻讓選中狀態更容易理解

標簽供給了導航.它們具有導航網站的效果 

可拜訪

答應用戶經過Tab鍵經過合理的順序來在定位標簽

已定位的標簽能夠經過回車鍵來拜訪

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

在已激活的鏈接上參加值為”active”的title特點

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

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