面包屑菜單設(shè)計在桌面站點上可以工作嗎？

我們有移動設(shè)備及其設(shè)計師和開發(fā)人員來感謝漢堡菜單及其日益流行的功能。但是現(xiàn)在，越來越多的桌面站點也正在采用這種設(shè)計和導(dǎo)航解決方案。

由于移動設(shè)備的屏幕較小，因此屏幕空間非常寶貴。設(shè)計師必須優(yōu)先考慮哪些設(shè)計選擇優(yōu)先于其他選擇。他們還必須聰明地利用較小的空間。當(dāng)用戶主動單擊該符號時，漢堡菜單僅顯示導(dǎo)航標(biāo)題和選擇。否則，它是一個謹(jǐn)慎的，幾乎不可見的圖標(biāo)，通常位于網(wǎng)站的左上或右上（移動或臺式機(jī)）。

說這是極簡主義的縮影是輕描淡寫。由于它在避免干擾的同時提供了最高的功能，因此越來越多的設(shè)計師正在使用它。

漢堡簡約

過去幾年中，最持久的設(shè)計趨勢之一是極簡主義，因為它專注于簡潔，簡單且易于導(dǎo)航的美學(xué)。因此，毫不奇怪的是，漢堡菜單之所以受歡迎，是因為它們在設(shè)計和功能上都可以在任何站點上促進(jìn)簡約。

設(shè)計師Brian Hoff在他的網(wǎng)站上對此很了解。請注意主頁右上角附近的隱藏菜單。從設(shè)計的角度來看，它干凈整潔，因為它一直不起眼，直到用戶決定繼續(xù)前進(jìn)并單擊以打開導(dǎo)航選項為止。但是從功能的角度來看，這也是對極簡主義的研究，因為與之交互所需要的只是讓用戶將光標(biāo)懸停在圖標(biāo)上并單擊它。然后，從屏幕的右側(cè)出現(xiàn)一個彈出菜單，其中只有幾個導(dǎo)航選項。十分簡單！

當(dāng)然，這也會滲入用戶體驗，因為任何試圖瀏覽Brian站點的人都將喜歡使用這種極簡的隱藏菜單，而不是使用笨拙而龐大的菜單，這會分散導(dǎo)航的便利性，并增加太多的選擇。

漢堡焦點

Web設(shè)計是關(guān)于布局元素并在其他元素上施加壓力，以優(yōu)先考慮網(wǎng)站訪問者吸收信息的方式。這是信息體系結(jié)構(gòu)工作方式的一部分：如果您希望訪問者從一開始就了解您的網(wǎng)站的全部內(nèi)容，那么您將設(shè)計為吸引人們對網(wǎng)站標(biāo)語或價值主張的關(guān)注，同時降低其他網(wǎng)站的重要性元素。

eWebDesign理解這一點，并據(jù)此設(shè)計了它的站點。請注意，首頁右上方的隱藏菜單非常謹(jǐn)慎。它甚至沒有粘性，因此向下滾動將使其消失。隱藏菜單的這種不顯眼的存在意味著訪問者的注意力會立即吸引到該站點的獨特價值主張，即其博客的訂閱者直接從行業(yè)專家那里接收網(wǎng)絡(luò)新聞。這也無縫地定位在提議下方的“訂閱”號召性用語按鈕。

如果菜單按傳統(tǒng)布局（以該提議上方的水平導(dǎo)航菜單的形式），則可能會導(dǎo)致訪問者立即被無數(shù)可點擊的事物分散注意力！這將有害地影響注冊該網(wǎng)站的人數(shù)。

解決創(chuàng)造性問題

每個建成的網(wǎng)站都立即面臨一個大問題：設(shè)計師如何計劃事物，以使該網(wǎng)站既實用又美觀。從用戶體驗和可用性角度出發(fā)，一勞永逸地實現(xiàn)導(dǎo)航是關(guān)鍵。

漢堡菜單使富有創(chuàng)造力和實際意義的設(shè)計師能夠找到既能提供功能又能提供美觀服務(wù)的導(dǎo)航解決方案。有時，解決方案不是您真正想要的，而訪客往往被導(dǎo)航布局所震撼，使他們以從未見過或從未見過的事物感到高興。

例子：來自曼徹斯特的數(shù)字工作室We Are Empire。它的網(wǎng)站在很大程度上依賴于空白，巨大圖像和清潔度等概念，但這只是表面上的劃痕。當(dāng)用戶再次單擊隱藏菜單時（謹(jǐn)慎地將其放置在主頁右上角），他們對功能導(dǎo)航的創(chuàng)新解決方案絕對感到滿意。

單擊漢堡菜單后，任何一側(cè)都不會出現(xiàn)彈出菜單。取而代之的是，整個屏幕都切換到導(dǎo)航菜單，該菜單本身會出現(xiàn)在整個屏幕上。從白色到粉紅色的顏色變化增強(qiáng)了這種變化。從那里，用戶可以自由地在網(wǎng)站上找到他們想要的東西。

直接溝通

任何網(wǎng)站的目標(biāo)都是讓訪問者從開始瀏覽之日起便輕松高效地使用該網(wǎng)站。實現(xiàn)此目的最強(qiáng)大的方法之一是通過收費，向訪客傳達(dá)網(wǎng)站各個元素的含義以及如何使用它們。

模式功能使用熟悉度可以立即告訴訪問者圖標(biāo)的用途。因此，模式提供功能可以快速告訴訪問者如何與圖標(biāo)進(jìn)行交互以獲得期望的結(jié)果。

近年來，手機(jī)上的漢堡菜單幾乎無處不在。因此，可以肯定的是，很多用戶都熟悉它：外觀，使用方式（通過點擊以打開菜單），甚至在屏幕上通常可以找到的地方。它在任何網(wǎng)站上的存在都提供了有關(guān)如何導(dǎo)航所述網(wǎng)站的即時通信。

數(shù)字廣告代理商Xander在其網(wǎng)站上對此進(jìn)行了演示。盡管首頁簡直是極簡主義，但幾乎沒有極限-請注意，實際上沒有任何東西吸引人眼球-用戶可以立即查找隱藏菜單并在右上角找到它，這是通常的位置。從用戶的角度來看，這種模式的遵循消除了混亂，并使他們能夠立即開始在網(wǎng)站上找到他們想要的東西。

不只是一種時尚

即使是現(xiàn)在，盡管漢堡包菜單無處不在，它仍然引起了一些圈子的批評。它在移動和臺式機(jī)的許多站點上得到了廣泛的采用，這表明有需求，但仍然存在疑問。

服裝網(wǎng)站設(shè)計漢堡菜單始終是許多大小網(wǎng)頁上的永久內(nèi)容。它不只是一時的流行，因為設(shè)計師了解它可以高效，智能，輕松地解決導(dǎo)航問題。這就是為什么這種導(dǎo)航菜單方法現(xiàn)在牢固地植根于我們的網(wǎng)絡(luò)瀏覽習(xí)慣的原因。