移動終端的界面空間有限，所以需要更加精心設(shè)計的元素來把App的信息和功能展示出來，其中，菜單是移動端中比較常用的元素之一，特別是可切換的菜單按鈕可以讓App的使用效率增加，又可以很好地定位到App的各個頁面。盡管App的菜單按鈕看起來并不是那么起眼，但是卻發(fā)揮著重要的作用，它將App隱藏的一些功能集中在這個小小的按鈕當中，所以App的菜單位置也需要我們?nèi)リP(guān)注。
首先，盡量不要把菜單放在App標題欄左邊的位置。如下圖，把菜單按鈕放在App標題欄的左側(cè)，這是最能夠吸引用戶眼球的位置之一，但是很多用戶基本上已經(jīng)知道標題欄上是很少能夠有點擊的按鈕，因為在PC端標題欄一般只是顯示文字而已，所以這樣可能會讓用戶誤解了這個才對按鈕可能是個logo圖標，而忽略去使用該菜單功能。
其次，菜單按鈕不能放在太空白的區(qū)域。如下圖，是星巴克App的界面，其中界面右上角的菜單按鈕放置于一張較為空白的區(qū)域，但是從界面中的畫面來看，吸引用戶眼球的則是界面的圖片部分，而不是菜單，這樣菜單的菜單位置就吸引不了用戶的關(guān)注，也就會不能更方便地方便用戶操作。所以，不能把菜單按鈕放在太恐怖的區(qū)域，放在太靠左邊或者太靠右邊的空白區(qū)域都不能吸引用戶的眼球。
第三，在菜單按鈕上加上文字。這一點并不是絕對的，但是在一些情況下，用戶的認知水平有限，并不是每個人一看到“三個橫線”的圖片就叫做菜單，所以為了方便用戶理解，可以在菜單按鈕上加入相關(guān)的文字說明，如下圖1在菜單按鈕上標注英文的"Menu"字樣，用戶看了就更能直接理解該按鈕的是菜單按鈕。如果菜單上面的文字太擁擠，則可以直接將文字標注在按鈕上，如下圖2。此外，菜單上的標注可以加入相關(guān)的符號，以提醒用戶去展開更多的菜單項，如下圖3，可以在菜單按鈕上增加一個“+”號，表示可以點擊展開更多的菜單項。
(圖1)
(圖2)
(圖3)
總的來說，App的菜單設(shè)計最重要的是要讓這些菜單能夠充分發(fā)揮其功能，也就是菜單的可用性，如果沒有遵循相關(guān)的規(guī)則，則很容易讓用戶忽略了這些菜單的存在或者誤解了這些菜單的功能。
本文由讀書屋 asp.net教程 原創(chuàng)，如有轉(zhuǎn)載請注明出處，謝謝!
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
