歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

網(wǎng)站導(dǎo)航條必須具備的內(nèi)容和功用

發(fā)布時(shí)間:2020-06-26 文章來源:本站  瀏覽次數(shù):2582

頂部導(dǎo)航條提供給用戶一種很便利,簡練分類展現(xiàn)方法,讓用戶拜訪品類繁多的有組織的內(nèi)容,用戶為了完成任務(wù)需要找到必要的內(nèi)容和功用.

這個(gè)可能是最簡單也最常用的組件了,所以內(nèi)容也不多…….

水平導(dǎo)航條

解決什么問題?

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

什么時(shí)分用?

  • 2-12個(gè)分類的時(shí)分
  • 分類的標(biāo)題相對(duì)較短而且可預(yù)測的時(shí)分
  • 分類數(shù)量根本不會(huì)變的時(shí)分
  • 為一個(gè)web產(chǎn)品展現(xiàn)尖端導(dǎo)航時(shí)
  • 配合標(biāo)簽來展現(xiàn)二級(jí)導(dǎo)航
  • 假如頁面寬度很重要,用它來代替左側(cè)導(dǎo)航條
  • 經(jīng)過控制導(dǎo)航條的狀態(tài)來盯梢和展現(xiàn)用戶當(dāng)前方位很困難,本錢很大時(shí),用它來代替標(biāo)簽.
  • 分類都屬于一個(gè)產(chǎn)品時(shí)

具體解決辦法是什么?

  1. 在一個(gè)水平的橫條上顯現(xiàn)一系列單行的鏈接,假如有網(wǎng)站頭部,則放到頭部之下.
  2. 可以經(jīng)過與”標(biāo)簽”一同運(yùn)用,在導(dǎo)航條中一同顯現(xiàn)一級(jí)和二級(jí)導(dǎo)航
  3. 假如只運(yùn)用頂部導(dǎo)航條,最好第一個(gè)鏈接是”主頁(Home)”.應(yīng)該指向網(wǎng)站的主頁
    • 但是假如頂部導(dǎo)航條是用在一組標(biāo)簽下,那么標(biāo)簽的第一個(gè)應(yīng)該是”主頁”而且具有相同的功用
  4. 在導(dǎo)航條中用留白和”管道符” “|”(或許是垂直居中的”點(diǎn)”,或許是簡單的視覺元素)來分隔每一個(gè)分類
  5. 頂部導(dǎo)航條中鏈接的所有頁面自身也一定要顯現(xiàn)在頂部導(dǎo)航條
  6. 當(dāng)頂部導(dǎo)航條數(shù)量過多時(shí),主張運(yùn)用”更多..”的鏈接,或許考慮運(yùn)用左側(cè)導(dǎo)航條
  7. 與標(biāo)簽一同運(yùn)用來顯現(xiàn)高級(jí)其他內(nèi)容
  8. 跟左側(cè)導(dǎo)航條一同運(yùn)用來顯現(xiàn)二級(jí)或三級(jí)內(nèi)容

重視內(nèi)容的劃分規(guī)模(契合用戶的心智模型)比重視頁面的展現(xiàn)更重要.因?yàn)樽畛R姷腻e(cuò)誤是將一系列沒含義的內(nèi)容歸在一類.

  1. 盡可能降低分類之間的交集
  2. 讓分類之間的界限盡可能的明晰(例如,很容易猜到想要的東西是否在一個(gè)分類中)
  3. 避免過于廣泛或許過于特殊的分類名字.

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

頂部導(dǎo)航條提供給用戶一種很便利,簡練分類展現(xiàn)方法,讓用戶拜訪品類繁多的有組織的內(nèi)容

上一條:規(guī)劃師也必須要會(huì)編寫代碼...

下一條:怎么能讓網(wǎng)站配色計(jì)劃更吸...