在网页设计中有一些通用的交互设计模式。各种常见和众所周知的网站导航设计模式可以作为创建有效的网站信息体系结构的基础。本指南涵盖了流行的站点导航设计模式。对于每种导航栏设计模式,我们将讨论其一般特征、缺点以及何时地使用它。
顶部横栏导航是目前两种网站导航菜单设计模式之一。它最常用于网站的主导航菜单中,最常用于直接放置在网站所有页面的网站标题上方或下方。
顶部水平栏导航设计模式有时会伴随一个下拉菜单。当鼠标移到某个项目上时,它下面的辅助子导航项目将弹出。
顶部水平条导航的一般功能
导航项是文本链接、按钮形状或选项卡形状
单条导航通常直接放置在站点徽标附近
顶部的水平条导航非常适合只需要在主导航栏中显示5-12个导航项的网站。这也是单栏网站主导航的选择(通常用于辅助导航系统的底部导航除外)。这种设计模式与下拉式子导航相结合,可以支持更多的链接。
侧栏导航的导航项排列在一列中,一列在另一列之上。它通常位于左上栏,在主要内容区域之前——根据一项针对习惯性读者的从左到右导航模式的可用性研究,左侧的垂直导航栏比右侧的垂直导航栏性能更好。
侧边栏导航设计模式随处可见,几乎出现在各类网站上。这可能是因为垂直导航是目前最常见的模式之一,可以适应大量的链接。
它可以与子导航菜单一起使用,也可以单独使用。它很容易用于一个网站的主导航与大量的链接。侧边栏导航可以集成到几乎任何类型的多栏布局中。
侧边栏导航的一般功能
文本链接通常作为导航项(带或不带图标)
因为你可以处理很多链接,有时用户可能会下沉时,垂直菜单太长。尝试限制可以引入的链接数量,而不是使用弹出式子导航菜单来提供有关站点的更多信息。同时,考虑将链接放入直观的类别中,帮助用户快速找到感兴趣的链接。
垂直导航适用于几乎所有类型的网站,尤其是有一堆主导航链接的网站。
标签导航可以设计成任何你想要的样式,从真实的和有触觉的标签到圆滑的标签,以及简单的本地侧标签。它存在于各种各样的网站中,可以融入任何视觉效果。
与其他类型的导航相比,标签有一个明显的优势:它们对用户有积极的心理影响。人们通常将导航与选项卡相关联,因为他们在笔记本或文件夹中看到了选项卡,并将它们与切换到新章节相关联。这个真实世界的比喻使得标签导航非常直观。