综合网站导航设计技巧

然而，有一种网站，使这种传统的导航方式承受了一些困难。这是我想谈的大网站。

一个大型网站是由一个典型的大型组织拥有的，它结合了集成的服务和产品。该组织还为各种用户提供服务。拥有大型网站的组织包括BBC等组织、微软等拥有多元化项目的公司、政府部门、高等教育以及世界自然基金会等开展各种活动的慈善组织。

这些网站：庞大、多层次、深度，由多个小网站和频道组成，迎合了大量受众，入口众多，这种规模复杂的网站导航颇具挑战性。

在我们公司，我们花了大量的工作在这样大的网站上，特别是当我们想使用传统的导航。

随着网站越来越深入，传统导航变得越来越难以使用。传统的导航很容易应付三层，如果超过三层，问题就会暴露出来。即使他们扩展到具有许多页面的房地产网站导航，他们也会比内容更致力于导航（大型网站中页面过多会使问题更严重），否则页面将不再出现在导航中。在后者中，如果用户处于网站的深层次，他们将无法理解层次结构，因为他们看不到当前页面在整个网站中的位置。从设计培训到星狮创意。

虽然传统的导航处理结合面包屑，可以扩展以适应综合性网站，但在房地产网站上这样做时，成本却在不断上升。

如果用户通过小型网站或网站的菜单页进入，传统的导航方式会让用户感到困惑。以一个正在考虑大学研究项目的学生为例。这个人可能比整个学校对部门的细节更感兴趣。因此，很容易进入网站的系级页面，而不是学校的主页。

另一个例子是单身母亲想了解婴儿福利。他们更可能直接进入福利子频道，而不是进入政府主页。在这种情况下，用户的注意力集中在当前内容上。（例如主题页或儿童福利页）。他们对整个网站不感兴趣。

遗憾的是，无论用户愿意与否，传统的主次导航都试图让用户了解整个网站环境。

在大学页面上，研究菜单是指整个大学的研究还是仅仅指本学院的研究。当两个相同的菜单出现并指向不同的位置时会发生什么？

更糟糕的是，当前上下文实际上会影响用户对导航内容的理解。例如，一个“关于我们”的菜单链接，学生会认为这是关于学院还是整个学校？在某些极端情况下，您甚至可以发现在当前内容和更广泛的组织中都使用了同名导航（如“about us”）。

这种方法有几个优点：

另一种方法是将大型站点拆分为更小、更易于管理的站点。这是BBC的做法。英国广播公司并没有拯救整个国家，而是分裂并分散到多个分站，如新闻、体育、电视、广播等。每个网站都有自己的导航，避免了大型网站的导航问题。BBC使用顶部导航来保持界面的一致性，以避免用户在二级网站之间切换时感到失去联系。

为了避免网站变得臃肿，同时保持导航和设计语言的一致性，英国广播公司（BBC）对几个小型电台进行了细分。虽然BBC的分站有各种各样的外观，但它们使用相同的主导航，并且有一致的设计语言，例如排版、布局和模块。这种语言与BBC全球体验语言的定义足够一致，以确保稳定的用户体验，并具有足够的灵活性，以适应不同的受众和主题。这条路不错。让每个分站都太不一样，用户被UI的变化搞糊涂了。如果让它们过于相似，用户就会放弃，发现原来的站点不是一个导航结构。

突出的breadcrumbs让用户更清楚地了解当前位置，而导航到页面中的子页面则让用户清楚地知道下一步要做什么。最重要的是，向我展示更多强调内容而不是导航。

然而，这种方法也有其自身的缺陷。它完全依赖于页面中的面包屑和子页面链接。用户只有当前位置的信息。他们将无法感知当前页面的对等点和网站的完整外观。（例如，他们不知道***菜单的内容）如果用户只是想完成一个特定的任务，这不是问题，网站也可以通过将同一位置的所有内容关联起来来满足这个任务的需要。

然而，当用户正在进行一个全面的研究模型时，或者当与任务相关的内容被传播到多个页面时，这种方式就会崩溃。崩溃是因为面包屑导航需要用户在菜单级别上下移动。这里没有办法在菜单之间跳跃。

幸运的是，还有一个混合解决方案，使用面包屑导航作为主要的导航工具，辅以传统的导航增强。

这项计划的灵感来自英国广播公司体育台推出凝胶前。BBC垂直折叠传统的面包屑而不是水平折叠。在每个面包屑列表的末尾，还显示当前页面的子页面。当您到达树的底部时，导航将继续显示当前页面的同一级别内容，而不是子内容。

在布莱顿大学工作时，我们提议设立BBC体育台，但有一个重要的补充。我们建议始终显示顶部导航栏。虽然这增加了更多的导航到页面，它给用户一个网站结构的概述。这允许需要更多信息的用户（例如，同时学习课程和住宿的前瞻性学生）在这些菜单之间快速跳转。

在许多情况下，构建简单而强大的用户体验就足够了。但是，这并不能解决查看对等页的需要。

到目前为止，我已经考虑了两种解决这个问题的方法。在通常彼此相关的同龄人身上运行的假设；例如，他们是同一故事的一部分。在此基础上，简单地添加“下一步”和“上一步”按钮（例如，可以在许多博客上找到）就足以形成一个解决方案。用户只需单击一次即可在同一级别的内容之间切换。

另一种选择是让面包屑的每一层在菜单中导航，以显示该选项的相同级别。这将允许用户在网站的任何平面和交叉层之间跳转，也可能不再需要单独的主导航栏。

通过在垂直面包屑导航中添加弹出式菜单，用户可以快速访问网站的任何级别。无论您使用的是垂直还是传统的水平面包屑导航，这都会使导航更容易。我还没有测试过这个方法。我必须考虑移动设备。

正如你所看到的，集成站点导航问题很棘手，而且看起来并不是只有一个明显的解决方案。我写这篇文章的一个主要原因是公开讨论这个话题，并希望提出更多的选择。这就是为什么我真的很感谢你在评论中给出了一些想法，或者找到了其他的导航案例。