網(wǎng)頁(yè)制作中為什么面包屑導(dǎo)航需要消失？

最初引入漢堡菜單是為了掩蓋輔助導(dǎo)航項(xiàng)，以維護(hù)更簡(jiǎn)潔，更集中的Web或應(yīng)用程序設(shè)計(jì)。

Android是此設(shè)計(jì)組件的最早采用者之一，它甚至已將其包含在其流行的Material Design指南中。從那時(shí)起，它就被運(yùn)用于大多數(shù)Android應(yīng)用程序以及一部分iOS應(yīng)用程序中。它甚至已成為許多桌面應(yīng)用程序和網(wǎng)站的主要內(nèi)容。

這些實(shí)例的設(shè)計(jì)取得了不同程度的成功。一些提供了針對(duì)導(dǎo)航溢出的合法解決方案，而其他一些出于美學(xué)原因選擇漢堡菜單卻以犧牲用戶體驗(yàn)為代價(jià)。它已成為現(xiàn)代產(chǎn)品和網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的組成部分。

就桌面應(yīng)用程序而言，漢堡應(yīng)該沒(méi)有位置。很少有這樣一種設(shè)計(jì)，它缺少屏幕空間，因此需要導(dǎo)航溢出。Google是主要的罪魁禍?zhǔn)字?，似乎包含此組件只是為了在其產(chǎn)品之間以及臺(tái)式機(jī)和移動(dòng)設(shè)備之間提供一致性。實(shí)際上，這是一種無(wú)用且不方便的用戶體驗(yàn)做法，尤其是當(dāng)它也包含主要導(dǎo)航項(xiàng)時(shí)。

同樣，相同的邏輯也適用于傳統(tǒng)網(wǎng)站，例如投資組合，登錄頁(yè)面和公司網(wǎng)站。在臺(tái)式計(jì)算機(jī)上，沒(méi)有任何借口會(huì)使主要或次要導(dǎo)航項(xiàng)目完全模糊。

在設(shè)計(jì)階段，即使考慮使用小型筆記本電腦和平板電腦設(shè)備，屏幕空間仍然很大。仔細(xì)考慮，即使是最復(fù)雜和最廣泛的導(dǎo)航菜單也可以直接顯示。在移動(dòng)應(yīng)用程序上沒(méi)有固定的準(zhǔn)則，允許設(shè)計(jì)人員通過(guò)定位，調(diào)整大小和用戶友好的解決方案（如懸停下拉菜單和分層結(jié)構(gòu)）來(lái)發(fā)揮創(chuàng)意。

漢堡菜單只是出于美學(xué)考慮，通常是一種不適合環(huán)境和設(shè)備的懶惰解決方案。這使得在頁(yè)面之間切換變得困難，甚至使最懂計(jì)算機(jī)的人也感到困惑。

隨著屏幕尺寸縮小到平板電腦和移動(dòng)設(shè)備的分辨率，漢堡菜單開(kāi)始解決空間限制的問(wèn)題。它提供了一種快速簡(jiǎn)便的解決方案，以解決屏幕空間不足的問(wèn)題，并且該解決方案在移動(dòng)網(wǎng)站和Android應(yīng)用之間是一致的。iOS本質(zhì)上提供了相同的解決方案，但以溢出選項(xiàng)卡圖標(biāo)的形式出現(xiàn)，通常標(biāo)題為“更多”。鑒于其位于屏幕底部的位置，您可以輕松訪問(wèn)它。

但是，在設(shè)計(jì)思想家和創(chuàng)意者正在設(shè)計(jì)并且正在考慮替代設(shè)計(jì)中最關(guān)鍵組成部分的新環(huán)境中，漢堡菜單真的是最佳解決方案嗎？

漢堡菜單在用戶體驗(yàn)方面缺乏的是，每次需要訪問(wèn)其中的一項(xiàng)時(shí)都需要打開(kāi)它。在包含導(dǎo)航抽屜的情況下，每次用戶希望導(dǎo)航到不同的屏幕時(shí)，此范圍都會(huì)擴(kuò)展到兩個(gè)水龍頭。這些項(xiàng)目中的一些可以歸為次要的，次要的項(xiàng)目，而訪問(wèn)次要的頻率要低得多。其他人，即使是在Google自己的應(yīng)用程序中，也是最主要的動(dòng)作。

