导航模式的选择在产品用户体验上占有很大的比重。产品的导航模式，是产品的信息结构在用户界面上的展现方式。（注：篇幅略长，总结在文章末尾）。
一、导航菜单的作用
1、提升产品内容和功能结构和层次
导航是APP的骨架，支撑着整体的内容和信息，让内容按照信息架构有机地结合在一起，直观而清晰地展示在用户面前，从而使零碎的内容变得充实而有序。结构化的同时也增强了生态感。
2、重点展示核心功能
导航起到了突出核心功能，适度隐藏次要功能的作用。核心功能对目标用户来说是最重要的。
3、简化用户旅程
合理的导航系统和顺畅的任务路径，能够让用户快速地达到目标，形成畅快的用户体验。用户旅程的简化对于产品的用户黏度和转化率有着直接的作用，高效的导航能够直戳用户痛点。
二、导航菜单的分类
01标签式
是移动应用中最普遍、最常用的导航模式，位于页面底部，能告诉用户当前位置，用户可以切换同一层级之间的不同模块，一般不超过5个标签，用于全局导航。标签栏内容可以根据需要融入LOGO或者产品核心功能，丰富标签栏的样式。
优点：
1、适用于多个内容体系，且是平级关系。
2、可以在不同页面间快速切换，并且只需点一次，简单而高效。
3、支持使用者获取重要性最高、频率最大的信息或任务，且彼此之间相互独立。
4、构建了整体架构，且可以使用其他的架构去承载界面中的具体信息。
缺点：
1、占用一定高度空间，减少了页面的信息承载量。
2、由于尺寸限制，标签数量有限，最多5个。
举例：
（淘宝&微信）
02点聚式/舵式
点聚式是标签式的变形，将中间标签设计成功能按钮，一般是一个应用中最核心功能的入口或入口集（点聚式）。它将多个核心功能聚汇到主界面中显示，方便用户呼出使用。由于点聚式占用空间小，所以它常出现在一些主要的流程界面中，一般会融入一些动态的互动效果，让导航更具趣味性。
优点：
1、使界面更开阔，提供更多功能。
2、展示方式有趣。
缺点：
这些功能放在二级界面中相当于被埋起来了，会增加用户的操作行为。
举例：
（Path&闲鱼）
03选项卡式
选项卡的本质是实现容器内不同视图或内容的切换。分为固定选项卡和滑动选项卡，两者都可以直接点击或左右滑动切换选项，适用于类别多的应用。
优点：
1、它能够扁平化整个信息结构。
2、支持左右滑动切换到不同的视图。
3、轻松在各入口间频繁跳转且不会迷失方向。
缺点：
功能入口过多时，该模式显示笨重不实用。
思考：
今日头条、腾讯新闻等新闻类软件由于内容、分类较多，运用顶部和底部双tab导航，而切换频率最高的tab放在顶部，这是为什么呢？因为新闻在每个tab都是沉浸式阅读，最常用的操作是在一个tab中不断地下滑阅读内容，将常用的tab放在顶部，加入手势切换的操作，反倒能带来更好地阅读体验。
举例：
04侧边栏式/抽屉式
抽屉式导航的目的是带给用户更为沉浸的体验。它的特点是，点击切换少，专注于主体信息本身。它突出重要且核心的功能，将相对不常用的功能模块整合起来做一个收纳，突出主要功能模块。
分类：
第一种是浮层，即导航抽屉处于主页上层，通过滑动或点击的手势打开抽屉，抽屉部分遮挡或覆盖原来页面的内容。
第二种是嵌入式，即导航抽屉和主页处于同一层，通过轻滑、平移或点击打开抽屉，把原先的页面内容部分推出屏幕外。
而第三种是新兴的模式（向右滑动的3D效果），是在打开侧边抽屉的时候，嵌入式抽屉不仅把上一级页面向右推开，还采用3D效果将其推到后面。
优点：
1、可利用空间大、信息展示多，节省屏幕空间。
2、将最主要的信息显示在界面上，非核心的隐藏起来，减少其他类型的导航来分散用户注意力，给用户沉浸式的操作和体验。
缺点：
1、无法快速完成导航切换，操作成本高。
2、可发现性低，会降低点击率，降低用户参与度。
举例：
05菜单式
通常用于筛选同一模块下不同类别的信息，或者是快速启动某些常用的功能模块，而不需要频繁的页面跳转。是以突出内容为主的导航模式，一般位于产品顶部，通过点击呼出隐藏的内容。
注意不要让菜单覆盖整个屏幕，同时点击背景的任意位置可以隐藏菜单，将附加选项和按钮隐藏在溢出菜单中，这样它们就不会干扰主界面。
优点：
1、容易让用户感知当前位置。
2、能在一定程度上节省屏幕空间，可以展示更多的信息。
缺点：
1、由于导航菜单位于屏幕顶部，不适合结合手势，操作负荷大，因此不适合频繁的切换。
2、一般情况下，下拉菜单很容易被滑动选项卡取代，且滑动选项卡可以结合手势操作，使用效率更高，这也是现在下拉菜单很少被使用的原因，除非你的下拉菜单选项中有很明显的优先级区分。
举例：
（微博&支付宝）
06宫格式
宫格式导航，是一种类似于手机桌面各个应用入口的导航方式，每个入口往往是比较独立的信息内容。
优点：
1、宫格式结构可以作为信息或平台的入口，为产品提供聚合的载体。
2、组织方式常见，容易理解，可直接对内容进行交互。
3、具有较强的延展性，可以不断增强信息。
缺点：
1、单页承载信息能力弱，层级深，不适合频繁任务切换。
2、宫格式结构是信息或平台的入口，所以具体的信息往往隐藏在下一级界面，用户无法第一时间看到信息。
举例：
（天天P图&淘宝）
07列表式
列表式导航通常针对具体某个模块内容的信息进行分类，以列表的形式去呈现。列表中可以放置图片、标题或者详情文字等来展示信息。在设计上可以考虑分组，或增加层级，也可以给每个层级添加展开/隐藏效果。
优点：
1、具有很强的延展性，可以不断地增强信息。
2、层次展示简单清晰，可以引入字母索引。
3、可以很方便的进行分组分类。
缺点：
1、同级内容过多时，往往需要加入搜索功能或索引，否则用户会遇到寻找信息的困难。
2、功能重于形式，承载的信息种类也比较单一，容易引起用户的单调感。
举例：
（微信& ios设置& App Store）
08幻灯片式/卡片式
幻灯片的导航方式，适用于图片或整块内容的并列展示，用户通过手指左右滑动来切换当前内容。导航原型类似生活中扑克牌，模仿切牌、换牌、翻牌等动作模式。
这种导航方式将所有信息平铺在一个页面，很容易带来高大上的视觉体验。能够告诉用户打开了多少个视图，以及它们当前处在哪个视图当中，利用手势操作控制页面的位置。比较适用于足够扁平化的内容和随意浏览的阅读模式。
优点：
1、单页面内容完整性强。
2、线性的浏览方式有顺畅感、方向感。
缺点：
1、不适合展示过多页面。不能跳跃性地查看间隔的页面，只能按顺序查看相邻的页面。
2、由于各页面内容结构相似，容易忽略后面的内容。
举例：
（网易云音乐&探探&ios天气）
09悬浮式
悬浮是将导航页面分层，悬浮在页面最上面，依靠悬浮层可以去想要去的地方。增加了快捷入口，但是注意不要遮挡某些页面的操作。
iOS系统就运用了这种导航模式Assistive Touch。Assistive Touch是一个非常便捷的操作入口，也适应大屏幕时代，当你单手持握手机，拇指在手机中部浏览，你想回到主屏幕，但是手指却难以到达屏幕底部，悬浮方块在这个时候就能为你提供快捷操作。
举例：
（简书&唯品会）
三、总结
移动导航汇总如下：
随着应用的功能越来越多，页面的分类也越来越细致，单一的导航模式已经无法满足信息的层级分类，需要使用复合式导航。
复合式导航能将多种导航组合到一起，使大量信息通过多层级分类有序的展示在一个页面，是目前最常见的导航模式。
但过多的导航会使用户失去焦点，在导航的层级搭配上需要注意。在平时使用产品的过程中要留意相关的产品设计，适当的进行总结，并结合自己产品实际的需求、功能、内容、用户使用场景等进一步思考。
网友评论