好的導(dǎo)航，不僅美觀，而且能夠讓用戶快速到達自己想去的地方；糟糕的導(dǎo)航，不僅難看，而且難用。
如何設(shè)計出好看又好用的網(wǎng)站、小程序?qū)Ш侥?？如下是我們提供的一些建議。

1.避免導(dǎo)航中的圖標過多

在手機上導(dǎo)航最常見的策略之一是使用好的手風(fēng)琴。事實上，手風(fēng)琴在多個級別的導(dǎo)航中非常有效，通常比滑入式菜單更好。然而，由于我們打開和折疊菜單，我們還需要用圖標來指示它。這通常會導(dǎo)致太多的標志將用戶的注意力拉向太多的方向。
另一種方法——也許是一種更明顯的方法——是在鏈接上加一個鏈接下劃線，并完全刪除旁邊的圖標。作為一個副作用，如果我們最終不得不混合使用可折疊菜單和指向類別的鏈接，那么哪一個更明顯。
一般來說，將用戶指向太多的方向通常是不必要的。很有可能只需要兩個圖標就可以獲得更好的效果，指示手風(fēng)琴是否打開。
避免過多的圖標將用戶引導(dǎo)到太多的方向是一個好主意。如果我們能在沒有他們的情況下逃脫，那么測試一下如果我們這樣做會發(fā)生什么是一個好主意。

2.不要用多個動作超載導(dǎo)航

有時，導(dǎo)航菜單將兩個不同的功能組合在一個導(dǎo)航欄中。例如，如果您有想要直接鏈接到的類別，但又想快速跳轉(zhuǎn)到子菜單項，該怎么辦？
通常，這意味著向同一導(dǎo)航欄添加兩個不同的操作。點擊該類別的標題將進入該類別；點擊圖標將打開手風(fēng)琴或提示單獨的視圖。為了使這種區(qū)別更加明顯，我們經(jīng)常添加一個垂直分隔符。不幸的是，在實踐中，這并不太有效。
有時，用戶只想一眼就評估導(dǎo)航，而他們還沒有承諾去一個專用頁面。然而，就在他們根本沒有準備好去那里的時候，他們被推向了一頁。一旦他們這樣做，他們就必須回到上一頁，重新開始。理想情況下，我們會完全避免這個問題。

3.將廣告牌模式用于首要任務(wù)

并非每個導(dǎo)航項都同等重要。有些項目的使用頻率更高，它們可能值得在導(dǎo)航中得到更多關(guān)注。事實上，如果某些項目比其他項目更重要，我們可以使用廣告牌模式，并在導(dǎo)航上方更顯著地顯示它們。

4.嵌套手風(fēng)琴適用于專家用戶

就像我們可能有太多的圖標一樣，我們最終可能會有太多嵌套的導(dǎo)航級別，整齊地封裝在嵌套的手風(fēng)琴中。對于復(fù)雜的站點，它似乎是在站點上提供大量可用導(dǎo)航的少數(shù)選項之一。事實上，我們可以認為，通過允許用戶在第四級甚至第五級導(dǎo)航中從任何頁面跳到任何頁面，我們可以大大加快他們的旅程。
令人驚訝的是，這似乎是正確的。專家用戶通常不會遇到多個嵌套手風(fēng)琴的大量可用性問題。然而，不經(jīng)常使用的用戶往往很難找到他們需要的信息，因為他們不了解信息是如何組織的。
在復(fù)雜的環(huán)境中，導(dǎo)航通常反映了組織內(nèi)部結(jié)構(gòu)的方式，如果沒有這種先驗知識，很難找到通往正確頁面的正確路線。在這種情況下，一旦用戶正在尋找非常具體的東西，他們似乎會使用搜索，而不是上下遍歷導(dǎo)航樹。
另一種指示多層嵌套的方法是添加不同類型的圖標，使其更明顯地顯示用戶當前的位置。雖然暫時無法驗證這種設(shè)計模式的效果如何，但如果結(jié)合更好的排版對比度，這可能會表現(xiàn)得更好，絕對值得測試。