《超媒体系统导航》PPT课件.ppt
超媒体系统导航实现形式与方法探讨,含义 探讨意义 现有主流导航模式介绍 导航图模式实现理论技术介绍 实例介绍,含义,导航系统是用户所能感受到的网站内容与结构的外在表现。对用户而言,网站的人性化很大程度上取决于导航系统的架构。网站外观需要带给用户简单、直观与规范化的感觉。,探索意义,技术上能更好地实践导航系统理论可行性成功完善的导航方式会带来好的用户体验导航系统在信息构建(IA)中具有重要作用,信息构建与网站导航,信息构建(Information Architecture)(广义)组织信息和设计信息环境、信息空间或信息体系结构,以满足需求者的信息需求的一门艺术和科学。(狭义)网站的信息构建,在用户需求分析的基础上组织网站内容、设计导航、标识和检索机制。IA四要素 组织系统、标志系统、导航系统与搜索系统信息构建的目标 其目的是帮助用户更准确的找到相关的信息,信息构建与网站导航,导航系统在信息构建中的重要作用 其主要任务是有效展示网络信息资源内容与有序结构,引导用户正确浏览/查询网上信息,满足用户高效获取所需信息或进行人机交互操作的需求。对整个网站资源全局结构的把握,用以指引用户在访问web超媒体系统时能更加明确自己的位置,好的导航系统能使用户通过最有效方便的途径迅速获得所需信息资源。,导航系统构建目标,导航系统作为的IA的4项核心元素之一,在IA中占有重要的作用。其目标由低到高依次为:保障“信息可访问”保障“信息可理解”良好的用户体验,导航系统设计原则 导航系统优化所秉承的原则是:设计导航系统不是如何提供最多的信息获取途径,而是如何最有效的提供最方便的途径,设计精简、充分、良好的导航系统。良好的导航系统可以为我们提供清晰的标签、概念模型以及直觉化的路径,在选择导航元素的类型时,应该力求在美学和功能上达到一种平衡。在设计导航系统时,有可能造成链接的混乱,出现链接的森林的情况。将原本己经非常复杂、庞大的结构变得更加复杂,使用户使用与系统维护都付出非常大的代价。,现有主流导航模式,导航栏搜索引擎导航FAQ、流程指南以及其他网站地图导航,导航栏,分类导航并按层次结构管理信息资源优点:方便用户理解整个信息资源框架,能快速准确定位自己所需信息缺点:各大类下的子类之间联系不甚紧密(右图为本学院网站“本科教育”类下的导航栏),搜索引擎导航,网络搜索引擎也是一种实用的导航方法。网络搜索引擎一般由信息收集软件、索引数据库和查询接口三部分组成。搜索引擎可分成基于目录的搜索引擎、基于机器人的搜索、基于,客户的搜索、元搜索和分布式搜索等几类。,FAQ,FAQ是英文Frequently Asked Questions的缩写,中文意思就是“经常问到的问题”,或者更通俗地叫做“常见问题解答”。在很多网站上都可以看到FAQ,列出了一些用户常见的问题,是一种在线帮助形式。在利用一些网站的功能或者服务时往往会遇到一些看似很简单,但不经过说明可能很难搞清楚的问题,有时甚至会因为这些细节问题的影响而失去用户,其实在很多情况下,只要经过简单的解释就可以解决这些问题,这就是FAQ的价值。,一个好的FAQ系统,应该至少可以回答用户80的一般问题,这样不仅方便了用户,也大大减轻了网站工作人员的压力,节省了大量的顾客服务成本,并且增加了顾客的满意度。因此,一个优秀的网站,应该重视FAQ的设计。缺点:FAQ在我看来只起了对网站辅助导航的作用,它能实现到“信息可理解”的层次目标,但是导航效果不太明显,即没有带给用户直观的网站体验,并且对整个网站节点层次结构没有较好的把握。,流程指南,此类导航模式一般适用于方便用户进行某一操作流程的信息宏节点,它可以是线性导航和部分超文本图标和文本的结合。指南对于限制访问的web站点是有价值的营销工具。优点:通过直观简洁的图形与描述性文字来链接各个步骤流程,并可以通过点击提交前后每个图形界面的变化来展现步骤的完成情况。用户对这一系列的交互操作能有清晰的认识把握,较好地实现了“良好用户体验”这一目标。,流程指南,但是流程指南适用范围局限性较大,它主要目的是实现某一应用流程的人机交互过程,大多为线性超链接节点群并很少可逆。所以对于构建网站导航系统的主体目标来说,这类模式并不可取。,此外,还有些是技术上的处理,比如鼠标悬停于超链接上,就会显示对应的链接内容摘要,这样用户可以选择是否点击。这种技术除了HTML技术之外,JAVASCRIPT也同样能实现。超媒体智能导航模式则偏向于给用户导航指示,更方便用户浏览信息。并且网站提供这种智能导航服务需要强大的个人偏好搜集代理服务器。即它是个性化技术与信息构建技术在导航领域的结合,给导航系统带来系统结构的变迁和导航界面设计原则的调整。,网站地图导航模式,网站迷航与信息可视化技术的关系迷航原因:用户缺乏同化当前知识的能力造成的。从根本上说,是信息时代中各种信息激增、信息用户迷失在信息海洋中而难以找到所需信息资源的矛盾体现。从信息构建的观点上说,则是因为网络信息空间多维性、非控性,以及导航系统自身存在的与用户交互能力有限、导航力不强、智能性差等方面的原因,未能较好地引导用户,引导他们了解自身所处信息资源的位置而造成。,路径与行迹问题,认知过载问题,用户在使用超媒体系统过程中如何了解浏览路径与行迹回溯呢?超媒体特征:非线性信息访问 认知过载:指“一次需要记忆和保持的线索太多以至于超出人们的认知力”。根据认知理论,在超媒体信息网络中造成认知过载的主要原因是,从当前的信息节点(直接、间接或无意到达的)的多条链中选择沿哪条路径浏览,链越多越难选择。,信息可视化技术,信息可视化技术,是指以一种可理解的方式呈现各信息获取目标以及目标之间关系的在线处理方式。信息可视化技术要求超媒体信息空间信息组合的方式应该能很好地反映出人类记忆结构。在超媒体信息空间中,一个节点就是一种可视化的表征。节点之间的链接可以表示概念或图式之间的内在关系。,信息可视化技术,信息可视化技术能够将超媒体信息空间的结构形象地呈现在用户界面上,使用户在信息获取过程中能得到各种直接的结构信息,这种处理对用户进一步探索不同节点之间的内在关系,进而重组、整合信息是必要的。一些相关研究表明,在超媒体信息环境中提供信息可视化技术支持可以将用户的注意力吸引到一些重要的概念及其相互关系上来,还可以通过用户短时记忆中的信息编码来帮助他们组织新信息,并将这些新信息和长时记忆中的相关信息整合在一起。,网站地图导航,导航图(Overview diagram)。是一种信息空间可视化技术,利用计算机图形学和可视化计算技术在不同结构层次和角度上以形象、直观的二维或三维空间图形展现超媒体的信息语义结构,综合其他浏览检索辅助机制,快速获取主题信息。它对于缓解迷航和认知过载,高效利用超媒体的信息资源,提高信息服务水平有着重要意义。它允许用户依总的结构网络图确定自己的位置、定位特定信息。将节点及其相互关系部分图示出来,使用户对节点内容及其相互链接关系和整个系统结构有一个全面清楚的认识。导航图适用于节点数目较少的系统。以下主要介绍两种导航图技术理论,即鱼眼视图技术与局部概貌导航图。,鱼眼视图技术(fish-eye-view),实验表明:用户在使用超媒体系统时,对自己当前所处节点的“周围环境”最感兴趣,离当前节点越远,越缺少注意。这种信息用户认知惯性与鱼眼知觉结构是类似的。因此Furnas提出可采用这样的导引图:对用户当前注意的焦点“放大”显示,离焦点越远,显示越“粗”。这个技术意在模拟鱼眼睛的知觉结构,将网络信息结构可视化。该理论还在一定程度上解决了信息系统存在的一个中心问题:即没有足够的空间显示所有应显示的信息。,鱼眼视图技术,鱼眼视图技术能够在显示细节的同时也显示全局信息。用户在不断地获取细节信息的过程中,他们往往会丧失对全局的判断力,进而出现迷航现象,而鱼眼视图技术通过不间断的向用户提供全局信息的方法,使全局信息一直是用户短时记忆中的一个较新的较易操作的对象,从而在很大程度上避免了迷航现象。如果正式予以定义的话,鱼眼视图技术是依据兴趣程度,兼顾距离测量与重要性偏好发展起来的一种信息可视化技术,这种技术可以广泛应用于信息结构,特别是树状结构的显示,也可以应用列表、图形以及空间类型的信息结构的显现。在可用性实验中,鱼眼视图技术在显现传统的多层等级信息结构方面表现出色。,鱼眼视图技术,为了使该视图技术更科学合理,该理论还提出了一个对用户关注程度进行定量描述的量DDOI(Degree of Interest),该函数定义如下:这里I(x)反映的是节点x的重要程度(在整个超媒体网络中),D(x,y)是x与y之间的距离。它表示当用户位于节点y时,节点x的“可见度”,即对节点x的感兴趣程度。并要系统预先设定一个阈值,让鱼眼图只显示那些DDOI值大于阈值的节点。,鱼眼视图技术,而函数I(x),即在整个网络结构中节点的重要程度评价指标可以有多种选择方案:其中一种方法是系统监视和记录每个节点被访问的情况,根据过去被访问的次数和时间长短决定每个节点的重要程度。扩展的图形化鱼眼视图 Furnas鱼眼视图最早用于组织结构透视,仅体现了上述原则的逻辑思想,视图中节点在其原有的位置上要么可见,要么不可见,缺乏对整个图形布局的缩放变形控制。,鱼眼视图技术,图形化鱼眼视图变形则是对Furnas工作的进一步扩展,对每个节点引入扩展DOI函数的视觉重要度函,来确定节点是否可见,同时考虑到了节点的位置漂移、尺寸变形和节点间连接的伸缩。靠近焦点的节点将放大,远离焦点的节点将缩小。为保证在同样显示窗口内挪出更多的空间用于绘制放大的节点,避免因变形引起的节点绘制重叠覆盖,每个节点将从原来位置被焦点节点向外推斥性漂移。,鱼眼视图技术,它广泛应用于显示信息结构,特别是同时显示全局和局部信息结构的环境下。这种技术不会改变信息结构的值或结构方式,有利于在认知地图中形成一个连续的全局地图。但是,这个技术扭曲了用户对空间距离的判断,从而不利于发展测量知识和路径知识。,局部概貌导航图,局部概貌导航图以当前浏览节点为视点中心,显示其附近局部信息空间的网络结构。用户可通过参数控制局部导航图的视野深度,即从作为中心节点的当前浏览节点出发,扩展显示的信息空间范围。随着用户沿着链迁移改变当前浏览节点,中心节点也随之转移,局部概貌导航图也随之动态更新。,局部概貌导航图,局部概貌导航图不仅提供用于理解复杂信息网络结构的直观接口,同时也允许用户在其上执行交互操作。例如 在鼠标移动到某个节点上时显示节点概要信息;用户双击其中某个非当前浏览节点的节点表示时,引起当前浏览节点的表现转移和局部导航图重绘。可将非可视化的历史回溯过程在局部导航图的基础上以直观形象的可视化方式实现,基于图形化历史表进行回溯或前进。,局部概貌导航图,适合于单机环境,而在WWW中概貌导航图的实现极为困难。因为在WWW连接嵌入在文档中,构造导航图时必须解析文档以获取链接信息;在大规模分布信息网络环境下,想要绘制出全局概貌导航图是不可能的,这样构造导航图的过程复杂且效率低下。而在另一种系统中,分布开放超媒体系统(DOHMS)中的结构数据与内容数据相分离,链对象作为独立数据存在,具有自身的结构化属性与类型描述,在此基础上生成概貌导航图无论从技术还是效率上都是可行的。,XEROC PARC可视化工具组,XEROC PARC是一个关于信息可视化的研究项目。项目的研究目的是在复杂的超媒体信息空间环境内,为了解决认知过载问题,设计一系列用于超媒体信息环境导航的可视化信息工具。XEROC PARC项目的研究人员借鉴了计算机图形学、系统结构、以及认知心理学方面的理论研究成果,项目提供了一个组合了多种可视化工具的工作空间,叫做“信息可视化4号”可视化信息工作空间。该项目的工具组设计从导航的有效性研究中获益良多,涉及人的超媒体信息环境导航行为的研究。,XEROC PARC可视化工具组,该项目分成三个部分:1 三维空间 利用仿真技术构造三维空间,增强用户短时记忆中的信息处理能力。并通过三维折叠技术最大限度地利用屏幕空间。2 认知协处理器 增强交互,利用用户界面动画技术,使用户能感知并追踪结构中关系,以获得快速可视化信息。3 信息可视化工具 一组面向结构的浏览器,增强了用户抽象的能力。有的浏览器采用“全局+局部”的语义信息显示技术。,网站地图实例,早期美国XEROX公司PARC研究中心在1987年开发的基于工作站的系统-Notecard系统,类似的还有MCC的gIBIS系统。它们都提供图形浏览器,用于超文本系统中显示大量信息的概况。分布开放超媒体系统(DOHMS)各种GIS电子地图、GPRS定位系统 Google Earth与数字地球,导航系统设计理论基础,建构主义学习理论 认知学习理论 有意义学习理论 知识空间理论 语义网理论,