解決什么問(wèn)題?

用戶為了完成任務(wù)需要找到必要的內(nèi)容和功能.

什么時(shí)分用?

2-12個(gè)分類的時(shí)分

分類的標(biāo)題相對(duì)較短而且可預(yù)測(cè)的時(shí)分

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

為一個(gè)web產(chǎn)品展現(xiàn)尖端導(dǎo)航時(shí)

合作標(biāo)簽來(lái)展現(xiàn)二級(jí)導(dǎo)航

如果頁(yè)面寬度很重要,用它來(lái)替代左邊導(dǎo)航條

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

分類都?xì)w于一個(gè)產(chǎn)品時(shí)

具體解決辦法是什么?

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

可以經(jīng)過(guò)與”標(biāo)簽”一同運(yùn)用,在導(dǎo)航條中同時(shí)顯現(xiàn)一級(jí)和二級(jí)導(dǎo)航

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

可是如果頂部導(dǎo)航條是用在一組標(biāo)簽下,那么標(biāo)簽的第一個(gè)應(yīng)該是”主頁(yè)”而且具有同樣的功能

在導(dǎo)航條頂用留白和”管道符” “|”(或許是垂直居中的”點(diǎn)”,或許是簡(jiǎn)單的視覺(jué)元素)來(lái)分隔每一個(gè)分類

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

當(dāng)頂部導(dǎo)航條數(shù)量過(guò)多時(shí),主張運(yùn)用”更多..”的鏈接,或許考慮運(yùn)用左邊導(dǎo)航條

與標(biāo)簽一同運(yùn)用來(lái)顯現(xiàn)高級(jí)別的內(nèi)容

跟左邊導(dǎo)航條一同運(yùn)用來(lái)顯現(xiàn)二級(jí)或三級(jí)內(nèi)容

重視內(nèi)容的劃分范圍(契合用戶的心智模型)比重視頁(yè)面的展現(xiàn)更重要.因?yàn)槌Ｒ?jiàn)的錯(cuò)誤是將一系列沒(méi)含義的內(nèi)容歸在一類.

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

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

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

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

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