從Google Keep的提醒到Y(jié)ouTube的稍后觀看，漢堡菜單經(jīng)常在關(guān)鍵的導(dǎo)航項(xiàng)目中重疊顯示。作為設(shè)計(jì)組件，這是一個(gè)折衷方案。如果每個(gè)應(yīng)用程序根據(jù)其自身的獨(dú)特需求，用戶和布局來(lái)設(shè)計(jì)自己的導(dǎo)航結(jié)構(gòu)，則將獲得一個(gè)更優(yōu)化的解決方案。但是，在諸如iOS或Android這樣的生態(tài)系統(tǒng)中，一致性對(duì)于為開(kāi)發(fā)人員提供簡(jiǎn)單的解決方案以及確保用戶能夠理解應(yīng)用程序的功能至關(guān)重要，無(wú)論該應(yīng)用程序是由誰(shuí)設(shè)計(jì)的。

如果要永久消失漢堡菜單，則必須提出一種合適且經(jīng)過(guò)改進(jìn)的解決方案。它必須是一個(gè)可以在整個(gè)生態(tài)系統(tǒng)中一致地應(yīng)用于每個(gè)應(yīng)用程序的應(yīng)用程序，并且可以滿足各種不同的需求和復(fù)雜性。

第一個(gè)可能的解決方案是將應(yīng)用程序標(biāo)題向左移動(dòng)，為標(biāo)題欄中右上方分組的最多四個(gè)圖標(biāo)打開(kāi)空間。這涵蓋了大多數(shù)漢堡菜單用例，通常只包括兩個(gè)到四個(gè)項(xiàng)目。對(duì)于具有更多導(dǎo)航項(xiàng)的情況，可以引入省略號(hào)溢出圖標(biāo)。這擺脫了“一刀切”的做法，取而代之的是為所有應(yīng)用程序提供快速訪問(wèn)解決方案，同時(shí)還為那些具有四個(gè)以上項(xiàng)目的更復(fù)雜案例提供服務(wù)。

另一個(gè)解決方案是引入重新設(shè)計(jì)的圖標(biāo)選項(xiàng)卡欄。材料指南目前鼓勵(lì)設(shè)計(jì)人員使用文本標(biāo)簽選項(xiàng)卡，可以輕松地將其切換為圖標(biāo)。這將為大多數(shù)應(yīng)用程序打開(kāi)足夠的空間來(lái)刪除輔助導(dǎo)航菜單，并鼓勵(lì)設(shè)計(jì)人員和開(kāi)發(fā)人員簡(jiǎn)化其應(yīng)用程序中的主屏幕數(shù)量。同樣，隨著iOS占用空間的增加和標(biāo)簽欄內(nèi)部間距實(shí)踐的重新思考，應(yīng)用程序可以容納更多項(xiàng)目，同時(shí)每個(gè)次級(jí)項(xiàng)目中都包含任何輔助項(xiàng)目。

網(wǎng)站設(shè)計(jì)制作，它都消除了漢堡菜單的粗心大意。取而代之的是，設(shè)計(jì)師和開(kāi)發(fā)人員將被迫將導(dǎo)航項(xiàng)目的數(shù)量壓縮到更加結(jié)構(gòu)化和易于理解的標(biāo)簽中。

將項(xiàng)目推入這個(gè)模糊的菜單太容易了，而最終用戶卻為此付出了代價(jià)。通常這是不必要的，并且該圖標(biāo)浪費(fèi)了Android應(yīng)用程序中標(biāo)題欄的很大一部分。

隨著時(shí)間的流逝，像Material Design這樣的系統(tǒng)可能會(huì)設(shè)計(jì)出更簡(jiǎn)單的解決方案來(lái)超越漢堡包菜單。屆時(shí)，將為用戶提供易于使用的移動(dòng)產(chǎn)品，并提供更簡(jiǎn)單，更易于訪問(wèn)的導(dǎo)航結(jié)構(gòu)。