网站的空间非常宝贵，尤其是屏幕空间有限的移动网站。因此，为了在一个屏幕中添加尽可能多的内容，许多设计师会在移动网站中选择隐藏菜单，其中最常见的是汉堡图标。然而，一项调查结果显示，虽然汉堡图标有效地节省了网站的空间，但它会影响用户体验。

为什么汉堡突变会影响用户体验？

其实在移动网站中，可见导航栏比隐藏菜单更常见，可见导航栏的使用率是后者的2.5倍左右。然而，事实上，人们总是对隐藏菜单记得更深。出现这种现象的原因之一是隐藏的菜单栏总是需要用户执行额外的操作，并在屏幕上搜索其位置。

隐藏的菜单栏，尤其是汉堡图标，在网站中的可见性较低，用户很难发现它们的存在。所以，以汉堡图标为代表的隐藏导航栏，其实是一种阻碍交互的方式，也会在一定程度上影响用户体验。

如果你不想使用汉堡图标，有几个性能很强的可视化菜单栏，可以作为完美的选择。

标签导航

说起标签导航栏，很多人可能没有什么概念，但我举一个简单的例子来理解，——微信的底部菜单就是一个标签导航栏。

也就是说，如果一个网站上的导航菜单数量不多，并且常用的话，可以用这种模式来设计导航栏，一般更多的用户习惯了底部位置。但是，无论您将选项卡式导航栏放在哪里，都要确保用户一眼就能看到它，并且足够清晰。在标签导航栏的设计中，有几点需要注意。

使用选项卡式导航栏时，菜单项不应超过五个；导航栏在使用过程中，请尽量确保始终有标签处于活动状态，并且可以通过颜色和形状的变化来提示用户；一般来说，选项卡式导航栏的第一个选项卡设置为首页，其他选项卡按照重要性排序；导航栏的显示形式应尽量设计成图标文字。

浏览导航栏更多选项

如果需要使用5个以上的标签，就不能使用带标签的导航栏吗？其实还有其他的解决方案，就是把比较重要的标签直接展示给用户，把功能性和用户需求较低的标签合并成“更多”进行隐藏，其实就是标签导航栏和隐藏菜单的组合。

虽然有些内容是隐藏的，但这种方法保证了用户不必在页面中找到菜单栏的位置，大部分主要功能也没有隐藏，所以用户仍然可以非常方便地使用。此外，“更多”按钮还可以与独立的菜单页面相链接，这样就可以为用户呈现比“更多”更多的内容。

全屏导航

以上两种设计方式，包括汉堡图标，都是为了节省网站的空间，而全屏导航可以说是反其道而行之。这些网站直接做首页导航，用户进入网站后，可以根据导航直接选择自己想要浏览的内容。

当然这种设计并不适合所有的网站，更适合一些目标明确的网站。对于了解网站相关行业信息的用户来说，这个结构良好的网站显然更加清晰，也节省了他们寻找内容的时间。

其实导航栏的设计也需要做出取舍。如果想让导航栏显示更多的内容，就无法避免占用屏幕空间。如果你想腾出导航栏节省的屏幕空间，你只能减少导航栏的内容。因此，站长需要通过网站的定位做出合理的判断。当然，导航栏的设计首先要从用户体验出发。

作者：https://www.haotuiwang.cn/平投歌SEO，不容易原创。转载时，必须以链接的形式注明作者、原出处和本声明。

« 猫眼电影UGC内容游戏的详细描述：分析思路，操作策略和具体措施 | 记忆的工作原理和设计诀窍 »