網(wǎng)站設(shè)計發(fā)生了一段時間的變化：導(dǎo)航和菜單在縮小。 盡管有人反對使用漢堡菜單圖標(biāo)，但極簡的導(dǎo)航樣式和元素卻越來越受歡迎。

盡管并非所有的極簡導(dǎo)航元素都使用這種樣式，但在過去幾年中，使用這種樣式肯定將變成一種常見的視覺樣式。

但這有效嗎？ 你是否應(yīng)該考慮對項目使用這樣的導(dǎo)航？ 在這里，我們將通過使用示例來了解一些優(yōu)缺點。 答案可能并不像你想的那么簡單。


設(shè)計趨勢：極簡導(dǎo)航（Design Trend: Minimal Navigation）



極簡的導(dǎo)航樣式可以以不同的方式呈現(xiàn)，但最受歡迎的可能是帶有漢堡圖標(biāo)。

具有三個堆疊線的圖標(biāo)樣式已經(jīng)很普遍，以至于大多數(shù)用戶都可以識別它。 但是，當(dāng)涉及到極簡的導(dǎo)航時，共同點似乎就此停止了。 漢堡包圖標(biāo)已經(jīng)演變?yōu)閮H包括兩行，在屏幕上的位置也不同（可以在左側(cè)，右側(cè)或中間），有時還與其他導(dǎo)航元素組合在一起。

有時，極簡導(dǎo)航甚至根本不使用漢堡包樣式。 有很多項目都在使用極簡的導(dǎo)航樣式，但并沒有很多一致性。 因此，這種趨勢會帶來大量的設(shè)計機(jī)會……以及挑戰(zhàn)。

極簡導(dǎo)航的優(yōu)點

在許多情況和網(wǎng)站設(shè)計方案中，使用極簡風(fēng)格的導(dǎo)航效果很好。 導(dǎo)航功能可以使設(shè)計引人注目而不會造成混亂，并且該概念正逐漸成為一種更為普遍接受的用戶模式。


1.小型的導(dǎo)航樣式已經(jīng)成為一種常態(tài)（Small Nav Elements Have Become the Norm）



得益于移動設(shè)備的主導(dǎo)地位，小型導(dǎo)航元素已成為常態(tài)。 使用手機(jī)訪問網(wǎng)站的用戶通常更加適應(yīng)于精簡菜單項，包括隱藏在漢堡式圖標(biāo)中的菜單項。

一旦用戶流或模式被普遍接受，就不用擔(dān)心網(wǎng)站的可用性或混亂局面了。 盡管極簡的導(dǎo)航在小型設(shè)備上很常見，但它帶來了一個問題，即在臺式機(jī)屏幕上是否會有不同的期望。


2.用戶確切的知道你想要他們做什么（Users Know Exactly What You Want Them To Do）



只要用戶可以從設(shè)計中了解你想要或需要他們做什么，極簡導(dǎo)航的樣式就非常有效。 但請注意，極簡并不意味著“刪除”導(dǎo)航。

上面的Lifted Logic的極簡樣式導(dǎo)航顯示了使用漢堡包菜單隱藏一些元素而主要項目仍然位于屏幕頂部時，如何實現(xiàn)最大效率的導(dǎo)航。 樣式使設(shè)計易于使用，并創(chuàng)建了清晰的用戶路徑。


3.彈出火滑出導(dǎo)航可以提供更多信息（Pop- and Slide-Out Navigation Can Provide More Information）





關(guān)于極簡導(dǎo)航的最吸引人的事情之一是，當(dāng)用戶需要時，它可以擴(kuò)展為包含更多上下文和信息的更具包容性的樣式。

此概念在上面的網(wǎng)站設(shè)計中非常有效，該設(shè)計的擴(kuò)展導(dǎo)航所彈出的菜單中提供了指向整個網(wǎng)站內(nèi)容以及社交媒體的鏈接。


4.極簡導(dǎo)航為設(shè)計提供了更多的空間（Minimal Navigation Gives More Room to the Design）



極簡導(dǎo)航的最佳設(shè)計元素之一是它可以清理畫布的其余部分，以便設(shè)計可以“呼吸和流動”。 你無需在屏幕頂部添加白色欄或淡出照片以容納小的文本按鈕的壓力。

干凈的畫布可以為設(shè)計中的特殊工作提供堅實的背景，使你不必?fù)?dān)心導(dǎo)航是否妨礙或可讀性。


5.極簡導(dǎo)航是你著重考慮入口（Minimal Navigation Forces to You Consider Other “Entry Points”）



