交互设计：第4讲 导航.ppt

1）上下文导航系统（ContextualNavigationSystem）也叫语境导航系统，它是嵌入文本段落中的文字型链接导航系统，多用于非关键性的、处于以上类别之外的信息。包括主题关联、关键字关联、作者关联等关联链接。引导用户浏览与正在阅读的内容相关的信息，如“Seealso”链接和段落中带下划线的文本部分。关联性导航跨越网站各个层级结构，把页面紧密相连。让用户在阅读某个主题的同时，也可以访问其他主题。包括：上下文导航、快速链接、页脚导航嵌入式上下文导航快速链接页脚导航公用程序导航搜索工具箱语言和国家选择导航应该包括5个元素：站点ID栏目实用工具回主页的方式搜索的方式网站上的索引就如同我们所熟悉的书籍后面所附的索引，一般是把关键词或者词组按照字母顺序排列，不划分层次。如果用户知道自己寻找目标信息的名字，利用站点索引就比较方便了。网站索引的创建有两种方式。对于大中型规模的网站，因为内容多，而且内容是分布式管理，建立索引可以通过用控制词表索引自动生产网站的索引。由于许多控制词表的术语可能不仅被应用于一篇文献，那么这种索引的建立需要分两步：首先用户从索引中选择术语，然后从用那个术语索引的文献列表中选择。对于小型网站，可以通过手工方式来建立，生成一个集中式的索引。索引搜索4.4导航的交互设计网站导航设计中的基本原则导航条的位置。主导航条的位置应该在接近顶部或网页左侧的位置，如果因为内容过多需要子导航时，要让用户容易地分辨出哪个是主导航条，哪个是某主题的子导航条。导航使用的简单性。导航的使用必须得尽可能的简单，避免使用下拉或弹出式菜单导航，如果没办法一定得用，那么菜单的层次不要超过两层。面包屑导航。应该让用户知道现在所看的网页是什么和与现在所看网页的相关网页是什么，例如通过辅助导航“首页新闻频道新闻全名”里的对所在网页位置的文字说明，同时配合导航的颜色高亮，可以达到视觉直观指示的效果。导航内容明显的区别。导航的目录或主题种类必须清晰，不要让用户困惑，而且如果有需要突出主要网页的区域，则应该与一般网页在视觉上有所区别。导航和排序的区别。导航和排序容易混淆，需要留意这里的tab是导航还是排序？别让我思考——使界面让用户一看就懂采用比拟手法模型匹配法习惯用法是你的好帮手减少记忆负担工具就在手边费茨用信息理论来决定人的手运动的时间MT=k*LOG(2*D/W)式中MT是手的运动时间,单位是秒；D是运动距离,W是目标的宽度；K是一个常量,约为0.1。D/W统称为运动难度系数。建立清楚的视觉层次越重要的部分越突出逻辑上相关的部分在视觉上也相关逻辑上包含的部分在视觉上进行嵌套把页面划分成明确定义的区域明显标识可以点击的地方降低视觉噪声超市是个物理空间，可以用作导航的元素很多，他有上下、左右、前后，消费者在其中有空间感，可是网站怎么办呢？网站是个数字空间，如何感觉方向、空间大小、位置？用户在网站中感觉方向用户在网站上感觉到位置用户在阅读的内容属于哪个频道，那么导航就会在这个频道上亮起一盏灯。

2.导航展现网站的“相关性”导航反映的是网站主题的的深度。导航提供了网站内容语义上的周边视界，暗示了与访客信息需求的相关程度。他透露出有什么没有什么，让你知道是否选对了浏览主题。3.导航的优点决定用户在网站中穿梭浏览的体验，这一点是最基本的。网站导航设计合理，可以将网站的内容和服务最大面积的展现在用户面前。合理的导航设计可以增加用户黏性，提高网站的浏览深度，从而提高网站PV值。促进用户消费，提高网站盈利。引导用户消费，将用户真正需要的产品和服务展示在他面前，甚至用户想不到的服务你也呈现。提高网站广告价值，增加网站广告收益。

线性结构层级结构网状结构分面结构4.2.导航的机制。逐渐显露的结构1、线性结构在此页面可以限制淘宝买家按线性结构完成购买流程。上方的1,2,3,4的步骤很好的引导用户一步一步完成任务，并告知用户所在流程中的位置。任务流式导航面包屑导航面包屑导航分类“追溯来路”即跟踪用户行为，记录的用户在网站的活动足迹的一种“线性导航”。用来表达内