移动应用导航设计总结

导航对一个产品的重要性不言而喻，那么，到底什么样的导航才适合咱们的产品呢？

首先，用户在使用应用时，须要随时清楚了解下一步应当前往哪一页面以及如何前往该页面。若是用户没法轻松在应用中进行导航，则将很快对你的应用失去兴趣。所以，可否为移动应用设计出有效的导航功能相当重要。

一：宫格导航结构

宫格导航的特征是，一登录界面后的菜单选项就是进入各个应用的起点。这种框架的优势在于功能模块化，一目了然，对操做上并无特殊要求，而且有必定的扩展性与自定义特性，可是若是不一样的功能之间关系紧密，就免不了要进行功能间的反复跳转，这就是这种交互方式的劣势。所以宫格导航结构更适合各功能相对独立的产品。

美图秀秀采用是2*3的宫格导航模式，经过上下、分页来突出优先级

 

下图采用的是不规则的宫格导航，突出了内容的优先级。

 

 

 

在宫格导航和其余导航搭配使用中，通常会被用做次级导航，常见搭配模式：选项卡导航＋宫格导航

 

二 ：抽屉式导航

这种框架的优势是扩展性强，且主要功能突出。但其余功能相对太隐藏，不容易被发现，”看不到的不记挂“，既然用户第一眼看不到这些入口，那么也许用户也就不会知道它们在哪儿。

印象笔记的Android版就是采用了侧抽屉的导航模式。

 

淘宝二手中使用的次级导航是抽屉式导航，在抽屉式导航中又采起了跳板式导航2*3的设计。

三：选项卡式导航

几乎大部分的app都采用的是这种导航模式做为主导航。根据操做系统不一样，选项卡位置和设计也不相同。ios的选项卡是在底部 ，Android的则是在顶部。

这种导航优势是架构清晰，功能之间跳转方便，缺点是占用空间，使整个页面看起来功能众多。

 

 

 

总结：

之后可能会淡化各个平台的差别，经过一套设计就能链接各个应用在不一样设备上的体验。如今两个系统的设计差别在日渐融合缩小，因此在选择导航时不该该只局限在”标准设计”中，而是应该以”内容”为先。