8 种移动 APP 导航设计模式
标签导航设计
优点:操作便捷,结构简单,信息清晰,增加信息曝光率。
缺点:占用页面一定的高度;
适用:适宜购物类、社交类,操作路径短,使用很普遍。
标签导航设计
舵式导航设计
较流行的设计,同一层级,且需要一个非常重要且频繁操作的入口
优点:引导和鼓励用户生成内容,并曝光信息。
适用:适宜UGC类,拍照类。
舵式导航设计
抽屉式导航设计
菜单隐藏在当前页面后,让用户将更多的注意力聚焦到当前页面
优点:•节省页面展示空间,将更多的注意力聚焦到当前页面。
•沉浸式:把频次低,优先级不高的功能隐藏起来。
缺点:但会增加用户操作成本,操作路径过深,信息曝光度不高。
适用:比较适合于不需要频繁切换内容的应用,例如对我的、设置、关于等内容
抽屉式导航设计
九宫格导航设计
将主要入口全部聚合在页面,让用户做出选择
优点:图形化设计,多个功能聚合,可呈现的功能较多,且各功能相对独立,关联性不强。
缺点:无法让用户在第一时间看到内容,选择压力较大
适用:二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。
九宫格导航设计
组合导航设计
当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。
优点:导航比较灵活,能适应架构的快速调整,多用于H5页面的混合排列。
适用:现多用于二级导航,聚焦内容,通过层次清晰的内容引导,信息展示的比较丰富,层次结构清晰。
组合导航设计
列表导航设计
APP设计中必不可少的一个信息承载模式。
优点:结构清晰,易于理解,冷静高效,快速的定位到对应页面。
适用:列表导航通常用于二级页,由于不会默认展示任何实质内容,所以通常app不会在首页使用它。
列表导航设计
Tab导航设计
用于二级页,本质和标签导航相同
优点:当应用层级较多的情况下,可以采用tab导航。
适用:典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。
Tab导航设计
轮播导航设计
应用信息足够扁平,可以尝试轮播导航
优点:能够最大程度的保证应用的页面简洁性,操作方便,单个信息呈现丰富。
缺点:不能够快速的定位对应的分页内容,可呈现数量有限
轮播导航设计
作者 小蔷嬉兮
关键字:产品经理, 产品设计, 导航
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!