移动终端的界面空间有限,所以需要更加精心设计的元素来把App的信息和功能展示出来,其中,菜单是移动端中比较常用的元素之一,特别是可切换的菜单按钮可以让App的使用效率增加,又可以很好地定位到App的各个页面。尽管App的菜单按钮看起来并不是那么起眼,但是却发挥着重要的作用,它将App隐藏的一些功能集中在这个小小的按钮当中,所以App的菜单位置也需要我们去关注。
首先,尽量不要把菜单放在App标题栏左边的位置。如下图,把菜单按钮放在App标题栏的左侧,这是最能够吸引用户眼球的位置之一,但是很多用户基本上已经知道标题栏上是很少能够有点击的按钮,因为在PC端标题栏一般只是显示文字而已,所以这样可能会让用户误解了这个才对按钮可能是个logo图标,而忽略去使用该菜单功能。
其次,菜单按钮不能放在太空白的区域。如下图,是星巴克App的界面,其中界面右上角的菜单按钮放置于一张较为空白的区域,但是从界面中的画面来看,吸引用户眼球的则是界面的图片部分,而不是菜单,这样菜单的菜单位置就吸引不了用户的关注,也就会不能更方便地方便用户操作。所以,不能把菜单按钮放在太恐怖的区域,放在太靠左边或者太靠右边的空白区域都不能吸引用户的眼球。
第三,在菜单按钮上加上文字。这一点并不是绝对的,但是在一些情况下,用户的认知水平有限,并不是每个人一看到“三个横线”的图片就叫做菜单,所以为了方便用户理解,可以在菜单按钮上加入相关的文字说明,如下图1在菜单按钮上标注英文的"Menu"字样,用户看了就更能直接理解该按钮的是菜单按钮。如果菜单上面的文字太拥挤,则可以直接将文字标注在按钮上,如下图2。此外,菜单上的标注可以加入相关的符号,以提醒用户去展开更多的菜单项,如下图3,可以在菜单按钮上增加一个“+”号,表示可以点击展开更多的菜单项。
(图1)
(图2)
(图3)
总的来说,App的菜单设计最重要的是要让这些菜单能够充分发挥其功能,也就是菜单的可用性,如果没有遵循相关的规则,则很容易让用户忽略了这些菜单的存在或者误解了这些菜单的功能。
本文由读书屋 asp.net教程 原创,如有转载请注明出处,谢谢!
申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!