設計者在選定了應用程度與網(wǎng)站的內(nèi)容和功能后，就應該考慮如何向用戶展示，讓用戶很容易看到內(nèi)容、使用到功能。關于移動終端的菜單設計，別人最常問的問題是：采用選項卡菜單還是漢堡菜單?應該如何選擇?和大部分用戶體驗的相關問題一樣，南昌網(wǎng)站建設公司—百恒網(wǎng)絡的最佳答案是：“看情況而定?！痹O計者要根據(jù)應用的內(nèi)容、具體環(huán)境、設計策略多個條件做決定。最終呈現(xiàn)在用戶面前的界面不過是對上述條件深思熟慮后，精心設計的結果而已。

直觀菜單

最傳統(tǒng)的菜單設計與網(wǎng)頁菜單設計十分相近，即列舉出菜單的所有項目。這種方法沒有任何風險：一切都在眼前，用戶不會錯過任何內(nèi)容。但難點在于很難把希望展示的內(nèi)容統(tǒng)統(tǒng)列舉出來。

什么時候使用直觀菜單?

下面是可以或必須采用直觀菜單的幾種情況。

1.當菜單擁有建議能力的時候，換句話說，菜單可以激發(fā)用戶產(chǎn)生瀏覽頁面的想法。

2.當用戶需要高效率的時候：用戶需要通過菜單立即進入各個功能，這時直觀菜單更理想。

3.當菜單選項不多的時候：添加一個“其他”選項就可以達到全面覆蓋目的。

4.當基本不存在屏幕空間不足問題的時候。

5.當用戶需要常常從一個頁面跳轉到另一個頁面的時候。

直觀菜單可以讓用戶直接點擊使用重要的功能，如 MAPPY 中的“路線”(Itinéraire)功能、FOODSPOTTING 中的“拍照”功能和 CAPTAINE TRAIN 中的“購物籃”功能，同時也可以鼓勵用戶探索不知曉或者從未瀏覽過的頁面，比如 MAPPY 中的“購物”功能。

彌補直觀菜單的缺陷

直觀菜單存在兩種缺陷：一是菜單在屏幕上占據(jù)空間較大;二是菜單無法容納過多數(shù)量的選項。以下是彌補這兩種缺陷的方法。

在用戶不需要菜單的時候將菜單隱藏

直觀菜單最大的問題是它始終存在于屏幕上，十分礙事。所以，在人機交互的某些時刻，尤其在用戶探索頁面和閱讀內(nèi)容的時候，最好將菜單隱藏起來。此時，我們可以假設用戶不需要太多的整體導航功能選項。

和大多數(shù)移動瀏覽器一樣，當用戶“卷起”頁面時，SAFARI 菜單消失;在用戶點擊時，菜單重新出現(xiàn)。

兩者兼顧的方法

在 iPhone 最初的開發(fā)指導思想中有這樣一條建議：標簽欄(tab bar)中的最后一個選項應當是“更多內(nèi)容”“其他”等類似選項，用戶只需點擊一下就可以展開次要選項。當然，在任何移動應用中都能采用這種方法。

其他”(Autre)設為菜單導航的最后一個選項，包含后續(xù)內(nèi)容和其他選項。

隱藏菜單

移動終端像素有限，南昌網(wǎng)站建設的設計者顯然需要其他方案來解決菜單過大的問題，于是漢堡菜單及其衍生設計應運而生。無論菜單是大是小，“漢堡菜單”的主要原則是隱藏菜單，并通過點擊屏幕上的圖標展開菜單。隱藏菜單往往在旁側豎立擺放，需要瀏覽時會出現(xiàn)在屏幕的左側或右側。因此人們也把這類菜單叫做“抽屜菜單”，在軟件里也有類似的設計。

“漢堡菜單”通常采用三條上下排列的橫線作為按鍵，這種排列方式讓人聯(lián)想到漢堡包中面包與食材上下疊放的樣子，“漢堡菜單”因此得名。

什么時候采用隱藏菜單?

隱藏菜單的最大優(yōu)點是占據(jù)屏幕空間極少，可以把空間留給其他元素。其最大缺點是隱藏了菜單的具體內(nèi)容：如果用戶不打開菜單查看，從表面上什么都看不到。

