交互设计在手机APP开发有什么作用

admin3年前软件教程40

手机APP开发中的菜单栏作为产品的功能布局和功能入口,用户在使用习惯上对这种底部固定菜单模式已经非常熟悉,而且随着手机屏幕的增大,用户在使用手机时基本是属于手握手机下半部分的姿势,点击底部标签栏在使用上也是非常便捷和舒适的操作。是APP产品功能交互的主要设计之一。那么手机APP软件中的菜单栏有哪些展现形式呢?

1.底部固定导航菜单

底部固定导航菜单系统是手机APP软件传统的菜单形式,适用范围很广,其固定的Tab栏可以让用户清晰的了解到每个模块当中的功能并能随时进入相关界面,外加底部标签是采用图标+文字的方式,很容易被用户看到、用到,入口始终一目了然,不需要花附加的时间去寻找。同时,随着微信、微博、支付宝等主流产品采用了这种设计模式,

不过底部固定导航栏一般划分为3-5个模块,过多或过少在设计上都会不符合美学,因此功能类别或功能细分较多的情况下,需要借助于顶部选项卡等其他菜单模式。

2.顶部选项卡菜单

当某一功能需要类别划分,而刚好类别在2-5个之间时,手机APP软件采用选项卡子菜单是个很好的选择,用户一目了然。如果导航数量较大时,一是采用“更多”项图标方案,这种方案与抽屉导航异曲同工,但不同的是选项卡菜单有可见项,而抽屉导航是隐藏式菜单,只要可见项优先级足够高,有四至五个可见的高频功能会极大的降低学习成本,改善用户体验。二是采用滚动式菜单,这种方案的缺点是用户只能看到可见范围内的几个选项,其余的选项用户不可预知。尽管如此,当用户探索购物或新闻类选项时,这依然是可接受的解决方案。

采用“更多”项的解决方案时,如果导航项优先级别不符合用户心理预期,此设计仍然会成为产品的累赘,使得用户体验差。而另一种解决方案是显示更多的导航项,导航项之间的交互是手指滑动式。

3.侧抽屉菜单

侧抽屉菜单也叫做侧滑菜单、汉堡式菜单。点击图标即可呼唤出菜单,实质是将底部Tab栏或者选项卡里的内容放置在侧边栏菜单里,从而使手机APP看起来更加整洁、简单和优美。而且可以轻易的在里面添加项目,尤其是对于不良的信息架构,不会对产品产生直接的后果。

默认状态下,侧抽屉菜单中的内容对用户是不可见的,隐藏式的。因此要让用户真正使用到菜单背后隐藏的功能需要的步骤是:用户了解到触发侧边栏展开的图标是可点击的按钮;了解按钮背后的功能;花很长一段时间使它成为一种常识。从用户使用习惯上来说,80%-90%的用户习惯使用默认项。

4.顶部固定菜单

顶部菜单与底部Tab标签栏在页面上的位置是一上一下,意义差不多。遵从了用户从上到下的浏览习惯,但需要在UI设计上对顶部标签区域做颜色的区分。点击顶部标签时不能单手操作,采用了手指右滑的交互可提升用户体验。

5.下拉菜单

下拉菜单可用性很强,与web网页端产品标题的下拉菜单雷同,把用户习惯从网页端迁移到移动端,也是明智的选择。它可以用在页面标题和选项卡菜单下,虽然选项隐藏其下,但向下的箭头很明显的表示了可迅速切换其他类别。用户的接受程度比侧抽屉菜单要强,从页面优美和整洁度来说不亚于汉堡式菜单,而且对于无优先级别的情况下也可适用。

从手机APP软件的用户角度出发,此类菜单设计偏女性化,女生更喜欢偏文艺、可爱、色彩更明亮的设计风格,其中圆形和方框式设计更切合女生的喜好。不过女性色彩浓重,对于男性来说较难接受。

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

陌陌距离是自动更新么

这个要看是否在后台运行,如果在后台运行且打开了手机的GPS定位,那就是随时更新,但是不排除有人会自己关掉定位,没有后台运行,那就不会时时更新而是用时更新。MOMO是陌陌(MOMO)于2011年8月推出...

腾讯会议预约时间到了会自动关闭吗

腾讯会议预约时间到了不会自动关闭,腾讯会议结束后,如果发起人一起关闭了腾讯会议就会自动退出,如果没有,就不会自动退出。腾讯会议是腾讯云旗下一款云会议产品,于2019年12月25日发布,具有灵活入会、高...

拼多多待支付是什么意思

拼多多里待支付是指拼单成功但是还没有支付,所以会显示待支付,拼多多待支付不会有影响,如果想购买可以随时去支付订单,如果不及时支付的话,一般在二十四小时以内就会自动退出支付界面并取消订单。拼多多于201...

做直播软件开发不能缺少的是什么

随着互联网的普及,越来越多的人对直播的关注持续日益增长,目前直播软件已经琳琅满目,各有所长。娱乐的直播所涉及的行业也日益扩大,面对不同的直播软件开发,需要着重注意的栏目也不尽相同。今天,小编就为大家讲...

陌陌进行实名认证安全吗

陌陌实名认证以后并没有什么坏处,为了响应国家法律规定,陌陌用户需要完成实名认证,否则平台中的部分功能将无法使用。还没有完成实名认证的用户请尽快在App中上传自己的详细身份证明。陌陌(NASDAQ:MO...

哪个相机可以把照片变成漫画

激萌APP可以把照片变成漫画,把自己的照片变成漫画的步骤是:1、点击桌面上的faceu激萌图标。 2、点击界面上的【春日】选项。 3、滑动新界面,找到并点击【我的漫画脸】选项下面的【马上开拍】按钮。...