解決什么問題?

用戶為了完成任務需要找到必要的內容和功能.

什么時分用?

2-12個分類的時分

分類的標題相對較短而且可預測的時分

分類數(shù)量根本不會變的時分

為一個web產品展現(xiàn)尖端導航時

合作標簽來展現(xiàn)二級導航

如果頁面寬度很重要,用它來替代左邊導航條

經(jīng)過操控導航條的狀態(tài)來盯梢和展現(xiàn)用戶當前位置很困難,本錢很大時,用它來替代標簽.

分類都歸于一個產品時

具體解決辦法是什么?

在一個水平的橫條上顯現(xiàn)一系列單行的鏈接,如果有網(wǎng)站頭部,則放到頭部之下.

可以經(jīng)過與”標簽”一同運用,在導航條中同時顯現(xiàn)一級和二級導航

如果只運用頂部導航條,好第一個鏈接是”主頁(Home)”.應該指向網(wǎng)站的主頁

可是如果頂部導航條是用在一組標簽下,那么標簽的第一個應該是”主頁”而且具有同樣的功能

在導航條頂用留白和”管道符” “|”(或許是垂直居中的”點”,或許是簡單的視覺元素)來分隔每一個分類

頂部導航條中鏈接的所有頁面自身也一定要顯現(xiàn)在頂部導航條

當頂部導航條數(shù)量過多時,主張運用”更多..”的鏈接,或許考慮運用左邊導航條

與標簽一同運用來顯現(xiàn)高級別的內容

跟左邊導航條一同運用來顯現(xiàn)二級或三級內容

重視內容的劃分范圍(契合用戶的心智模型)比重視頁面的展現(xiàn)更重要.因為常見的錯誤是將一系列沒含義的內容歸在一類.

1.盡可能下降分類之間的交集

2.讓分類之間的界限盡可能的清晰(例如,很容易猜到想要的東西是否在一個分類中

3.防止過于廣泛或許過于特殊的分類名字.

為什么運用這個組件?

頂部導航條提供給用戶一種很便利,簡練分類展現(xiàn)方法,讓用戶拜訪品類繁多的有組織的內容。總之，頂部導航條是提升數(shù)字化產品易用性和用戶體驗的關鍵元素，合理的設計和應用能讓用戶更加便捷、高效地使用相關產品。