手机APP开发中的菜单栏作为产品的功能布局和功能入口,用户在使用习惯上对这种底部固定菜单模式已经非常熟悉,而且随着手机屏幕的增大 , 用户在使用手机时基本是属于手握手机下半部分的姿势,点击底部标签栏在使用上也是非常便捷和舒适的操作 。是APP产品功能交互的主要设计之一 。那么手机APP软件中的菜单栏有哪些展现形式呢?
1.底部固定导航菜单
底部固定导航菜单系统是手机APP软件传统的菜单形式,适用范围很广,其固定的Tab栏可以让用户清晰的了解到每个模块当中的功能并能随时进入相关界面,外加底部标签是采用图标 文字的方式 , 很容易被用户看到、用到,入口始终一目了然,不需要花附加的时间去寻找 。同时,随着微信、微博、支付宝等主流产品采用了这种设计模式,
不过底部固定导航栏一般划分为3-5个模块,过多或过少在设计上都会不符合美学,因此功能类别或功能细分较多的情况下 , 需要借助于顶部选项卡等其他菜单模式 。
2.顶部选项卡菜单
当某一功能需要类别划分 , 而刚好类别在2-5个之间时 , 手机APP软件采用选项卡子菜单是个很好的选择,用户一目了然 。如果导航数量较大时,一是采用“更多”项图标方案,这种方案与抽屉导航异曲同工,但不同的是选项卡菜单有可见项,而抽屉导航是隐藏式菜单 , 只要可见项优先级足够高,有四至五个可见的高频功能会极大的降低学习成本 , 改善用户体验 。二是采用滚动式菜单,这种方案的缺点是用户只能看到可见范围内的几个选项 , 其余的选项用户不可预知 。尽管如此 , 当用户探索购物或新闻类选项时,这依然是可接受的解决方案 。
采用“更多”项的解决方案时,如果导航项优先级别不符合用户心理预期,此设计仍然会成为产品的累赘,使得用户体验差 。而另一种解决方案是显示更多的导航项,导航项之间的交互是手指滑动式 。
3.侧抽屉菜单
侧抽屉菜单也叫做侧滑菜单、汉堡式菜单 。点击图标即可呼唤出菜单,实质是将底部Tab栏或者选项卡里的内容放置在侧边栏菜单里,从而使手机APP看起来更加整洁、简单和优美 。而且可以轻易的在里面添加项目,尤其是对于不良的信息架构,不会对产品产生直接的后果 。
默认状态下,侧抽屉菜单中的内容对用户是不可见的,隐藏式的 。因此要让用户真正使用到菜单背后隐藏的功能需要的步骤是:用户了解到触发侧边栏展开的图标是可点击的按钮;了解按钮背后的功能;花很长一段时间使它成为一种常识 。从用户使用习惯上来说,80%-90%的用户习惯使用默认项 。
4.顶部固定菜单
顶部菜单与底部Tab标签栏在页面上的位置是一上一下,意义差不多 。遵从了用户从上到下的浏览习惯,但需要在UI设计上对顶部标签区域做颜色的区分 。点击顶部标签时不能单手操作,采用了手指右滑的交互可提升用户体验 。
5.下拉菜单
下拉菜单可用性很强,与web网页端产品标题的下拉菜单雷同,把用户习惯从网页端迁移到移动端,也是明智的选择 。它可以用在页面标题和选项卡菜单下,虽然选项隐藏其下,但向下的箭头很明显的表示了可迅速切换其他类别 。用户的接受程度比侧抽屉菜单要强,从页面优美和整洁度来说不亚于汉堡式菜单,而且对于无优先级别的情况下也可适用 。
【交互设计在手机APP开发有什么作用】从手机APP软件的用户角度出发,此类菜单设计偏女性化,女生更喜欢偏文艺、可爱、色彩更明亮的设计风格,其中圆形和方框式设计更切合女生的喜好 。不过女性色彩浓重,对于男性来说较难接受 。