网站内容与功能设计(导航系统的作用：告诉你在哪里，可以去哪里？)

　　网站内容与功能设计(导航系统的作用：告诉你在哪里，可以去哪里？)

　　导航系统的作用：告诉你你在哪里，你可以去哪里，这里有什么，附近有什么，并指导你接下来的步骤。

　　导航系统分类：全站仪、区域导航、情景导航、辅助导航。

　　浏览器导航功能

　　考虑到浏览器环境，其实浏览器已经具备后退、前进、采集、设为首页等功能，但有时最好将这些功能放在页面本身的浏览上下文中，比如浏览一个文章文章，最后可以看到【采集】、【关闭】、【返回】等功能，方便很多用户看完后有其他意图的操作。还有有无链接的文本样式，以及是否浏览过文本的样式（这些其实都属于编写CSS样式的范围）。

　　制造局面

　　最典型的例子是用户随机从谷歌搜索一个网页，当他点击进入该页面时，甚至进入了一个情境。上下文是否应该告诉用户这是在哪里？（我在哪里，这是什么网站），这里是什么（页内标题），用户接下来可以做什么（可以观看，下载，购买），还能去哪里（列，这个 上面点类似于“don't make me think”中内页的6个基本元素：1.site id、2.page name、3.column Next level columns、4.页面导航，5.“你在这里”指示器，6.搜索。

　　提高灵活性

　　网站中各栏之间的内容可能是垂直排列的，但是用户在访问内容时要考虑到可以随时跳转到其他栏的二级和三级页面，保持水平和垂直方向。导航，注意不要导航辅助功能设置。提供增强的上下文和灵活性，以弥补分层系统的不足。

　　全站仪导航系统

　　全站导航系统是一种导航系统，会在网站的每个页面上显示，直接链接到重要的区域和功能，无论用户处于什么级别。全站导航是一致的，经过精心设计并在考虑到密集和重复用户的情况下进行测试。

　　值得一提：上下文全球导航系统，不仅可以告诉您这里有什么内容，还可以告诉您用户在哪里。（图1）

　　图1

　　区域导航系统

　　当用户进入某个栏目时，该栏目可以分成很多子栏目，将这些子栏目一一列出，以便用户立即浏览内容。有的网站会将整个站点导航和区域导航集成到一个一致且统一的系统中，例如下拉菜单。与站点范围的导航一样，它们最好在同一站点中保持一致和一致。

　　上下文导航

　　进入目标页面后，会有一些内容指向特定的网页、文件或对象。比如网站上的“相关文章”、“喜欢这个产品的用户也会喜欢”、“类似top 10”，需要注意的是【上下文全球导航系统】主要描述的是location，【上下文导航】就是在这个页面的内容的上下文中解释，可以告诉哪些相关的内容并提供给用户的链接（称为外部上下文导航链接，播放概念：）。例如，如果你在joyo购买了《Mastering CSS》这本书，在介绍本书的页面中总会有一些与CSS相关的其他书籍的链接。另一种是将链接放在文章叙述的文本中（称为内联上下文导航链接，玩概念：）。

　　练习嵌入式导航

　　认识到站点范围、区域和上下文区域导航元素在大多数网页上共存，以及如何将它们集成到 网站 中。不过这个问题可能涉及到：网站的列数、页面结构的复杂程度、实现一些效果的js程序、交互过程。

　　辅助导航系统

　　包括网站地图、索引、指南。确保大型 网站 可用性和可查找性的关键。

　　网站地图：1. 加强信息的层次结构，让用户熟悉内容的组织方式。2.对于了解网站目的的用户来说，方便他们快速直接访问内容。3.避免过多的信息给用户带来负担，为用户提供帮助。网站地图加强了层次感和探索感。网站地图有一个真正的好处，当你在搜索引擎中找到一个网站，它可以直接带你到相关的部分。（图2）

　　图 2

　　网站索引：由网站的内容与关键词、词汇、标签按一定顺序（字母、笔画）排列而成。内容之间可能没有层次关系。查找已知项很方便，比如歌手中的“Zeng Yike”，只要能找到开头的拼音“z”即可。

　　小网站可以根据你对内容的了解来决定引入哪些链接来创建索引。

　　对于大型 网站 用户，首先从索引中选择一个术语，然后从由该术语索引的文档列表中选择所需的术语。

　　指南：网站 的初学者指南。设计指南 原则1.指南应该简短。2.用户可以随时离开指南。3.允许用户在指南中自由地前后移动。4.指南旨在回答问题。5.截图要清晰，有放大关键特征的效果。6.如果指南有几页，请索取目录。

　　Wizard and Configurator：主要是辅助用户选择和配置产品详情（图3）

　　图 3

　　高级导航方法

　　个性化和定制：个性化（猜测用户想要什么。在特定环境中运行良好，但在用户体验方面失败）是提供适合个人行为、需求和偏好的网页。用户。比如在网上买书的时候，会有“同类推荐书”，可能还有一些你已经买过读过的推荐书。定制（用户告诉我们我们想要什么。但有时用户自己不知道他们想要什么）让用户可以直接控制对演示格式、导航和内容选项的组合进行调整。比如谷歌阅读器。

　　可视化：让用户以可视化的方式浏览groxis成为可能。（在网上浏览博物馆网站就像在现实生活中参观博物馆一样。我觉得Google Music的[Pick Song]栏目可能更类似于这个概念）

　　社交导航：通过观察其他用户的行为，可以推断出用户对互联网的需求和兴趣。比如有些人上论坛和微博，只是看看最近的网络话题，关注一些热门的标签和标题；而这些标签和主题主要是通过搜索日志、使用统计、*敏*感*词*库和其他站长统计软件采集的。得到。（其实这也是上下文导航，不过作者通过这种导航的生成方式来总结一下：这种导航的内容是通过用户行为统计生成的，变成了【社交导航】）