移动应用导航设计总结

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

首先,用户在使用应用时,需要随时清楚了解下一步应当前往哪一页面以及如何前往该页面。如果用户无法轻松在应用中进行导航,则将很快对你的应用失去兴趣。因此,能否为移动应用设计出有效的导航功能至关重要。

一:宫格导航结构

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

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

 

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

 

 

 

在宫格导航和其他导航搭配使用中,一般会被用作次级导航,常见搭配模式:选项卡导航+宫格导航

 

二 :抽屉式导航

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

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

 

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

三:选项卡式导航

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

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

 

 

 

总结:

以后可能会淡化各个平台的差异,通过一套设计就能连接各个应用在不同设备上的体验。现在两个系统的设计差异在日渐融合缩小,所以在选择导航时不应该只局限在”标准设计”中,而是应该以”内容”为先。

 

posted @ 2014-11-30 14:29  山坡上的人们  阅读(255)  评论(0编辑  收藏  举报