产品新人笔记（四）：导航系统怎么设计
产品新人笔记（四）：导航系统怎么设计
**笔记说明：**本文是我观看传智播客（黑马程序员）产品经理基础课程后，结合个人理解整理的学习笔记，不是课程逐字稿，也不是原创理论。导航类型、界面栏位和配图主要来自课程；选择建议与检查清单包含我的个人总结。
刚开始画原型时，我容易把导航理解为“页面上放哪些按钮”。继续学习后才发现，导航真正解决的是三个问题：用户现在在哪里、接下来可以去哪里、怎样回到自己熟悉的位置。
这篇整理三种课程中提到的导航形式，以及状态栏、导航栏、标签栏等常见界面栏位。这里讨论的是通用设计思路，不是要求每个产品都使用同一种结构。
一、先理解导航承担的任务
一个基本可用的导航系统，至少应该帮助用户：
- 识别当前所在页面和层级；
- 看见主要功能入口；
- 在核心任务之间切换；
- 返回上一层或稳定的起点；
- 预期点击之后会发生什么。
如果一个页面视觉上很漂亮，却让用户不知道怎样离开、怎样返回或内容属于哪个模块，那么导航仍然是不完整的。
二、舵式导航：围绕一个核心动作展开
舵式导航通常在底部中心放置一个更突出的主操作，点击后展开或进入同等级的多个操作入口。它常见于内容发布、创作或拍摄类产品。
例如社区产品可以把“发布”作为中心动作，再提供发图文、拍摄、直播等入口。它的优势是核心动作突出，也能收纳一组相近操作。
适合的情况：
- 产品存在明确、高频的主操作；
- 主操作下有几个关系紧密的子类型；
- 用户已经能理解中心按钮代表什么。
需要警惕：
- 中心按钮只为了视觉突出，却不是用户核心任务；
- 展开后放入关系松散的功能；
- 图标没有文字说明，新人无法判断点击结果；
- 主按钮遮挡内容，或者位于容易误触的位置。
三、抽屉式导航：把低频入口暂时收起来
抽屉式导航通常把菜单隐藏在屏幕侧边，通过一个按钮呼出，使用后再收起。
它能让主页面更简洁，也能容纳较多入口，适合主要任务比较集中、其他模块访问频率较低的产品。
它的主要风险是可发现性。入口被隐藏后，新用户可能不知道产品还有哪些能力，也可能需要额外一步才能切换模块。因此，高频核心功能不宜全部藏进抽屉里。
设计时可以检查：
- 用户是否认识呼出菜单的图标？
- 当前页面是否仍能显示所在位置？
- 抽屉中的栏目是否有清楚的分类和顺序？
- 高频入口是不是应该直接显示，而不是隐藏？
四、沉浸式导航：减少干扰，但保留退出路径
沉浸式体验会弱化或暂时隐藏常规界面元素，让用户把注意力放在当前内容或任务上。小说阅读、视频播放、图片浏览和游戏中比较常见。
课程截图强调了隐藏状态栏、工具栏等干扰信息。对我来说，更重要的是“按任务减少干扰”，而不是简单地把所有按钮都藏起来。
沉浸式页面仍然需要考虑：
- 用户怎样唤出控制项；
- 怎样暂停、退出或返回；
- 首次使用时是否需要轻量提示；
- 重要状态和风险信息是否被错误隐藏；
- 辅助功能和系统手势是否仍然可用。
电商详情页有时会减少外围入口，让用户集中查看商品，但购买价格、规格、运费和风险提示不能为了“沉浸”而被弱化。
五、常见的界面栏位分别做什么
1. 状态栏
通常显示时间、电量、网络等系统状态。是否显示取决于平台规范和使用场景，不应随意遮挡重要系统信息。
2. 导航栏
常位于页面顶部，用于显示标题、返回入口和页面级操作。它主要表达当前页面的位置和局部操作。
3. 标签栏
常位于底部，用于在几个主要模块之间切换。标签数量要可辨认，图标与文字要能表达清楚含义。
4. 工具栏
提供当前内容相关的操作，例如编辑、分享、收藏。工具栏中的按钮应该服务于当前任务，而不是堆放全局入口。
5. 搜索栏
用于输入关键词和发起查找。除了输入框，还要考虑搜索建议、历史记录、无结果状态和纠错。
6. 范围栏
用于限定搜索或浏览范围，例如“文章、用户、话题”。它帮助用户理解当前结果来自哪里，也能减少筛选成本。
六、导航形式可以混合，但要有主次
真实产品往往不只使用一种导航。例如底部标签栏负责主要模块，顶部导航栏负责页面标题和返回，内容页再进入沉浸模式。这种混合没有问题，前提是每一层职责清楚。
我会用四个问题检查导航：
- 任务：用户来到这里最常完成什么？
- 频率：哪些入口高频，哪些可以暂时隐藏？
- 层级：这是全局模块、页面层级，还是当前内容的操作？
- 反馈：点击后，用户能否知道自己到了哪里？
如果两个导航同时承担全局切换，或者同一个入口在多个位置以不同名称出现，用户就需要额外猜测。
七、新人画导航前的检查清单
- 是否写清楚了产品的 3～5 个核心任务？
- 入口顺序是否反映使用频率和重要性？
- 页面标题、选中状态和返回路径是否明确？
- 隐藏入口是否影响新用户发现功能？
- 图标是否需要文字辅助？
- 空状态、异常状态和未登录状态是否仍有去路？
- 是否为了形式特别而增加了一种不必要的导航？
小结
舵式导航适合突出核心动作，抽屉式导航适合收纳低频入口，沉浸式导航适合让用户集中在当前内容。但选型不应该从“哪一种更酷”出发，而应该从任务、频率、层级和可发现性出发。
到这里，这组新人笔记完成了从理解需求、分析优先级，到界面原则和导航结构的基础学习路径。理论的价值不是让设计看起来更专业，而是帮助我把每一次取舍说得更清楚，也更容易检查自己的判断依据。
课程来源
- 传智播客（黑马程序员）产品经理基础课程：《2021年最新｜产品经理基础入门》
- 本文为课程学习笔记。配图主要截取自上述课程；导航建议、检查清单和场景示例是我的个人理解和整理。
