本节书摘来自异步社区《众妙之门——网页设计专业之道》一书中的第2章，第2.2节，作者： 【德】Smashing Magazine 译者： 赵俊婷 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.2　上下文精确导航

上下文精确（context-sensitive）导航是一种很有效的导航（往往附加在主导航上），这取决于用户的上下文页面（例如，他们正在做什么）。其最大的用途就是去除无关的干扰，控制用户当前的内容。上下文精确导航只显示用户实际需要的选项。显然，这种模式将对用户界面设计相当有帮助，它有助于简化界面，将用户的注意力集中到他们所执行的任务上来。

这种方法已经在网页开发中使用多年，但是根据我们的观察，现在越来越多的网站和Web应用程序开始使用它。Vimeo是上下文精确导航的一个典型的例子：当视频开始播放时，播放控件就消失，当有需求时它又再次出现（例如，当用户将鼠标悬停在视频界面时）。当执行上下文精确导航时，确保在用户需要时该导航是可用的。谨记各种设置和用户方案，并测试最坏的情况。对于播放控件而言，由于触屏界面的用户（如iPhone或iPad用户）无法切换导航，因此悬停效果在此是不可用的。针对这种情况，你可能要考虑用触摸手势来代替。

Vimeo

Vimeo是一个视频分享平台，通常在用户开始播放视频时才会呈现播放控件。一旦开始播放视频，控件就会消失，当用户将鼠标悬停在视频界面时控件才会再次出现。这是一个典型的上下文精确导航。这类导航正越来越广泛地被应用于某些视频网站，例如Blip.fm。

《纽约时报》网站

《纽约时报》网站在文章中巧妙地展现了相关的特色故事，这样做不但推广了文章中的实际内容，还将它们移动到了一个适当的位置：当用户浏览到文章的结尾时，一个滑块从右下角滑下来，给予用户便利和帮助。当然，最终要通过可用性研究来确定用户是否满意这个设定。此外，请注意，当点击文章中任何单词（链接除外）时，一个带“？”的提示工具就会出现，通过它能够查询已选择的单词。将这项服务呈现在内容中，比隐藏在顶部导航菜单或侧边栏更有意义。这使得上下文精确导航的作用发挥到极致。

《路透社》网站

下拉式（drop-down）导航是另一种常见的上下文精确导航。《路透社》网站的下拉式导航相当先进，不仅提供了导航选项的访问，还提供了有价值的信息,如当前股票和热点问题，并且是实时的。注意右边栏的“Open”按钮（没有在以下截图中出现），当点击它时，一个详细的信息框（起初是隐藏的，按需求显示）会覆盖当前页面并呈现相关信息（见第二幅截图）。《路透社》网站还允许用户根据喜爱的主题来保存文章在稍后阅读。可见个性化设置的确是未来网络的发展趋势。

AllTop

当右上角的信息被触发时，Alltop将根据用户需求来确定显示类别，而不是默认显示所有的几十个类别。这又是一个隐藏辅助信息的例子，提供了一种友好的用户体验。

DailyMile

DailyMile拥有简洁且吸引人的用户界面，主要导航选项呈现在左边栏。当用户将鼠标悬停在其中一个选项上时，就会出现该链接的说明。在其他网页应用程序中，当鼠标悬停时，它会突显导航选项和二级菜单。此外，还应注意底部边栏的“More”（更多），它提供了二级导航选项。但是，这仅在用户积极寻找这些选项时有用，否则它们是隐藏的。

Black Harbor

默认状态下，图像部分不显示实际图像以外的任何内容。但是当用户将鼠标悬停在图像上时就会显示标题、描述和评论数。请注意右上角的“SHARE”（分享）气泡。在鼠标悬停时（仅仅是悬停时），它滑出可转发到Tweet、Facebook、Digg和Stumble的超链接。当鼠标悬停在一个特定区域时，所有的信息都会呈现出来（特定的文本），一旦鼠标移开，它就会自动消失。