做外贸礼品定制的刘总有个执念：电脑官网八大栏目，手机上一个都不能少，全要摆出来。结果手机端首页导航塞了两行，字号缩到看不清，客户在地铁上打开网站，根本找不到定制流程藏在哪。聊到移动端适配，大家关心屏幕和排版，导航恰恰是最容易被带着电脑思维做砸的一块。它没法靠多花钱解决，只能靠对手机使用习惯的理解，改一版是一版。
手机导航的难点是取舍
电脑端导航横着一排，八到十个栏目放得下。手机屏幕竖着来，宽度有限，照搬只能压缩字号或者折行，两个方案都不讨好。访客在手机上扫描的速度更快，选择越多反而越难下手。成熟的做法是收敛：把访客最常找的三五个入口放在一级，其余收进更多或抽屉菜单，页面底部再配一条快捷栏，首页、产品、电话一键直达。栏目收不收、怎么收，先看后台数据再定，比开会争论一上午管用。
汉堡菜单不能一收了之
那个三条横线的图标业内叫汉堡菜单，省地方，但也有代价——收起来的东西看不见，就不会被点。正确用法是把核心转化入口留在明面上：电话按钮、咨询按钮、核心产品入口，这些别藏进菜单里。判断标准很简单：你希望访客做的动作，必须一眼能看到、一指能点到。
- 一级菜单控制在五个左右，超出部分往二级收纳。
- 每个菜单项的点击区域做足，别让用户点两次才选中。
- 抽屉菜单打开要有层次，当前栏目高亮，随时能返回。
- 菜单文字用短词，四个字以内最好，长词在手机上特别占地方。
底部快捷栏是个容易被忽略的好东西。对营销型网站来说，把打电话、在线咨询、发需求三个动作固定在手机屏幕底部，比藏在菜单里有效得多，这是很多转化数据验证过的做法。尤其是服务类行业，打电话咨询的意愿远高于填表，这个入口的位置值得花心思。
给两条实在建议
手机端导航是移动端适配里最见功力的部分，砍多砍少都有讲究。第一，砍栏目别凭老板个人喜好，让建站方拿出后台访问数据，按数据决定谁进一级菜单。第二，新站上线前在手机上做一次三秒测试：随便找个人打开首页，三秒内能不能找到联系方式，过不了就回头改。测试的人别挑内部熟悉网站的人，越不熟悉越好。比格网络做手机端方案时会先画导航原型再进设计，这个流程值得你在选服务商时当参考项问一问。流程做对了，后面返工能少一大半。
