来源: 最后更新:2022-04-02 08:29:33
手机APP开发中的菜单栏作为产品的功能布局和功能入口,用户在使用习惯上对这种底部固定菜单模式已经非常熟悉,而且随着手机屏幕的增大,用户在使用手机时基本是属于手握手机下半部分的姿势,点击底部标签栏在使用上也是非常便捷和舒适的操作。是APP产品功能交互的主要设计之一。那么手机APP软件中的菜单栏有哪些展现形式呢?
1.底部固定导航菜单
底部固定导航菜单系统是手机APP软件传统的菜单形式,适用范围很广,其固定的Tab栏可以让用户清晰的了解到每个模块当中的功能并能随时进入相关界面,外加底部标签是采用图标+文字的方式,很容易被用户看到、用到,入口始终一目了然,不需要花附加的时间去寻找。同时,随着微信、微博、支付宝等主流产品采用了这种设计模式,
不过底部固定导航栏一般划分为3-5个模块,过多或过少在设计上都会不符合美学,因此功能类别或功能细分较多的情况下,需要借助于顶部选项卡等其他菜单模式。
2.顶部选项卡菜单
当某一功能需要类别划分,而刚好类别在2-5个之间时,手机APP软件采用选项卡子菜单是个很好的选择,用户一目了然。如果导航数量较大时,一是采用“更多”项图标方案,这种方案与抽屉导航异曲同工,但不同的是选项卡菜单有可见项,而抽屉导航是隐藏式菜单,只要可见项优先级足够高,有四至五个可见的高频功能会极大的降低学习成本,改善用户体验。二是采用滚动式菜单,这种方案的缺点是用户只能看到可见范围内的几个选项,其余的选项用户不可预知。尽管如此,当用户探索购物或新闻类选项时,这依然是可接受的解决方案。
采用“更多”项的解决方案时,如果导航项优先级别不符合用户心理预期,此设计仍然会成为产品的累赘,使得用户体验差。而另一种解决方案是显示更多的导航项,导航项之间的交互是手指滑动式。
3.侧抽屉菜单
侧抽屉菜单也叫做侧滑菜单、汉堡式菜单。点击图标即可呼唤出菜单,实质是将底部Tab栏或者选项卡里的内容放置在侧边栏菜单里,从而使手机APP看起来更加整洁、简单和优美。而且可以轻易的在里面添加项目,尤其是对于不良的信息架构,不会对产品产生直接的后果。
默认状态下,侧抽屉菜单中的内容对用户是不可见的,隐藏式的。因此要让用户真正使用到菜单背后隐藏的功能需要的步骤是:用户了解到触发侧边栏展开的图标是可点击的按钮;了解按钮背后的功能;花很长一段时间使它成为一种常识。从用户使用习惯上来说,80%-90%的用户习惯使用默认项。
4.顶部固定菜单
顶部菜单与底部Tab标签栏在页面上的位置是一上一下,意义差不多。遵从了用户从上到下的浏览习惯,但需要在UI设计上对顶部标签区域做颜色的区分。点击顶部标签时不能单手操作,采用了手指右滑的交互可提升用户体验。
5.下拉菜单
下拉菜单可用性很强,与web网页端产品标题的下拉菜单雷同,把用户习惯从网页端迁移到移动端,也是明智的选择。它可以用在页面标题和选项卡菜单下,虽然选项隐藏其下,但向下的箭头很明显的表示了可迅速切换其他类别。用户的接受程度比侧抽屉菜单要强,从页面优美和整洁度来说不亚于汉堡式菜单,而且对于无优先级别的情况下也可适用。
从手机APP软件的用户角度出发,此类菜单设计偏女性化,女生更喜欢偏文艺、可爱、色彩更明亮的设计风格,其中圆形和方框式设计更切合女生的喜好。不过女性色彩浓重,对于男性来说较难接受。
腾讯为什么告老干妈(腾讯跟老干妈什么情况)
突然确诊癌症中晚期,已转移!宁波男子无法接受:怎么可能!医生:发现一个,全家高危!
疑似皇马前主席之孙公然辱华,皇马却称“将致力于消除足球界种族歧视”?
韩军称朝鲜军人无意中越界 韩军称朝鲜军人无意中越界了吗
中纪委再打两“虎”!还有一“虎”被免职,一“虎”获刑十五年!
吉林市将举办世界锅包肉大赛,此前召开座谈会论证锅包肉起源
哪些爱爱姿势更容易怀孕 选择这些爱爱姿势帮助生儿生女
男性精子存活时间有多久 精子存活率低怎么办
医生算错怀孕周数怎么办 孕龄胎龄预产期原来是这样算的
备孕未准妈妈请注意 这里有份孕前自检表请签收
疑似皇马前主席之孙公然辱华,皇马却称“将致力于消除足球界种族歧视”?
中纪委再打两“虎”!还有一“虎”被免职,一“虎”获刑十五年!中纪委再打两“虎”!还有一“虎”被免职,一“虎”获刑十五年!,常委,
停经几天能测出怀孕 诊断怀孕的常用方法有哪些 “疯狂”的栀子花:最高每斤卖35元!犍为栀子花价飙涨数倍,迎上中式新茶饮风口 澳媒揭露西方媒体歪曲报道中国真相:“它们不会告诉不想让我们听到的消息” monster monster眼镜