导航系统由几个基本元素或者子系统组成

目标都是:提供情景和灵活性,帮助用户了解他们现在的位置和他们可以去哪里

01 几种导航模型

中心辐条-主要部分都在首页,用户点击去完成某个具体的任务再回到中心选择另一个目标

image.png
image.png

充分链接-每个页面都有全局导航元素

image.pngimage.png

多级导航-主要页面充分链接,更次级的页面只链接他们自己所属的页面

这种模型,需要两次或2次以上的跳转才能从一个子页面到达另一个子页面
image.png

渐进模型

只能一步一步的向前移动,或后退。过程图,向导模式等
image.png

金字塔模型

image.pngimage.png

平移&缩放

一些在更大的空间里展示的。地图、大图片、记忆时间的媒体
平移缩放也是导航-需要水平或垂直移动的,放大和缩小,重新定位位置和状态
image.png

02 导航系统分类

image.png
image.png

03 导航模式目录

第一组模式,讲述导航模型

  1. 清楚的入口点clear entry points
  2. 菜单页面menu page
  3. 金字塔pyramind
  4. 模态面板modal panel
  5. 深度链接状态deep-linked state
  6. 逃生舱escape hatch

第二组辅助导航模式

7、胖菜单fat menus
8、页脚站点图sitemap footer
9、登录工具sign- in tools

第三组“你在这里的”路标模式

10、序列地图sequence map
11、面包屑层级结构 breadcrumbs
12、注释滚动条annotated scrollbar
13、动画转换animated transition

04 信息架构里面的导航系统

本部分内容

  1. 平衡网站导航中的情景和灵活性<br /> 整合全站、局部和情景导航<br /> 辅助导航工具,例如:站点地图、索引、指南、向导和配置器<br /> 个性化、可视化、标签云、协同过滤和社会化导航<br /> 支持浏览的导航系统

导航系统的种类

  1. 导航系统由几个基本元素或者子系统组成<br /> 目标都是:提供情景和灵活性,帮助用户了解他们现在的位置和他们可以去哪里<br /> 灰色区域<br /> 浏览器导航功能

场所营造

  1. 传递一个清晰的情景(这个网站是什么。你在该网站中可以找到那些内容,你可以用该网站做什么)可以让信息更容易理解。通过语言创造场所感并提供探索网站的清晰路径,是导航系统的重要作用之一

导航压力测试步骤

  1. 忽略首页,直接进入网站中
  2. 随机选择一个页面,你可以确定你的位置与网站其他部分的关系吗?你在哪个主要区域?上级页面是什么?
  3. 你知道这个页面会将你带到那个页面吗?链接的文字说明足够让你知道每个链接是什么吗?链接是否有足够的差异性,让你可以根据你想要的做的事情来进行选择

嵌入式导航系统

全局导航系统
局部导航系统
情景式导航
嵌入式导航的实现

辅助导航系统

站点地图
索引
指南
搜索

高级导航方法

个性化和自定义
可视化
社会化导航