交互设计模式:流行的站点导航设计模式(2)

http://www.itjxue.com  2015-08-07 21:20  来源:未知  点击次数: 

侧边栏导航的一般特征

  • 文字链接作为导航项很普遍(包含或不包含图标)
  • 很少使用选项卡(除了堆叠标签导航模式)
  • 竖直导航菜单经常含有很多链接

    竖直/侧边栏导航缺点

    因为可以处理很多链接,当竖直菜单太长时有时可能将用户淹没。尝试限制你引入的链接数,取而代之可以使用飞出式子导航菜单以提供网站的更多信息。同时考虑将链接分放在直观的类别当中,以帮助用户很快地找到感兴趣的链接。

    何时使用竖直/侧边栏导航

    竖直导航适用于几乎所有种类的网站,尤其适合有一堆主导航链接的网站。

    选项卡导航

    选项卡导航可以随意设计成任何你想要的样式,从逼真的,有手感的标签到圆滑的标签,以及简单地方边的标签等。它存在于各种各样的网站里,并且可以纳入任何视觉效果。

    选项卡比起其它类别的导航有一个明显的优势:它们对用户有积极的心理效应。人们通常把导航与选项卡关联在一起,因为他们曾经在笔记本或资料夹里看见选项卡,并且把它们与切换到一个新的章节联系在一起。这个真实世界的暗喻使得选项卡导航非常直观。

    选项卡导航的一般特征

  • 样子和功能都类似真实世界的选项卡(就像在文件夹,笔记本等中看到的一样)
  • 一般是水平方向的但也有时是竖直的(堆叠标签)

    选项卡导航的缺点

    选项卡最大的缺点是它比简单的顶部水平栏更难设计。它们通常需要更多的标签,图片资源以及CSS,具体根据标签的视觉复杂度而定。选项卡的另一个缺点是它们也不太适用于链接很多的情况,除非它们竖直地排列(即使这样,如果太多的话它们还是看起来很不合适)。

    何时使用选项卡导航

    选项卡也适合几乎任何主导航,虽然它们在可以显示的链接上有限制,尤其在水平方向的情况下。将它们用于拥有不同风格子导航的主导航的较大型网站是个不错的选项。

  • (责任编辑:IT教学网)

    更多