前面讲过导航和菜单结构。很多小商家觉得菜单越多显得业务越全,结果导航栏挤成一团,手机上要横滑。客户找不到想要的,直接关掉。
导航栏不是业务大全
前面讲过信息架构和用户体验。我见过很多小商家官网导航长这样:首页、关于我们、服务项目、空调清洗、空调维修、空调安装、空调保养、中央空调、空气能热水器、太阳能、案例展示、新闻资讯、在线留言、联系我们。前面讲过菜单过多。
客户打开一看,十几个选项,每个字都小得看不清。前面讲过手机端体验。他想找「空调清洗多少钱」,得在十几个菜单里翻,前面讲过选择和决策成本。翻两秒找不到,直接关页面。前面讲过跳出率。
前面讲过认知和心理学。人一次能记住的选项就七八个,导航栏超过这个数,客户大脑直接罢工。前面讲过选择悖论。你以为是业务全,其实是把客户赶走了。前面讲过导航和转化。
小商家导航栏放几个合适
前面讲过页面结构和极简。本地服务类小商家,导航栏5到7个菜单就够。前面讲过数量和体验。
一个典型结构:
第一,首页。前面讲过首屏和入口。这个必须有。
第二,服务项目。前面讲过服务介绍。别拆成七八个子菜单,一个页面把所有服务列清楚就行。前面讲过聚合和简洁。客户点进去自己看。前面讲过页面结构。
第三,客户案例。前面讲过案例和信任。放你做过的活、前后对比图。前面讲过社会证明。
第四,关于我们。前面讲过关于页。前面讲过别写公司简介。就写你是谁、做了多少年、凭什么信任你。前面讲过信任和背书。
第五,联系我们。前面讲过联系页和转化。电话、地址、地图、表单都放这。前面讲过转化路径。
第六,(可选)常见问题。前面讲过FAQ。有需要就放,没有就别加。前面讲过按需和克制。
前面讲过内容和博客。如果你写文章做SEO,可以加个「资讯」或者「知识」菜单。前面讲过SEO和内容。但别叫「新闻中心」,小商家没那么多新闻。前面讲过实在和接地气。
手机端导航怎么办
前面讲过响应式和移动端。手机屏幕窄,七八个菜单横过来挤成一团。前面讲过移动端适配。
正确做法:手机端自动收成一个汉堡菜单(就是左上角三条横线那个图标)。前面讲过移动端导航。客户点一下展开列表,前面讲过交互和体验。免费CMS模板基本都自带这个,你不用自己写代码。前面讲过模板和响应式。
前面讲过CTA和转化。但有一个按钮别藏起来:电话。前面讲过转化和便捷。手机端右上角永远放一个「拨打电话」按钮,前面讲过悬浮和便捷。客户想打随时能点,不用翻菜单。前面讲过手机端转化。
几个常见错误
第一,导航栏放下拉子菜单,手机上点不开。前面讲过移动端交互。电脑上hover展开的下拉菜单,手机上没有hover,前面讲过触屏和交互。客户点了没反应,以为你网站坏了。前面讲过兼容性。手机端子菜单要么做成展开式,要么直接合并到主菜单。前面讲过适配。
第二,菜单名字写得太文艺。前面讲过命名和用户习惯。什么「匠心服务」「品质生活」「关于我们的故事」,前面讲过文案和直白。客户不知道里面是什么。前面讲过认知成本。直接写「服务」「案例」「联系我们」,别绕弯子。前面讲过直白和效率。
第三,logo放左边,点了不回首页。前面讲过导航和交互。客户习惯点左上角logo回首页,你做个死logo点了没反应,前面讲过反直觉。这是基础交互,别犯这种低级错误。前面讲过细节。
第四,底部页脚导航和顶部导航不一致。前面讲过一致性。客户翻到底部想点个菜单,发现和顶部不一样,前面讲过混乱和困惑。保持两处菜单一致,前面讲过用户体验。
导航栏是客户在你网站里走路的路标。前面讲过信息架构。路标越少越清楚,客户越容易走到「联系我们」那个终点。前面讲过转化路径。


