不要誤會(huì)，如果訪問(wèn)者無(wú)法輕易找到所需的內(nèi)容，那么最令人印象深刻的產(chǎn)品豐富的網(wǎng)站將無(wú)法將訪問(wèn)者轉(zhuǎn)化為付費(fèi)客戶。許多網(wǎng)頁(yè)設(shè)計(jì)師忘記導(dǎo)航菜單仍然是您的網(wǎng)站新訪客查找的＃1元素。導(dǎo)航菜單 - 無(wú)論是簡(jiǎn)單的或奢侈的設(shè)計(jì) - 都必須易于查找和使用。

我們?nèi)绾巫龅竭@一點(diǎn)？

首先，您需要考慮大多數(shù)人如何使用互聯(lián)網(wǎng)。Axios 有一個(gè)偉大的作品，證實(shí)桌面流量基本上在周末死亡。Smart Insights具有更多的圖形和統(tǒng)計(jì)信息，表明優(yōu)化移動(dòng)設(shè)備是絕對(duì)必要的。

以下三種方式來(lái)優(yōu)化當(dāng)今Web用戶的導(dǎo)航菜單：

＃1 - 優(yōu)化所有設(shè)備，特別是移動(dòng)設(shè)備

您的首要任務(wù)是您的導(dǎo)航菜單在所有顯示器上都能完美工作。我們已經(jīng)看到和使用的一個(gè)非常常見(jiàn)的導(dǎo)航菜單設(shè)置是將桌面和/或景觀導(dǎo)向顯示器的水平對(duì)齊，并切換到智能手機(jī)和/或縱向顯示器的垂直對(duì)齊方式，智能手機(jī)用熟悉的圖標(biāo)標(biāo)識(shí)菜單：

對(duì)于我們熟悉網(wǎng)絡(luò)的人，我們了解條形圖標(biāo)（即“漢堡菜單”）的含義。這種視覺(jué)參考永遠(yuǎn)存在于我們的記憶中。但是，我們知道有大量的人不會(huì)得到這個(gè)視覺(jué)參考。為了讓您的菜單得到所有人的真實(shí)訪問(wèn)，我們建議您在條形圖標(biāo)旁邊添加一個(gè)文本參考，如“ 菜單”或“ 瀏覽”。這樣，菜單位于移動(dòng)顯示屏上就不會(huì)有混亂的地方。

＃2 - 開(kāi)發(fā)直觀的導(dǎo)航

什么是直觀的導(dǎo)航，我們?nèi)绾卧O(shè)計(jì)到我們的網(wǎng)站？那么，我們可以告訴你直覺(jué)導(dǎo)航不是什么; 它不是華麗的或創(chuàng)造性的設(shè)計(jì)，以?shī)蕵?lè)或區(qū)分您與其他“沉悶”網(wǎng)站在那里。簡(jiǎn)單的定義，直觀的導(dǎo)航實(shí)現(xiàn)了您網(wǎng)站的所有設(shè)計(jì)元素的熟悉和一致的外觀。

＃3 - 了解您的菜單類型

我們已經(jīng)在主導(dǎo)航中觸動(dòng)了很多，但還有其他菜單類型 - 正確使用時(shí)，會(huì)進(jìn)一步優(yōu)化您的網(wǎng)站，并增加易用性。

主菜單

設(shè)計(jì)師和開(kāi)發(fā)者喜歡稱之為“頂級(jí)酒吧”，因?yàn)樗黄毡榻邮?，這個(gè)酒吧位于每一頁(yè)的頂部。這是您的主菜單，可讓訪問(wèn)者瀏覽您網(wǎng)站的各個(gè)頁(yè)面。主菜單設(shè)計(jì)應(yīng)與其余設(shè)計(jì)元素相一致。請(qǐng)記住，這是訪客將使用的第一個(gè)互動(dòng)點(diǎn)。

面包屑

面包屑菜單贊美您的主菜單，并向人們展示他們現(xiàn)在所在的基本路徑?；旧险f(shuō)，這是相當(dāng)于您在商場(chǎng)目錄中看到的“你在這里”的貼紙。例如，請(qǐng)參閱以下硬件商店主題的導(dǎo)航條目菜單：

網(wǎng)站地圖

Sitemap有用且經(jīng)常被忽略的菜單。網(wǎng)站地圖菜單顯示在其自己的網(wǎng)頁(yè)上，并包含您網(wǎng)站上所有頁(yè)面的分層，自上而下的有組織的列表。這是您的網(wǎng)站的簡(jiǎn)單路線圖，主要由使用屏幕閱讀器的人使用。屏幕閱讀器的人們?cè)谑澜缟蠈?duì)于您的主菜單并不關(guān)心，因?yàn)樗麄兪敲つ康幕蛴幸曈X(jué)障礙，消除了他們對(duì)視覺(jué)線索的需求。站點(diǎn)地圖對(duì)于這些訪問(wèn)者來(lái)說(shuō)是完美的，因?yàn)樗俗屪x者努力通過(guò)您的樣式主菜單瀏覽的所有驚喜。

分頁(yè)鏈接

如果您有電子商務(wù)或在線店面，您可能會(huì)銷售不少產(chǎn)品?？赡艹霈F(xiàn)的一個(gè)問(wèn)題是，當(dāng)用戶搜索每個(gè)產(chǎn)品時(shí)，瀏覽器會(huì)將頁(yè)面上的每個(gè)項(xiàng)目列出。剩下的是非常不可用的產(chǎn)品列表。這是您要設(shè)置分頁(yè)系統(tǒng)和菜單的地方; 系統(tǒng)將所有項(xiàng)目分割為僅顯示每頁(yè)X個(gè)量的單獨(dú)頁(yè)面。菜單然后將允許用戶從一頁(yè)到另一頁(yè)找到他們要找的內(nèi)容。

回到頂部

對(duì)于需要用戶向下滾動(dòng)的大量?jī)?nèi)容的網(wǎng)頁(yè)，擁有頁(yè)面右下角的“返回頂部”鏈接或按鈕可讓訪問(wèn)者返回到網(wǎng)頁(yè)頂部，其中一個(gè)點(diǎn)擊，而不需要一直向上滾動(dòng)。

頁(yè)腳鏈接

在頁(yè)腳中放置菜單鏈接是一種較新的策略，但具有優(yōu)點(diǎn)。有些人會(huì)問(wèn)：“ 為什么頁(yè)面頂部和底部有重復(fù)的鏈接？“如果您考慮到這一點(diǎn)，訪問(wèn)者可以在閱讀頁(yè)面上的內(nèi)容后，欣賞頁(yè)面底部的快速鏈接。這只是一個(gè)偏好的問(wèn)題，通常在你的頁(yè)腳中有一個(gè)小菜單是一件好事。但這并不意味著你需要每一個(gè)在頂部和底部的菜單都的每一個(gè)環(huán)節(jié)?？紤]您最熱門的網(wǎng)頁(yè)以及鏈接到主頁(yè)，關(guān)于我們頁(yè)面和聯(lián)系頁(yè)面。

沒(méi)有適當(dāng)?shù)牟藛?，您的網(wǎng)站將是一個(gè)混亂和令人信服的內(nèi)容混亂。無(wú)論您的網(wǎng)站內(nèi)容是簡(jiǎn)單還是復(fù)雜的，正確的導(dǎo)航系統(tǒng)會(huì)將潛在的混亂（和失去客戶）變成一個(gè)順利而愉快的旅程。