中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

我們曾經提到過，漢堡菜單將成為移動端設計的主流模式——然而根據數據研究表明，漢堡菜單的弊大于利

漢堡菜單到底好還是壞？這個話題非常微妙。

我將盡量在本文中保持客觀的態度，向各位展示漢堡菜單的問題所在，解決問題的方案，至于如何對待這種設計模式，我相信仁者見仁，智者見智。

一、問題所在

1. 難于發現
2. 效率低下
3. 在某些平臺下，和平臺固有的導航設計模式有所沖突
4. 無法一瞥既得

1.難于發現

“如果看不到，那么自然便想不到”

在默認狀態下，側邊菜單（漢堡菜單）的內容是隱藏的

傳統的經驗是：最重要、最常使用的功能放置在首屏。然而漢堡菜單打破了這一慣例。用戶首先要去了解漢堡菜單是可以激活/關閉的——盡管漢堡菜單現在極為流行，但是很多應用都會在用戶初次使用時提示用戶，否則一些新手用戶很可能無法在主屏上找到主要功能。

2.效率低下

當用戶知道在側邊可以開啟導航菜單后，新的問題出現了：這種設計模式會強迫，逼迫用戶打開應用之后立馬開啟側邊菜單，否則無法進行操作。

相對于下面傳統的標簽欄導航設計，我們可以看到，傳統的設計模式，所有功能/元素直接陳列在主屏幕中，用戶打開應用后可以立即操作。

3.和平臺固有的導航模式有所沖突

在iOS平臺下，問題尤為突出，和iOS標準的導航設計模式有所沖突，iOS中，一般左上角是返回。而漢堡菜單的開啟圖標，一般也位于右上角。

如果設計師執意要采用漢堡菜單這種導航設計模式，那么在一些層級豐富的應用設計中，麻煩便凸顯:既然左上角用來放置漢堡圖標，那么便和返回按鈕沖突了。有時候便需要滑動手勢來進行層級切換——然而，這種操作模式并不直觀。

4.無法一瞥既得

現在的主流設計觀念是：盡量讓用戶直接與信息進行交互。然而漢堡菜單所代表的導航模式，信息無法一瞥既得，用戶需要打開側拉菜單，才能發現信息。

上圖是Jawbone UP的應用:摒棄了底部標簽欄導航模式，將通知放在右上角，和漢堡圖標遙相對應。

這種簡化好么？不見得，雖然視覺簡化了，但是功能沒有簡化多少，換言之。設計者簡化了視覺，卻提高了應用的理解難度（以及操作復雜度）——好看的未必適用。

相反，看看Twitter的標簽欄導航，一瞥既得，減少了用戶的理解難度，同時讓用戶可以直接導航。

5.認知問題

當提到側拉菜單和漢堡圖標的時候，有一個理論被支持者反復提及：可以節省屏幕空間，提高閱讀區域，進而提高可讀性。

但是又何必為了節省屏幕空間而違背一些最基本的人機交互定則？應用需要有焦點區域，應用需要有明確的導航，讓用戶知道自己身處層級的何處。

注意：或許是時候去重新理解人機交互理念了，這樣才能避免華而不實的設計錯誤出現。

二、解決之道

盡管有很多論述指出了漢堡圖標的問題所在，但是并沒有人提出解決方案。

1.首先要思考的是，這種設計模式在何種情況下有效？

我個人認為，漢堡菜單設計模式不太實用，僅僅在個別案例中有效。

IRCCloud便是一個優異的案例，它證明了漢堡菜單導航模式的價值所在——輔助用戶進行頻道切換（左）和展示頻道成員（右）。

在這個案例中，漢堡菜單是可行的，因為主界面沒有子界面，沒有層級上的堆疊。（當層級比較復雜時，便需要考慮一下是否要摒棄漢堡菜單了)

雖然這個案例很棒，但是很明顯，這款應用的界面有些臃腫，信息過載，信息架構需要重新設計一下了。

右側的側拉菜單展示了頻道成員，左側的側拉展示了頻道列表。用戶可以選擇切換頻道，選擇用戶。但是沒有太多地方去展示行為控件——因此設計者將操作按鈕放在了左下角。整體看起來非常的冗雜。

2.那該采用怎樣的導航模式？

側邊菜單會導致糟糕的信息架構，尤其是在層級復雜的應用設計中。

解決方案是重新審視信息架構

上圖便是改動方案，左圖中的彩色小點轉換為右圖中標簽欄中的標簽。

謹記:

1.要在標簽欄中清晰的展示用戶所處的功能界面。
2.要保證所有功能元素的可見性和可達性。
3.不要有導航手勢的沖突。

解決了側邊菜單所導致的交互問題之后，其實用標簽欄導航同樣可以節省屏幕空間：根據滾動方向來選擇是否隱藏導航欄——請看Facebook應用和Safari。固定的標簽欄能夠清晰的暗示用戶當前所處的位置。

[忍不住多說幾句]網站不要無腦抄襲iOS的導航模式，對于某些重形網站來說，重新審視一遍信息架構，再進行移動端設計，比完全照搬iOS導航模式的效果要好得多。

3.如何擴展標簽欄導航模式

下圖所給的案例全部基于iOS，可以解決標簽欄擴容問題。

某些情況下，應用的功能點超過了5個（標簽欄大致可以容納5個標簽），可是如果需要擴展怎么辦？目前主流的標簽欄導航模式中，都采用下圖這種辦法，提供了一個“更多”圖標，點擊后會進入另外一個界面，這種效果并不理想，因為跟側拉菜單一樣——功能被隱藏了。如果要擴展的內容超多，可以考慮使用這種方法。

另外一種方法可以參考Rookie，可以滑動標簽欄。但是也有缺點，容錯率較低，點擊手勢和滾動手勢可能會沖突，可能會出現誤操作。

還有一點，值得一提，那邊是第二種方法，更適合交互操作的選擇，導航功能上稍微弱一點。

三、結論

希望本文能夠明晰您對于側拉菜單和標簽欄導航的認識，能夠區分彼此的利弊，在設計中合理利用設計模式，向用戶展現清晰的信息架構。

source:UI中國