將項目推入這個模糊的菜單太容易了

2010-02-08 企業(yè)官網(wǎng)建設(shè)專題

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

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

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

001

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

002

同樣，相同的邏輯也適用于傳統(tǒng)網(wǎng)站，例如投資組合，登錄頁面和公司網(wǎng)站。在臺式計算機上，沒有任何借口可以完全掩蓋主要或次要的導(dǎo)航項目。

漢堡菜單只是出于審美考慮，通常是一個懶惰的解決方案

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

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

003

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

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

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

如果要永久消失漢堡包菜單，則必須提出合適且經(jīng)過改進的解決方案

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

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

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

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

004

在這兩種情況下，它都消除了漢堡菜單的粗心大意。取而代之的是，設(shè)計師和開發(fā)人員將被迫將導(dǎo)航項目的數(shù)量壓縮到更結(jié)構(gòu)化和易于理解的標簽中。

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

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

上一篇：游戲化如何更好改善用戶體驗返回觀點列表下一篇：請謹慎決定發(fā)送用戶的內(nèi)容

本文標簽：

本文地址： http://www.bmwdream.cn/a/1083.html

相關(guān)專題

品牌官網(wǎng)設(shè)計
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標準為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團公司提供網(wǎng)頁設(shè)計、制作、開發(fā)服務(wù)，為集團公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗、與客戶的持續(xù)溝通以及對每一個細節(jié)的關(guān)注，我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情