传统导航样式承担吃力 大型网站导航设计.pdf

传统导航样式承担吃力 大型网站导航设 计 ),业务上也会困扰于没有具体的站来运营。更重要的是，这种方法很大程度上依 赖于文档标签完善以及强大的搜索功能，这两者都将很难在大型网站中实现。 就是说，这只是一种选择，不要太快拍砖。 把网站拆分成多个小站 另一个办法是把这个大型网站拆分成多个更小的更容易管理的小站。这是 BBC 采用的办法。 BBC 没有存整，而是打破，分散成多个次级站，如新闻、体育、电视、广 播等。每个网站都有独立的导航，因而避免了大型网站的导航问题。 BBC 在界面上采用顶部导航保持一致的办法贯穿，避免用户在各次级站点 间切换时感觉脱节。 BBC 拆成了多个小站，以避免网站成为臃肿站，同时导航和设计语言保持 一致性。 虽然BBC 的次级站外观多样，但他们用同样的主导航，拥有一致的设计语 言，比如排版、布局和模块。这种语言与BBC 全球体验语言定义足够一致，确 保稳固的用户体验时又够弹性地适应不同的受众和主题。 这是个不错的路线。让每个次级站太不一样，用户被UI 的改变所迷惑。让 他们太相似，用户又会放弃去发现，原来网站上不是一个导航结构。 面包屑导航 第三种是被Gov.uk 采用的方案。他抛弃了导航的保留地，转而用页面的内 容去链接到子内容。然后用面包屑去帮助用户识别他们的导航层级，以及需要 时返回上级树。 Gov.uk 几乎仅依赖面包屑来导航。 这样做有许多好处。首先它最小化了导航的占地空间，与此同时给予子内 容更多的描述。这个层面说，这是最简单、干净、和容易理解的方式。 还能很好的迁移至移动设备(占Gov.uk 的流量的40%)。 突出的面包屑让用户对当前所处位置更清楚，在页面里面的到子页面的导 航让下一步要干啥显而易见。最重要的是，向我呈现出相比导航更强调内容。 不过，这种方法也有自身的缺陷 完全依赖面包屑和页面里的子页面链接，用户只有这点关于当前位置的信 息。他们会无法感知当前页面的同级和网站的全部模样。(例如他们无法知晓顶 层菜单内容) 如果用户只是想完成一个特定的任务这将不是问题，而且通过同一位置的 全部内容关联起来，网站也满足这个任务需要。然而，当用户在做一个综合研 究模型或当任务有关的内容已经分散到多个页面时，这种方式就要让人崩溃 了。 崩溃是由于面包屑导航需要用户菜单层级里上上下下所致。这里没办法在 菜单间跳跃。 幸运的是，还有一种混合方案，用面包屑导航做主导航工具，辅以传统导 航增强。 我更倾向的方案 方案灵感来自于GEL 出台前的BBC 体育站。 BBC 垂直折叠传统的面包屑，而非水平铺展。在每个面包屑列表尾部，当 前页面的子页面也被展示出来。当你到达树的底部时，导航会继续显示当前页 面的同级内容而不是子内容。 老的BBC 体育站用垂直的面包屑作为主要的导航工具。当用户进入足球或 其他全部运动的菜单。Photo by:i.e. the siblings 这种方式把全部导航集中在一个位置，对于当前位置，给予用户清楚的感 觉，减少导航的空间占用。但问题还是和Gov.uk 一样。 当在布莱顿大学工作时，我们提议了BBC 运动站的方案，但附加一个重要 的东西。我们建议常显顶层导航条。虽然这增加了更多的导航给这个页面，但 给予用户网站结构的概览。这让需要多部分信息的用户(比如，一个具有前瞻性 的学生，既要研究课程又要了解住宿)能够这些菜单间快速跳转。 在许多的例子中，这足以建立够简单强大的用户体验。然而，这也没能解 决需要看到同级页面的需求。 用面包屑导航显示同层级 到目前为止，对这个问题我考虑了两种可行的解决方案。 一种运行于同级互相通常有关联的假设;比如，他们是同个故事的部分。在 这个基础上，简单附加 “下一个”和 “上一个”的按钮(比如在许多博客上可以 发现)可能就足够构成个方案。用户因而只需要一个点击就能够在同级内容间切 换。 另一个替代方案是让每层面包屑导航飞出个菜单，从而露出那个选项的同 级内容。这将让用户能够在网站的任何平层和跨层间跳转，还可能抛弃分离的 单独主导航条的需要。 通过给垂直面包屑导航增加飞出菜单，让用户能快速进入网站任何层级。 不管你用的是垂直或传统的横向面包屑导航，