手机上的导航站：和PC导航根本不是一回事

手机上的导航站：和PC导航根本不是一回事

见过太多人把导航站搬上手机的方式，是把PC页面整体缩小——结果分类挤成蚂蚁，图标小到戳不准，用户划拉两下就关掉了。手机导航不是PC导航的缩小版，它是另一个产品。这篇文章聊聊两端到底差在哪，以及做移动导航时哪些PC经验会反过来坑你。

图片来源：网络，版权归原作者所有，侵权请联系删除

布局：从"一次看全"到"一屏一件事"

PC导航站的经典布局是左右两栏甚至三栏：左边分类树，中间条目，右边推荐位。屏幕大，用户一次能看全几十个站点，靠扫视做选择。

到了手机上这套直接作废。手机屏幕是竖着的单列，分类树只能纵向堆叠、逐条展开，用户每找一层就要点一下。所以移动导航普遍改成一屏一件事：首屏放搜索框和最常用的十几个站点，分类收进底部标签页或次级页面。

有个反直觉的数据：汉堡菜单（左上角三条线）会明显降低功能的点击量，因为用户"看不见就想不起来"。底部固定标签栏放3到5个高频入口——首页、分类、搜索、我的——反而是手机上触达率最高的位置。

交互：手指不是鼠标

PC端用鼠标，10px见方的小按钮都能精准命中。手机靠指尖，直径接近40px，主流规范要求可点击区域不小于48×48像素，百度自己的移动搜索体验规范写的是44×44起步。导航站首页动辄几十个图标，间距不够就是误触地狱。

还有两件事PC端没有：一是没有悬停，所有交互必须点击触发，把PC的hover效果直接搬到移动端是常见事故；二是单手操作占多数，常用入口要放在拇指够得着的屏幕下半部分，而不是顶部。

场景：一个"办事"，一个"杀时间"

PC导航的用户大多是带着目标来的：上班打开电脑，点开常逛的几个站，办完事就走。移动端不一样，通勤、排队、睡前，都是碎片时间，打开导航站的动机更接近"随便看看有什么新鲜的"。

这带来两个直接后果。第一，移动导航站要更重视"变化"——今日上新、编辑推荐、热门排行这类内容在手机上比在PC上更有点击欲。第二，回访率比访问深度重要，用户每天来点两下常去的站，比你求着他逛十个页面更现实。

收录策略：大而全还是少而精

PC导航站追求大而全，一个分类列五十个站不嫌多，反正屏幕装得下。移动端如果照抄这个思路，用户翻十屏都找不到想去的站，直接劝退。

务实的做法是分层：首屏和常用分类只放精选的一二十个站点，全量收录放到"更多"里。宁可让用户觉得"这个站真干净"，也别让他在手机上一屏一屏地翻。

一个容易被忽略的指标：添加到主屏

PC导航站盯的是"设为主页"率，移动端对应的指标是添加到主屏（PWA或书签）。愿意把导航站放到手机桌面和微信抢位置的用户，留存率是普通访客的好几倍。这个动作值得在页面上明确引导，而不是等着用户自己悟。

两端对比一览

维度	PC导航站	移动导航站
布局	多栏，一次看全	单列滚动，一屏一件事
导航形态	顶部横排+下拉，多级树	底部标签栏3-5个入口，层级压平
点击目标	鼠标，小按钮也行	手指，不小于48×48px
收录策略	大而全，分类列几十个	少而精，首屏只放常用
核心指标	设为主页率	添加到主屏率、回访率

最后

做移动导航之前，先问自己一个问题：用户在什么场景下会打开你的导航站？如果答案是"在电脑前"，那移动端做个能用的响应式就行，别过度投入。如果答案是"在手机上想起你来"，那它值得被当成一个独立产品重新设计一遍。