眾所周知，可以被直接看見的直觀目標的使用頻率更高。如果采用隱藏菜單，被隱藏的具體選項功能的使用頻率會大幅降低。隱藏菜單沒有建議能力，也就是說，只有在用戶主觀希望去尋找一些東西時，才會點擊隱藏菜單進行搜索。

隱藏菜單不會自行給予用戶任何啟發(fā)，激發(fā)他們產(chǎn)生使用隱藏內(nèi)容的想法。常言道：“眼不見，心不念?！边@句話在人機交互的世界中得到了最完美的詮釋。

然而，如果被隱藏的內(nèi)容并非應用中的關鍵部分，那么隱藏菜單完全可以接受，甚至應該得到推崇。從人機工程學角度看來，通過點擊一下來展示所有功能，這種設計沒有太大意義：這其實意味著，設計者不知道該如何取舍，如何找到合適的平衡點。還是那句話，想要設計高效的導航，設計者首先要考慮如何按照內(nèi)容和功能的重要性進行分級的問題。

以下是可以或必須使用隱藏菜單的幾種情況。

1.當菜單里沒有任何重要內(nèi)容，或者設計者希望向用戶重點推薦的內(nèi)容時：即次要內(nèi)容和支持性功能，如用戶賬戶、設置參數(shù)、分類篩選、聯(lián)系人，等等。

旁側的菜單里都是些次要項目，完全可以隱藏起來。

2.當屏幕上已經(jīng)默認顯示了大部分功能時：以新聞實時播報、社交網(wǎng)絡為基礎的移動應用大多如此。另外，一切屬于供應方推送(push)而非用戶索取(pull)的應用也屬于這種情況。

3.當用戶已經(jīng)知道或能夠猜到存在一些功能時：最常見的用戶登錄功能，以及一些應用所特有的功能，例如，用戶應該能猜到報刊類應用程序或網(wǎng)站上應該具有按照政治、金融、國際新聞等主題對內(nèi)容進行分類篩選的功能。

顯然，在這款應用程序中，一定存在根據(jù)運動項目分類篩選的功能，所以設計者可以把該功能隱藏起來，讓出更多界面空間給其他更重要的元素。

4.當某一個選項屬于一系列慣例性操作中的一步時：比如用戶身份驗證。

5.當清單內(nèi)容很長的時候：如電子商務網(wǎng)站的商品清單、在線雜志的欄目單等。當然，在核心頁面和重要位置上，仍然可以重復強調(diào)隱藏菜單里列舉的內(nèi)容。

豎向的隱藏菜單十分適合在針對大眾的時尚網(wǎng)站上使用，因為用戶能夠猜出應該存在商品的分類名單或搜索欄。設計者可以直接把主推商品放在核心頁面上，讓商品更為醒目。

6.當不同項目之間的用途互不相關時：比如針對不同客戶群的不同項目。用戶在使用中不會在各個選項之間穿梭，也就是說，不會從一個欄目跳到另一個欄目。

使用這款應用程序時，用戶通常每次只會使用搜索、建議、查詢路線這些主要功能中的一個。所以，當用戶在首頁上選擇一個項目后，菜單完全可以隱藏起來。

7.當設計者希望盡可能去除屏幕上的多余元素，讓用戶聚焦關鍵內(nèi)容時：隱藏菜單實際上成為一種凈化界面、優(yōu)化結構的好方法。

隱藏菜單釋放了屏幕空間，讓內(nèi)容更清晰。

8.當出現(xiàn)兩個菜單，且彼此形成了競爭關系時：設計者應該找到妥協(xié)的方法，隱藏相對次要的菜單或用戶能猜到存在的菜單。

使用豎向的隱藏菜單(右圖)展示相對次要的欄目，以便突出另一個主要菜單(左圖)。這樣一來，用戶可以通過主要菜單在“清單”和“地點”之間切換。

將應用程序中的整體導航功能放入隱藏菜單，讓這些操作能夠始終顯示。隱藏菜單對于選項、操作、篩選功能都非常適合。

本文僅限內(nèi)部技術人員學習交流,不得作于其他商業(yè)用途.希望此文對廣技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司--百恒網(wǎng)絡：http://www.myforexfactory.net/ 如轉載請注明出處!