8 种移动 APP 导航设计模式

标签导航设计

优点:操作便捷,结构简单,信息清晰,增加信息曝光率。

缺点:占用页面一定的高度;

适用:适宜购物类、社交类,操作路径短,使用很普遍。

标签导航设计

舵式导航设计

较流行的设计,同一层级,且需要一个非常重要且频繁操作的入口

优点:引导和鼓励用户生成内容,并曝光信息。

适用:适宜UGC类,拍照类。

舵式导航设计

抽屉式导航设计

菜单隐藏在当前页面后,让用户将更多的注意力聚焦到当前页面

优点:•节省页面展示空间,将更多的注意力聚焦到当前页面。

•沉浸式:把频次低,优先级不高的功能隐藏起来。

缺点:但会增加用户操作成本,操作路径过深,信息曝光度不高。

适用:比较适合于不需要频繁切换内容的应用,例如对我的、设置、关于等内容

抽屉式导航设计

九宫格导航设计

将主要入口全部聚合在页面,让用户做出选择

优点:图形化设计,多个功能聚合,可呈现的功能较多,且各功能相对独立,关联性不强。

缺点:无法让用户在第一时间看到内容,选择压力较大

适用:二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。

九宫格导航设计

组合导航设计

当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。

优点:导航比较灵活,能适应架构的快速调整,多用于H5页面的混合排列。

适用:现多用于二级导航,聚焦内容,通过层次清晰的内容引导,信息展示的比较丰富,层次结构清晰。

组合导航设计

列表导航设计

APP设计中必不可少的一个信息承载模式。

优点:结构清晰,易于理解,冷静高效,快速的定位到对应页面。

适用:列表导航通常用于二级页,由于不会默认展示任何实质内容,所以通常app不会在首页使用它。

列表导航设计

Tab导航设计

用于二级页,本质和标签导航相同

优点:当应用层级较多的情况下,可以采用tab导航。

适用:典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。

Tab导航设计

轮播导航设计

应用信息足够扁平,可以尝试轮播导航

优点:能够最大程度的保证应用的页面简洁性,操作方便,单个信息呈现丰富。

缺点:不能够快速的定位对应的分页内容,可呈现数量有限

轮播导航设计

作者 小蔷嬉兮

关键字:产品经理, 产品设计, 导航

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部