如何設(shè)計網(wǎng)站功能菜單

有人來到你的網(wǎng)站，這是一個成功的第一步?，F(xiàn)在你需要將它們放在想要的位置，否則它們可能會反彈。擁有一個好的菜單將有助于防止人們在他們想要高效的地方獲得反彈。

雖然菜單起初可能看起來很復雜，但有效設(shè)計有三個關(guān)鍵要素：位置、清晰度和可用性。

菜單位置

與實體房地產(chǎn)一樣，虛擬房地產(chǎn)中最重要的設(shè)計元素是位置，位置，位置。找到您的菜單是設(shè)置可用網(wǎng)站的第一步。

菜單的設(shè)計慣例是它們位于頁面頂部，標題下方或左側(cè)邊欄中。找到頁面右側(cè)的菜單可以看作有點不同尋常和大膽?；蛘咚梢员灰暈闊o能。主要的區(qū)別在于這個人是否有洞察力地破壞了這些約定。

菜單通常位于頁面頂部或左側(cè)邊欄中，因為這些區(qū)域是讀者給予更多“重量”的區(qū)域。只有當您希望為頁面內(nèi)容而不是導航提供更多“權(quán)重”時，才可以在右側(cè)邊欄中放置菜單。

菜單元素的放置至關(guān)重要。在頂部菜單上，第一個和最后一個元素應該是最重要的，因為大多數(shù)讀者都會關(guān)注它們。雖然中間特征也會受到一些關(guān)注，但大多數(shù)讀者都會傾向于外在元素。

邊欄組件應從最重要到最不重要的順序排序。通過垂直排列，讀者優(yōu)先考慮最后一個元素。這是菜單應位于左側(cè)邊欄的另一個原因，因為這是大多數(shù)讀者尋找主要內(nèi)容的第一個地方。

菜單清晰度

網(wǎng)站設(shè)計應盡可能提供最佳用戶體驗。這從導航開始。對于用戶來說，每個站點元素應該是顯而易見的，如何與它們進行交互以及它們的作用。

簡潔是網(wǎng)站清晰度的重要元素。讀者傾向于掃描太長的標簽。確保某些重要內(nèi)容不僅標記清晰，而且盡可能簡要說明，以保持清晰。

請記住，簡潔并不總是等同于清晰度。如果不能從上下文線索中收集標簽的含義，那么你將失去讀者。語境化很重要。拼寫出一切都會浪費空間，并給讀者一種印象，即你認為他們看起來太愚蠢了。盡可能簡短，但要盡可能清楚。

如果必須犧牲另一個元素，那么簡潔就是下一步。永遠不應該犧牲清晰度。雖然缺乏簡潔可能會刺激讀者，但它不會像不明確的標簽那樣疏遠他們。

菜單可用性

雖然可用性是最后實現(xiàn)的元素，但它絕不是不重要的。如果一個菜單無法使用，那就更糟糕了。

小型網(wǎng)站的菜單有最清晰的設(shè)計原則。建議隱藏向下滾動元素后面的鏈接。用戶將單擊元素以下載完整的選項菜單，輕松單擊鏈接。這使得網(wǎng)站易于導航。

對于較大的網(wǎng)站，有幾種選擇，其中沒有一種本質(zhì)上比其他任何選擇都差。如果您有大類信息的登錄頁面，則可以使用為小型網(wǎng)站設(shè)計菜單的原則。每個鏈接都會將讀者帶到一個單獨的登錄頁面，然后引導他們獲取更具體的信息。此技術(shù)可能需要更廣泛的頂級菜單以及著陸頁上更具體的左側(cè)邊欄菜單。

下拉菜單應該只有一個級別。不要強制用戶滾動菜單或嘗試查看主菜單類別中的所有子類別。著陸頁對此非常有用，因為它們使您能夠?qū)⒂脩舭l(fā)送到仍具有自己菜單的較小類別頁面。

在設(shè)計與類別元素的用戶交互時，可以輕松地與它們進行交互。不要讓懸停菜單的元素太小以至于光標很容易從菜單中滑落，迫使用戶再次嘗試導航。雖然它使編程更復雜，但懸停導航問題的解決方案還包括可點擊元素，以便用戶可以選擇如何與菜單進行交互。延遲懸停菜單的關(guān)閉也可以解決交互問題，“懸停效果”也是如此，這給人留下了懸停元素被壓低的印象。

使下拉菜單不透明，或大部分都是如此，因此菜單元素不會與背景元素混淆。圖片上的半透明菜單可以很好地工作。不要使用完全半透明的菜單或在文本上使用半透明菜單; 你的菜單將成為一個難以理解的混亂。還要確保工具提示不包含菜單元素。一個模糊的選擇比沒有選擇更糟糕。

設(shè)計好菜單后，請在整個網(wǎng)站中保持一致。確保您在所有頁面上保留主菜單，并且當您在登錄頁面上有輔助菜單時，請保持設(shè)計元素不變，這樣您的讀者就不必調(diào)整到全新的菜單。