在我们平时所看到的网站中, 一般在网站的上半部分或者左半部分都会看到导航选单, 如 WordPress 企业网站的 “公司简介”“产品展示”“新闻动态”“联络我们” 等, 这个就属于网站导航选单的一种, 还有很多其他种类的导航, 分别起著不同的作用。
1. 路径导航
路径导航显示了用户浏览页面的所属栏目及路径, 帮助用户访问该页面的上、下级栏目, 从而更完整地了解网站资讯。
2. 实践嵌入式导航
认识到全域性、区域和情境区导航元素都在大多数网页上共存, 如何在网站中整合好是一个较普遍的问题。这个问题可能涉及网站栏目数量、页面结构复杂度、实现一些效果的 JS 程序互动过程相关内容.
3. 全域性导航系统
全域性导航系统就是在网站上的每一页都会展示的导航系统, 可直接连向重要的区域和无论用户在哪个层次中。全域性导航保持一致性, 以密集且重复来访的用户为中心, 进行设计和测试。值得一提的是, 具有情境式的全域性导航系统不仅告诉用户这里有什么内容, 还告诉用户正在哪块内容中。全域性导航可以帮助用户随时到网站的任何一个栏目, 并可以轻松跳转到另一个栏。通常来说, 全域性导航的位置是固定的, 以减少浏览者查询的时间。
4. 情境式导航
进入目的页面后, 会有一些内容指向特定的网页、档案、物件。比如网站上的 “相关文章” 喜欢这个商品的用户也会喜欢”“同类 TOP10”, 情境式全域性导航系统主要是说明所处的位置说明在这张页面内容的情境下, 有什么相关内容可以告诉并提供连结给用户 (称外部情境式导航连结) 。比如, 在 Joyo 买《精通 CSS》这本书, 在介绍这本书的页面中, 总会有一些连结是指向与 CSS 同类的其他书籍。还有一种是在文章叙述的文字中放入连结。
5. 相关导航
为了增加用户的停留时间, 网站策划者需要充分考虑浏览者的需求, 为页面设定相关导航让浏览者可以方便地转到所关注的相关页面, 从而增进对 WordPress 企业的了解, 提升合作概率。
6. 快捷导航
对于网站的老用户而言, 需要快捷地到达所需栏目, 快捷导航为这些用户提供直观的栏目连结, 减少用户的点选次数和时间, 提升浏览效率。
7. 区域导航系统
些网站在某个栏目中, 可能还会分很多小栏目, 把这些小栏目列出来, 方便用户立刻浏览那些内容, 有些网站会把全域性导航和区域导航整合成一致且统一的系统, 如下拉选单。与全域性导航一样, 在同一个站点中它们的表现形式最好是一致和统一的。
上述就是网站导航选单的分类及起到的作用, 不同的网站需要用到不同型别的导航选单用户在建设网站时可根据自己网站的特点选择需要用到哪种导航, 从而更加符合浏览者的需求。