在当今,手机APP应用成为主流的时候,因为手机分辨率比桌面平台小很多,所以设计手机网站或是移动应用的时候,导航菜单都需要考虑周全,尽量保持简约和易用性高,这里整理了5种实用的移动手机APP导航菜单设计方案,你可以尝试这些菜单设计模式用在你的新设计项目上,好用而且有新鲜感。首先,从用户体验上,手机上网目前的优势就是方便,随时随地可以上网,这点是PC所不能及的,但是在用户体验上手机远远落后于PC,比如网络游戏,且不说大型的网络游戏手机无法玩,就一般的小游戏,用手机玩的感觉也是和PC无法比拟的。
APP导航设计类型:
列表式菜单 矩阵、网格式菜单 底部菜单 顶部菜单 扩展菜单。
一、列表式菜单
列表式菜单设计这个从网站到手机APP上都很常用的,遵循由上至下的阅读习惯方式,所以使用起来用户不会觉得困难。另外我们可以通过漂亮的配色、标组合来设计,使得菜单更多加美观。
二、矩阵、网格式菜单设计
网格式菜单就类似于METRO UI的堆砌色块,优点简约而不简陋,导航清晰、明显,并能提效率。但设计时切记不分青红皂白的去使用色彩哦,这可能会让用户不知所措和产生疲倦感。
三、底部菜单
底部菜单主要是列出应用程序重要的功能。
四、顶部菜单
顶部菜单和底部意义差不多,把菜单放在顶部,可以遵循上至下的阅读习惯,不过我认为有个缺点就是不能单手操作。
五、扩展菜单
扩展式菜单设计现在连网站也很常用,当我们觉得菜单比较点用位置的时候,可以尝**这种方式来隐藏菜单,需要注意的是设计展开菜单按钮大部设计在左或右上角这些显示的位置。
模块的动态性主要体现有以下几方面:
1、模块的icon、名字可以动态修改;
2、模块的三种类型之间可以互相切换,比如:某个模块本来是NA实现,上线后发现有重大Bug,可以切换到H5-offine或者H5-online的实现,如果没有这两种实现,可以切换到一个“敬请期待”的在线页面;
3、H5-offline模块支持版本升级。
对于模块动态升级,主要指的是H5-offline模块,对H5-offline模块的安全性要做充分的考虑:对模块的离线包有进行加密处理,也要对离线包里的文件进行哈希校验,防止被篡改。
APP界面过渡问题。
现在很多APP都会选择在用户打开应用的时候,在界面给用户价值一个动画进行过渡。这是一个很不错的选择,但是采用这些过渡的动画应该控制好加载时间,也就是动画时间要尽可能的短,因为你要给用户展示的是APP的功能,而非一个宣传动画。这几年我们看到了一些令人惊叹的可穿戴设备,像AppleWatchSeries1,GoogleDaydreamView,Pebble2,XiaomiMiBand2,FitbitFlex2等。特别重要的是,APP界面在加载动画的过程中要做到过渡平滑自然,主要从图片到动画视频间的过渡,以及更应该注意的是APP加载过程中因为程序异常或者网络原因带来的白屏问题,当出现白屏的时候应该加入进度条以告知用户当前的加载进度,而不是让用户盲目在界面过渡的加载中长时间等待。
APP界面设计要兼顾多个智能手机平台。
现在比较主流的手机操作系统就是两大平台:安卓和IOS。这两个手机平台都有各自的特点,不能说哪个好或者坏,所以一款APP要能够同时兼任这两个界面就要求APP设计师要认真掌握好每个手机操作系统的人机交互方式,设计出能够适应各个平台的界面和视觉元素,不要让用户在不同的手机操作系统上感觉APP的操作和响应很不自然,同时与手机系统的按钮等元素有种格格不入的感觉。举个列子,如果企业想开发一套简单的销售管理系统,方便业务人员和管理人员对销售工作进行管理,这属于工具类,建议开发原生态APP。
版权所有©2025 产品网