《译文：浅谈网页设计中的导航》
《译文：浅谈网页设计中的导航》
网页设计中的导航研究
文章内容主要为网页中导航设计模式的回顾，以及对2017年导航设计趋势的研究。
在网页设计中，导航是仅次于内容的存在。你需要好的内容来推销你的想法，但如果用户找不到他们想要的内容，那么这些内容也就失去了意义。
当然，在最开始设计的时候，这也是我们大家会时常犯的错误；由于是自学的，所以在下面的内容中会读到很多我在导航设计中走过的弯路。
导航，在我理解中，意味着你需要一个 “主页” 按钮，一个 “关于我们” 按钮 ，以及一个 “联系人” 按钮；同时根据不同网页要求，选择性的增加。最重要的一点是：这些按钮必须要容易被发现。
我是在 Photoshop 软件刚出来的时代学习的网页设计，那个时代在我看来，所需要学习的网页设计只是一些教程和 PSD 切片知识；还有大量胡乱构建的 HTML ，一堆 iframe 框架和随意使用的 Flash 等。
DreamWeaver 和 Frontpage 都不会正确的显示我用 Photoshop 制作的布局，他们的 HTML 和 Javas cript 会使所有的表单都变得歪歪扭扭。比如我想让我的悬停效果作用在所有浏览器中，那就不得不重新创建一个 meun 在 Flash 中。尽管我会 CSS ，但我还是用这种不恰当的方式持续了一段时间，因为在当时并没有更好的方式让悬停效果作用在所有浏览器中。
还有一点就是，前端工程师即使没有使用 Flash ，但也经常使用基于图像的按钮；然后还有很多公司强制要求导航链接要直接设置在 Logo 上。我甚至都不想列出我对于这种基于 Flash 网站的气愤。
导航就像丛林一样繁杂
对了，还记得列表吗？我的意思是那些应用在大网站上的非常长的链接列表导航，他们通常放置在页面的左侧，并链接到运营可能想到的每一个关键词内容，这些网站只是把一切可展示的全都堆在一个页面上，来看看到底哪些内容能产生效果；
当这种非常长的链接列表变得糟糕的时候，他们会采用树形列表，这种模式至少是一些人所熟悉的，因为它来源于项目进度管理，但仍难以说明这种方式是明智的。
在搜索、上下文和分类法导航之前，出现了站点地图。对之后的人来说，这可以让整个页面都用于列表，如果幸运的话。可以把一整个网站上所有分类的链接都展示出来。有些网站目前仍在使用站点地图，不过现在通常是用来让搜索引擎更容易地抓取到内容。
导航已经有很长的一段历史，但它的设计方式仍是一个需要解决的问题，在每个网站创建的时候，导航设计必须被重新重视和考虑，不然只会让其变得更加复杂。
没有什么是一成不变的
进化是技术世界中唯一真正的常数。要了解我们从何来到哪儿去，我们就需要先来看看导航为什么会进化。导航需要遵循的标准已经变了，原因主要为三个：
1. 网站已经变得展示更精简，内容更丰富
一方面，典型指南网站（大部分网络机构的收入来源）变得越来越精简。许多企业不需要超过一个页面的网站（也可能是因为没有经典形式的导航）来展示他们的内容，一个页面已经能够体现他们的全部。但即使一些网站保持旧的五页标准，大家也不再在 “关于我们” 上写内容，因为客户、消费者都没有时间阅读，设计师也一样。
这类页面上的文本量直线下降，用户只需要知道这个网站出售什么，位置在哪里，同时也可以给用户展示一个价格范围。只是不要忘记加上 “联系信息” 和 “社交媒体” 链接； 就是这样，用户才能更快的找到他们想要的内容。
另一方面，用户界面友好的 CMS（网站内容管理系统）兴起，为终端用户提供了独自建立大规模网站的能力。一个庞大的博客，只需要 WordPress 和一个主题就可以建立。将 Wiki用于每个知识产权是可以想象的。
在企业级，我们有 Facebook 和其他大规模的网络应用程序。这些东西的导航基本上遍布整个页面；因为没有单一的菜单，所以可以带你到你需要去的任何地方。
2. 设备更新
小屏幕无处不在，几乎每一个可想象到的大小都是存在的。导航系统，就像每一个其他的页面元素，不得不适应这种新的状态。尽管这对导航来说有点困难，因为 “只是垂直堆叠” 并不总是有效的。
其结果是创造了专门为移动和其他客户端设计的多种新的导航模式，以适应所有屏幕尺寸，已经取得了不同程度的成功。
3. 用户和我们对用户的理解已经改变
计算机不再是热衷于计算机和需要计算工作的人的唯一领域。
发达国家几乎每个人都会访问计算机，无论是控制台，图书馆的索引，还是他们的手机。传播在世界各地的智能手机，很有可能是某些地区接触互联网的唯一手段。
因此，我们的用户范围扩展到从 “仍不会使用鼠标” 到 “出生在科技时代” 。随着对用户越来越多的了解，我们创建了更直观的网站浏览方式。我们的目标不是一股脑的在网页中显示所有的信息，而是在用户想要的时候向他们展示他们想要的内容。
作为一个果粉，我不得不承认，Apple公司在某种程度上有着卓越的表现，他们认为：一个目标最多能被进行三次点击操作。这启发了许多网页设计师，我们可能没办法在所有情况下都达标，但是部分网站和应用程序的复杂程度几乎抵得上一般的操作系统了。
我们的现状
让我来看看我们现今采用的一些导航模式，一些是从旧时代保留下来但依旧好用的，有一部分是全新的，还有一些是对已有模式的微小优化来适应内容。
1. 常规导航
这是最经典基础的导航模式。将链接列表放置在页面顶部，将其水平或者垂直展示。这种模式从未消失，只是列表变得更短了；此类别还包括菜单样式的导航栏。
这类型导航主要用在比较小的网站，通常是手册网站和电子商务网站，内容并不会特别多，常规导航在这类型网站里能有最有效的作用。（下图GIF可点击播放）
2. 隐藏式导航
隐藏式导航最早是一种从移动端兴起的模式。将导航隐藏在按钮后面是一种高效的方式。这种模式已经渗透到了网页上，一些设计师甚至会为5或6个链接制作全屏菜单。
这听上去是不必要的，但我认为，一旦选择去隐藏你的导航以至于让菜单变得较大，在使用上也并不会造成太大的影响。
举个例子，在Awwwards这个网站里，隐藏式导航是有意义的，因为他们有一个复杂的向下展开的菜单，这需要相当大的空间来实现。（下图GIF可点击播放）
3. 混合导航
在一些较大的网站，包括网络应用程序中，通常需要使用多种导航方式。一个简单的例子，Nice这个网站，主要的导航链接放置在页面的左上角，将更全面的链接隐藏在页面右上角的图标按钮内。
这个类别的网站通常也使用大量基于页脚的导航，有时只是重复一下顶部导航的内容，便于用户操作；其他时候，页脚可以作为二次导航的作用，提供对少数用户有用的链接。比如更换语言，招聘信息，隐私策略等，可能可以从页脚的导航出找到。（下图GIF可点击播放）
4. 基于分类法的导航
看一些博客或新闻网站或Pinterest，你就会发现这种基于分类法的导航。
这种导航是通过帖子和其他从用户处收集来的信息来进行分类，无论是按主题、日期、标签还是其他什么类别，都是为了帮助用户找到更多相同类型的内容。（下图GIF可点击播放）
5. 试验性导航
这不是任何一个特定的设计模式，而是它们的集合。我更倾向把它称为组合导航，因为这种导航常用于组合网站，在那里设计师可以更加自由的增加自己的创意，它通常没有任何传统菜单，而是通过分散在页面周围的菜单项，这类相当普遍。
它也经常使用 Javas cript-heavy 来高度呈现布局方式，同时伴随着许多的动画。这种导航方法在一定程度上降低了可用性，但不可否认的是，这种效果是有创造新的。（下图GIF可点击播放）
未来导航
不久的将来
你想看到什么样的导航？着手去做吧！我认为人们会继续研究响应式和设备无关的导航，因为屏幕尺寸必须标准化的思维方式已经落后了。
我认为人们将开始意识到，任何设计的界面包括移动端导航的解决方案都需要有很大的不同，特别是在大型网站上。例如，下拉菜单可能之后会变成逐层向下的菜单，这也更适合作用在小屏幕上。（下图GIF可点击播放）
我认为人们对虚拟现实的信念会改变我们的一些设计模式。但有一点，我不认为VR技术可以自己做很多。这只是一个系统，使你或多或少对外界有点盲目，它不是完全移动的。VR技术想要成功，他需要贴近人群，但是这些人并不是一群在办公室或者家里办公的书呆子。
但是至少有一段时间，想要VR技术成为下一个热门的那些人，会影响我们网站设计的方式，而这并不一定是件坏事。
或多或少可预见的未来
对于大多数人来说，“增强现实” 是一个有趣的东西。它和 Google Glass 合作，取得了一个非常艰难的开端。它更像宠物小精灵一样是一个友好的形象，并获得了爆炸性的成功（不过即便如此，我们还是能看到很多人在大街上像疯子一样手舞足蹈）。我们需要时间，可能在不久的将来，会有AR专用的设施设备出现，保证人们在餐厅不会被人像疯子一样丢出去。
另一件影响导航设计的事是发展越来越快速的自动化。自动化家居生活，自动化驾驶和越来越多不需要接触就可以互动的设备。
这将以巨大的方式影响着网站导航，即使现在仍主要依赖于人们用鼠标或者手指操作，但终将随着时间而改变。
随着Siri和Conrtana这样的虚拟助手越来越智能，人们与他们的设备进行物理交互将变得越来越少，用以访问信息或与他人沟通。我们现在已经有了很多基本的语音命令系统，相信在不久的将来语音命令系统会变得更加复杂。
但语音系统也并不是唯一的方式和自己的设备进行交互。我强烈怀疑，在未来，网站导航会出现一个友好的机器人导航，这个挑战，相信是非常有趣的。
你对于导航的未来是怎么看的呢？在2017年，我们是会看到现有框架的整合样式？还是在网络设计中心模式的爆炸式增长？
——————————
作者
Ezequiel Bruni，UX设计师，摄影师。