最后，極簡的導(dǎo)航使你考慮其他方法來使用戶專注于網(wǎng)站之旅。 這可能包括整個設(shè)計中可點擊的號召性用語，鼓勵跳轉(zhuǎn)到其他內(nèi)容的卡片或按鈕元素，或?qū)⒂脩舳ㄏ虻狡渌撁娴姆桨浮?br />
牢記這一計劃進(jìn)行設(shè)計可以幫助你重新考慮和重塑轉(zhuǎn)化，并專注于網(wǎng)站和用戶之間的關(guān)鍵操作/交互。 即使設(shè)計沒有經(jīng)過迭代，也可以通過思考使用一個極簡的導(dǎo)航計劃來幫助你確定項目目標(biāo)。


極簡導(dǎo)航的缺點

并非每個項目都需要極簡的導(dǎo)航。 選擇這種樣式（或不選擇）的大部分基礎(chǔ)與內(nèi)容和個人喜好有關(guān)。 但是，有一些更深層的原因說明為什么極簡導(dǎo)航可能不是最佳解決方案。


1.一些用戶可能找不到他們想要的東西（Some Users Won’t Find What They Are Looking For）

極簡導(dǎo)航的主要問題是用戶有可能“迷路”。 對于已經(jīng)習(xí)慣了早期網(wǎng)站模式的用戶，似乎有些人無法及時適應(yīng)。

這些導(dǎo)航元素中的每一個都是如此。 在轉(zhuǎn)向極簡的導(dǎo)航樣式進(jìn)行重新設(shè)計或設(shè)計調(diào)整之前，請查看一下你的分析和流量。 有多少人正在使用這些元素？ 他們正在使用所有這些嗎？ 這可以幫助指引你的計劃。


2.降低內(nèi)容優(yōu)先級（Deprioritizes Content）

極簡導(dǎo)航還會以某種方式降低內(nèi)容的優(yōu)先級。 大多數(shù)用戶認(rèn)為導(dǎo)航元素是網(wǎng)站設(shè)計中最重要的頁面和內(nèi)容。

但是，如果那里什么都沒有呢？ 他們?nèi)绾沃老乱徊綉?yīng)該做什么？

如果設(shè)計的其余部分不能幫助用戶找到他們想要的東西，這可能會引起關(guān)注。 極簡的導(dǎo)航需要其余設(shè)計的支持才能真正有效。


3.參與度可能較低（Can Have Potentially Low Engagement）

考慮嘗試導(dǎo)航的按鈕樣式設(shè)計，而不是漢堡包圖標(biāo)。

這似乎是一個很小的布局調(diào)整，但是可以解決導(dǎo)航量少的最大問題之一，即低參與度。 設(shè)計使按鈕更具可點擊性。 更改設(shè)計并保持功能不變。 測試一下。 是否有更多用戶點擊？


4.潛在的負(fù)面SEO影響（Potential Negative SEO Impact）

頁面上較少的單詞為搜索引擎和索引引擎閱讀和理解你的內(nèi)容提供了更少的機(jī)會。 盡管這可能會對搜索引擎優(yōu)化產(chǎn)生一些影響，但影響通常很小。

如果用戶快速離開或因為找不到內(nèi)容而不喜歡設(shè)計，這對SEO的影響最大。


5.在內(nèi)容較多的設(shè)計中可能“迷路”（It Can Get Lost in Busy Designs）

如果整體設(shè)計比較多內(nèi)容或元素，極簡的導(dǎo)航將帶來挑戰(zhàn)。 此樣式可能會在設(shè)計中迷失方向，從而使其無效。

因此，你確實會在白色或深色框中看到更多的粘性導(dǎo)航欄，即使有少量選擇，也可以確保在播放視頻，高彩色或動態(tài)圖形或帶有照片的照片時一目了然。


總結(jié)

就個人而言，導(dǎo)航的深度和優(yōu)勢取決于內(nèi)容。 沒有太多頁面的小型網(wǎng)站可能不需要它，盡管我?guī)缀蹩偸怯X得有電子商務(wù)的網(wǎng)站很有必要。 （商店和購物車菜單項應(yīng)始終存在。）

另一個真正的因素是觀眾。 年輕的受眾群體或主要通過電話訪問你網(wǎng)站的受眾群體更容易看到并使用（傳統(tǒng)菜單在這種格式下無法正常工作）。另一方面，桌面用戶可以從導(dǎo)航菜單中的文字和選項中收集有關(guān)網(wǎng)站的許多其他信息。

這使這一主題變得困難。 盡管極簡導(dǎo)航在所有設(shè)備上都變得越來越流行，但對于許多設(shè)備來說，更好的選擇可能是在較大的設(shè)備（例如臺式機(jī)）上使用更“完整”的導(dǎo)航樣式，而在電話或小型設(shè)備上使用極簡樣式。

與任何新想法或新概念一樣，請注意你的分析和用戶。 如果你使用更簡化的導(dǎo)航格式，導(dǎo)致用戶退出了設(shè)計中的多個頁面或關(guān)鍵頁面，則可能需要重新考慮該決定。 相反，你可能會發(fā)現(xiàn)導(dǎo)航并不是真正影響用戶的因素，并且極簡的樣式也很好，在美學(xué)上也更令人愉悅。