APP常见的8种导航模式

缺点：

1、左上角的按钮存在于单手操作热区难以触达；

2、降低了用户对产品部分功能的参与度。

五、宫格式导航

-

主要将入口全部集中在主页面中，各个 入口相互独立，没有太多的交集，无法跳转互通。

采用这种导航的应用已经越来越少，往往用在二级页作为内容列表的一种图形化形式呈现，或是作为一系列工具入口的聚合。

优点：

1、将入口进行聚合，入口也清晰直接

2、操作路径较短，用户可以便捷的在不同的功能模块之间进行跳转

3、扩展性好，方便增加多个入口

缺点：

1、用户无法第一时间看到内容或者执行操作，选择的压力会比较大。

2、返回路径较长，容易产生用户不良情绪。

六、轮播式导航

-

采用Banner轮播导航，当应用信息足够扁平， 内容比较单薄时使用。特别是在产品初期，缺乏用户和内容，这种导航目前已经很少用。

该方式就可以 凸显产品核心功能给予用户使用。（如：较早时腾讯极光APP、应用市场等）

优点：

1、展示清晰直观，美观度高

2、内容曝光度高，突出强调了展示内容

3、交互动画可多样化

缺点：

1、展示内容数量有限

七、列表式导航

-

现有APP中一种主要的信息承载模式，列表导航和宫格导航类似，属于二级导航。

列表式导航分为3类： 标题式列表、内容式列表、嵌入式列表。

标题式列表：一般只显示一行文字，有的显示一行文字加一张图片等等。

内容式列表：主要以内容为主，所以在列表中就会体现出部分内容信息，点击进去就是详情。

嵌入式列表：嵌入式其实就是由多个列表层级组合而成的导航。

优点：

1、结构清晰，易于理解；

2、使用高效，能够帮助用户快速的定位去到对应的页面

3、能够在列表上直接给出关于活动、更新的提示

缺点：

1、排版方式单一

2、多个入口之间不分级，没优先级之分

八、组合式导航

-

多用于产品本身 功能较为复杂，既需要用户能 聚焦于内容，又需要给出用户不同页面之间的入口，以便用户进行直接跳转，那就采用组合式导航，利用不同导航的特性来满足产品需求。

组合式导航目前最常见的导航方式。

如： 标签式导航+列表式  ；标签式+宫格式  ； 舵式+列表式+标签式  等等；

优点：

1、组合式多样化

2、能给出用户不同页面之间的入口，方便跳转

总结

-

根据自己的产品功能和特性，采用不同导航模式。

每个产品迭代发展和变化，也会导致产品导航在过程中不停的产生变化，就必须依据用户属性和使用场景进行调整。不拘泥任何模式，解决问题才是根本。

FEVTE编注：更多UI设计欣赏和UI设计作品交流、UI设计学习请访问飞特网UI设计栏目，地址：https://www.fevte.com/shejixinshang/UIsheji/