8种移动APP导航设计模式

作者: 小蔷嬉兮 | 来源:发表于2017-06-22 16:04 被阅读119次

    标签导航设计

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

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

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

    标签导航设计

    舵式导航设计

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

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

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

    舵式导航设计

    抽屉式导航设计

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

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

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

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

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

    抽屉式导航设计

    九宫格导航设计

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

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

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

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

    九宫格导航设计

    组合导航设计

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

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

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

    组合导航设计

    列表导航设计

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

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

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

    列表导航设计

    Tab导航设计

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

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

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

    Tab导航设计

    轮播导航设计

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

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

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

    轮播导航设计 产品Daily:和你分享和产品学习中的点点滴滴

    相关文章

      网友评论

      本文标题:8种移动APP导航设计模式

      本文链接:https://www.haomeiwen.com/subject/qzdfcxtx.html