（教育技术学专业论文）教育主题网站的导航设计.pdf

山东师范大学硕士学位论文 中文摘要 互联网急速普及，信息技术革命随之产生，信息时代的到来深刻地改变了人 们生活、工作、贸易、思维以及彼此沟通的方式。网络教育也就应运而生，成为 了教育在i n t e r n e t 上的一个重要应用。教育主题网站是网络教育的一个主要阵 地，是教师和学生探索新型学习方式的基地。如何建设一个优秀的教育主题网站， 是每个教育工作者关心的问题。教育主题网站建设的优劣将直接关系到网络教育 信息资源的优劣和新型教育、学习方式能否顺利的开展。但是由于网络的特性， 造成浏览者的信息迷航现象，这就需要网站导航系统发挥作用。 本课题研究的目的和意义是针对目前教育主题网站导航良荞不齐的现状以 及在教育主题网站建设中忽视导航系统设计这一突出问题，以网站的建设规律和 相关的教育理论、学习理论为指导对于教育主题网站的导航系统设计深入细致的 研究，探求和把握其内在的规律和有效的解决方法，以期更好的建设教育主题网 站的导航系统，充分发挥教育主题网站的作用。 本文通过查阅文献、书籍和专家著作等方法进行相关资料的搜集和整理，采 取实例论证、对比比较等方法进行分析归纳，形成研究思路，建立研究提纲。在 此基础上，对前期的研究工作进行全面的思考、分析和总结，完成本论文的撰写 工作。本文首次把导航系统设计作为教育主题网站建设中的一个重要方面加以研 究，提出了教育主题网站导航设计的系统方法，并且从功能和艺术两个方面来分 析教育主题网站的导航设计。在此基础上提出了参照性、借鉴性极强的教育主题 网站的导航设计的方法和原则。本文具有参照性强、实用性强、借鉴性强的特点。 文章的第一章，介绍了教育主题网站的概念和教育主题网站导航的概念，并 主要分析了网络空间的特性导致学习者的信息迷航以及这种信息迷航现象造成 的危害，最后概述了教育主题网站导航设计的重大意义；文章的第二部分是本文 的创新点之一，从分析整个网站导航的发展和演进入手，得出网站导航未来的发 展趋势，然后系统阐述了教育主题网站导航设计应该如何展开，提出了教育主题 网站导航设计从功能和艺术两个角度分别进行设计。文章的第三部分是本文的重 点部分。选择国内国外的优秀教育主题网站作为实例加以分析，在此基础上仔细 阐述了不同形式的导航的优缺点。对于网站的设计者具有较强的参考性和借鉴 山东师范大学硕士学位论文 性。文章的最后一部分是实际操作的部分，作者按照教育主题网站的导航设计的 理论策划设计了主题咨讯类教育主题网站摄影艺术教学网站的导航系统。作者 采用教育叙事的研究方法对这个网站的导航系统的设计过程进行了描述，使读者 能够更加直观的了解教育主题网站的导航系统设计如何开展。 关键词：教育主题网站；网站导航；导航设计 分类号：g 4 3 4 n 山东师范大学硕士学位论文 a b s t r a c t w i t ht h er a p i ds p r e a do f t h ei n t e m e t , a n dt h er e l e n t l e s st e e l a n o l o g i e a li n n o v a t i o n s g e n e r a t e dt h r o u g hi t , t h ei n f o r m a t i o ne r a 砖t r u l yu p o ni l l s p r o f o u n d l yi n f l u e n c i n ga n d c h a n g i n gn o to n l yo u rl i f e s t y l e ，b u ta l s ot h ew a yw e 、v o 咄d ob u s i n e s s ，t h i n ka n d e o m m t m i e a t ew i t ho t h e r s t h ei n t e m e te d u c a t i o na l s ow a sb o mi nt h i s b a e k g r o a l a d , t h e n i t h a s b e c o m e 酝i m p o r t a n t a p p l i c a t i o n o f e d u c a t i o n o i l i n t e m e t t h e e d u c a t i o n a lt h e m ew e b s i t ei sn o to n l yap r i m a r yp o s i t i o no fi n t e m e te d u c a t i o nb u t a l s os u p p o r t i n gp l a t f o r mo ft h et e a c h e ra n dt h es t u d e n tr e s e a r c h i n gn c we d u c a t i o n a l s t y l ea n ds t u d ys t y l e t h eq u e a t i o nw h i c hh o wt oc o n s t r u c tao u t s t a n d i n ge d u c a t i o n a l t h e m ew e b s i t eh a sb e e na t t a c h e di m p o r t a n c et ob y1 1 1 0 1 a n dm o l ep e o p l ei n e d u c a t i o n a lf i e l d s ow h e t h e rt h eq u a l i t yo ft h ee d u c a t i o n a lt h e m ew e b s i t ei sg o o do r n o tw i l li n f l u e n c et h eq u a l i t yo fe d u c a t i o n a ln e t w o r ki n f o r m a t i o na n dt h ep r a c t i c e p r o g r e s so ff l e we d u c a t i o n a ls t y l ea n ds t u d ys t y l e a sar e s u l to ft h en e t w o r k e h a m e t e r i s t i e ，t h eb r o w s i n gi n f o r m a t i o nd i s o r i e n t a t i o np h e n o m e n o nn e e d st h ew e b s i t e g u i d a n c es y s t e m t h ei n v e s t i g a t i v ep u r p o s eo ft h ea r t i c l ei s , b yt a k i n gw e b s i t eb u i l d i n gr u l e s ， e d u c a t i o n a lt h e o r ya n ds t u d yt h e o r y 嬲g u i d a n c e b ya n a l y z i n gt h ep r e s e n ts t a t eo f e d u c a t i o n a lt h e m ew e b s i t en a v i g a t i o ns y s t e r ma n dt h em a i np r o b l e mo fi g n o r i n g w e b s i t en a v i g a t i o nd e s i g ni nw e b s i t eb u i l d i n g ，t om a k eae m b e d d e da n dm e t i c u l o u s r e s e a r e l ao nt h en a v i g a t i o nd e s i g no fe d u c a t i o n a lt h e m ew e b s i t ea n dt of i n do u tt h e i n n e rl a wa n dt h ep r o b l e m - s o l v i n gw a ya n da c c e l e r a t et h ei l i s t m c t i o no fe d u c a t i o n a l t h e m ew e b s i t eh e a l t h i l y 砀em a i nr e s e a r c hm e t h o da d o p t e di nt h ea r t i c l ei s 。i nc o l l e c t i n ga n ds o r t i n go u t r e l a t e dm a t e r i a l sb yc h e c k i n gc u l t u r a lh e r i t a g e ，i n v e s t i g a t i n gs o c i e t ya n ds e a r c h i n g0 1 3 1 i n e ，f o r m i n gt h er e s e a r c hi d e ab yc o n t r a s t i n g , a n a l y z i n g a n ds u m m i n gu pt h e m a t e r i a l st om a k et h er e s e a r c hs u m m a r y o nt h i sb a s i s ， ic o m p l e t et h ea r t i c l eb y g a t h e r i a ga n dc o m b i n i n gt h ef o r m a lr e s e a r c h t h eh i g h l i g h tv i e wo fl l a ea r t i c l ei st o f i r s t l yt a k et h ew e b s i t en a v i g a t i o nd e s i g n 觞a l li m p o r t a n tp a r to fi n s t r u c t i o no f e d u c a t i o n a lt h e m ew e b s i t et or e s e a r c h ，t op u tf o r w a r ds y s t e m a t i v em e t h o do f w e b s i t e i i i 山东师范大学硕士学位论文 n a v i g a t i o nd e s i g n , t os y s t e m i c a l l ya n a l y z et h ep r o g z e s so fw e b s i t en a v i g a t i o nd e s i g n f r o mt ot w od i f f e r e n ta n g l eo f f u n c t i o na n da r t b a s e do nt h e s e , t h ea r t m ep u tf o n v a r d t h ew h o l ew e b s i t en a v i g a t i o nd e s i g ns c h e m eo ft l a ee d u c a t i o n a lt h e m ew e b s i t e t h i s a r t i c l ei sp r a e t i c a l , b e n e f i c i a la n dr e f e r e n t i a l t h ef i r s tc h a p t e ri nt h ea r t i c l ei n t r o d u c e dt h ec o n c e p to fh ee d u c a t i o n a lt h e m e w e b s i t ea n dt h ee d u c a t i o n a lt h e m ew e b s i t en a v i g a t i o n ，t h e nm a i na n a l y z e dt h e c h a r a c t e r i s t i co ft h en e t w o r k , i n f o r m a t i o nd i s o r i e n t a t i o na n dt h eh a r mi n f o r m a t i o n d i s o r i e n t a t i o np h e n o m e n o nc a u s e d , f m a n yo u t l i n e dt h eg r e a ts i g n i f i c a n c eo f e d u c a t i o n a lt h e m ew e b s i t en a v i g a t i o nd e s i g n ；t h es e c o n dp a r ti nt h ea r t i c l ei so n eo f t h i sa r t i c l ei n n o v a t i o n , f r o mt h ea n a l y s i so fw e b s i t en a v i g a t i o nd e v e l o p m e n ta n d e v o l u t i o nb e g i n n i n g ，a n dp u tf o r w a r dt h ef u t u r ed e v e l o p m e n tt r e n do ft h ew e b s i t e n a v i g a t i o n , s y s t e m i c a l l ya n a l y z e dh o wt od e s i g nw e b s i t en a v i g a t i o nf r o mw od i f f e r e n t 8 a g l eo ff u n c t i o na n da r t 。t h et h i r dp a r ti nt h ea r t i c l ei st h ek e yp a r to ft h ea r t i c l e t h r o u g hs e v e r a le x c e l l e n te d u c a t i o n a lt h e m ew e b s i t ee x a m p l e sw h i c hi n c l u d e s d o m e s t i ca n do v a s e a sw e b s i t e ，e a r e f u l l ye l a b o r a t e dg o o da n db a dp o i n t so ft h e d i f f e r e n tf o r mn a v i g a t i o n t h i sp a r ti sp r a c t i c a l ，b e n e f i c i a la n dr e f e r e n t i a lt ow e b s i t e d e s i g n e r t h el a s tp a r ti st h em o s tp r a c t i c a la n db e n e f i c i a lp a r t f o l l o w i n gt h e n a v i g a t i o nd e s i g nt h e o r yp o i n t e do u ti nt h eu p p e rp a r t s ，t h ea u t h o l t d e s i g n e d t h e n a v i g a t i o ns y s t e r mo f ae d u c a t i o n a lt h e m ew e b s i t en a m e d t h ea r to fp h o t o g r a p h y a tt h es a m q ：t i m e , t h i sp a r ts u m m a r i z e dt h ed e s i g n i n gp r o g r e s so f i t r e a d e r sc a nk n o w h o wt od e s i g nae d u c a t i o n a lt h e m ew e b s i t en a v i g a t i o ns y s t e r mw e l lm o l l 。d i r e c t l y i k e rw o r d s le d u c a t i o n a lt h e m ew e b s i t e ；w e b s i t en a v i g a t i o n ；n a v i g a t i o nd e s i g n l c l a s s i t i c a t i o nm l m b e d g 4 3 4 i v 独创声明 本人声明所呈交的学位论文是本人在导师指导下进行的研究工作及取得的研究 成果。据我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其他人 已经发表或撰写过的研究成果，也不包含为获得( 注：如没有 其他需要特别声明的，本栏可空 或其他教育机构的学位或证书使用过的材料。 与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的说明并 表示谢意。 学位论文作者签名： 钡靠 导师签字：t 珈币峭 导师签字：_ l i ! 押镅毛 学位论文版权使用授权书 本学位论文作者完全了解堂撞有关保留、使用学位论文的规定，有权保 留并向国家有关部门或机构送交论文的复印件和磁盘，允许论文被查阅和借阅。 本人授权堂撞可以将学位论文的全部或部分内容编入有关数据库进行检索，可 以采用影印、缩印或扫描等复制手段保存，汇编学位论文。( 保密的学位论文在 解密后适用本授权书) 学位论文作者签名： 螽烁 签字日期：2 0 0 7 年钼6 日 导师签字：= 李缸4 签字日期：2 0 07 年6 月易日 山东师范大学硕士学位论文 第一章绪论 一、教育主题网站的概念界定 教育主题网站是指那些针对特定的人群，围绕特定的学习主题、教科研主题、 学习素材类事物主题，完成特定信息的搜索和提供、组织与发布，或者提供互动 学习平台的教育网站。教育主题网站是网络信息资源的重要组成部分，是远程教 学、网上科研、个性化学习的有效支持平台，是支持新型学习方式的虚拟学习空 间“1 。 二、教育主题网站导航的概念界定 导航是一个技术门类的总称，它是引导飞机、船舶、车辆以及个人( 总称作 运载体) 安全、准确地沿着选定的路线，准时到达目的地的一种手段。导航的基 本功能是回答：我现在在哪里? 我要去哪里? 如何去? 浏览者在浏览网站的时候经常会看到“网海导航”、“网络资源导航”、 “站点导航”、“本站导航”等等词语，都是网站导航的不同说法，其目的都是要 引导用户沿着正确的路线浏览和查找信息，既要保证方便迅速的找到所需信息， 又要防止“迷航”，也就是要让用户在任何时候都知道自己在网络中所处的位置， 并且知道下一步该如何走才能接近或达到自己的目的地。 网站导航，顾名思义，就是为网络用户在访问一个具体的网站时指引方向， 使得他们在查找特定信息的过程中耗费较少的时间和精力而不至于迷失。用专业 术语来讲，网站导航系统主要用于解决网站上大量信息可能以无序方式存在的状 态从而迎合用户对有序信息的需求需要说明的是，网站导航与网络导航不同， 网络导航所针对的通常是用户可访问的不同范围的互联网络，而网站导航所针对 的只是互联网络中某一个特定的站点。一般来讲，我们可以从广义和狭义两个范 围来理解网站导航的含义嘲。 ( 一) 广义的网站导航 广义地讲，凡是有助于方便用户浏览网站信息、获取网站服务并且在整个访 问过程中不至迷失、在发现问题时可以及时找到在线帮助的所有过程和形式都是 网站导航系统的一部份。广义的网站导航通常包括以下几种导航方法： 1 浏览式导航方法 山东师范大学硕士学位论文 浏览式导航方法是一种最初始的但也是最基本的导航方法，用户在对一个网 站进行浏览时，通过点击嵌入或附着在页面文件中的超链接追踪信息的发展脉 络，从一个网页跳跃到另一个网页，并根据对各个网页中内容的阅读以确定是否 找到目标信息或服务。如果一个网站使用这种导航方法但没有对所链接页面进行 精心的组织或分类，导航路径的设计也没有迎合用户的可能访问目的，那么就会 使得用户所能接触到的导航信息往往以一种无序甚至是随意的方式出现，因而可 能导致用户不断地进入无关的页面并且阅读无关的内容。对于大多数持有特定访 问任务的用户来讲，这种方式容易出现的问题是用户非常有可能在访问的过程中 受到许多不相关信息的扰乱而迷失方向，从而不得不付出大量不必要的时间与精 力啪。 2 通过站内搜索引擎进行查询 搜索引擎又被称为导航软件，可以根据网络用户输入的关键词与数据库中记 录的网页内容( 有的数据库记录网页的全文，有的数据库只记录两页的地址、篇 名、题名、特定的段落或重要的词汇等) 相匹配从而搜索与之相关的网页。这种 方法非常适合没有丰富经验的网络用户根据特定的关键词在浩瀚的信息海洋中 寻找到自己感兴趣的网页。随着网站内容的不断增加与扩展，很多的网站也将搜 索引擎引入到站内导航系统中，形成了“站内搜索”这种局部式的搜索引擎应用 方式，这种导航方法的优点是显而易见的，只要用户能够准确把握所要搜寻信息 的若干个关键词，输入关键词，就会得到含有这些关键词的页面链接。但这种方 法同样不可避免地存在一些尚未解决的闯题，比如，如果网站的信息体系或内容 范围非常庞大，含有某一关键词的页面非常的多，那么用户在输入此关键词之后 往往会得到很多的不利于辨别和判断的页面链接或信息，在一定程度上反而增加 了用户所耗费的时间和精力：再比如，一个繁体中文的使用者在登陆一个由简体 中文组织的页面对，他一般能够读懂页面所提供的内容，但如果没有简体中文的 输入环境或者这位访问者干脆就对汉语拼音、五笔等简体中文输入方式一无所 知，那就无法利用站内搜索的方法去寻找他所需要的内容，也就是说，只能依靠 浏览式或目录式网站导航结构的指引来支持其访问任务的实现伽 ( 二) 狭义的网站导航 简单地讲，狭义上的网站导航就是指用户通过网站中的一个初始进入的页 2 山东师范大学硕士学位论文 面，经过若干个路径页面、最终到达可实现目的页面的过程。它应该协助好用户 解决如下几个问题：我在哪里? 我可以去哪里? 我怎样可以到达那里? 如果我到达 那里，怎样才可以回到我的出发点? 一个优秀的导航结构应该能够有效地协助好用户对以上问题的解决，尤其是 能够使得用户在更短的时间内以更少的精力耗费定位到所需要的信息或服务从 而实现访问的目的。 教育主题网站导航就是在特定类别网站也就是教育主题网站中为浏览者提 供导引的标识的所有部分，它是一个复杂的系统。 三、网络空间的特性导致信息迷航 ( 一) 网络空间的特性 网络空间，缺少在实际生活中可依赖的提示或线索具有很多奇妙性： 1 没有范围感 无论怎样深入地使用某个网站，还是很难确定它到底有多大? 是5 0 页? 1 0 0 0 页? 还是1 7 0 0 0 页? 有多少页已经浏览过，还有多少页没有浏览过? 2 没有方向感 在网上，没有左右上下之分。虽然我们也会谈论向上向下，但那是指层次结 构的上与下。 3 没有位置感 在物理空间中，可以逐渐建立起地点及捷径的感觉。但在网上，浏览者的脚 触不到地，只能通过点击链接形成所走过的路径。从网上返回时，不是物理空间 的具体位置，而是概念上的层次结构。 正因为网络的这些特性造成了学习者的信息迷航，什么叫信息迷航呢? ( 二) 信息迷航的定义 在网络自主学习情况下，当学习者面对大量信息而产生的、类似与在大海中 航行时迷失方向而不知所措的现象，称为网络学习中的信息迷航。 信息迷航是我们建设教育主题网站时候应该尽量克服的一个问题。不同类别 教育主题网站实现不同的功能。互动学习类教育主题网站主要是为学习者提供一 个互动学习的平台，直接为基于网络应用的课堂教学、自主学习服务。主题资讯 类教育主题网站实现的功能是提供较为深入全面的专门化知识加工、信息组织。 山东师范大学硕士学位论文 教育科研类的教育主题网站实现的功能是观点自由发布、情报集中组织、开放交 流互动。 ( 三) 信息迷航现象的危害 信息迷航阻碍了教育主题网站功能的实现，危害主要表现在两个方面： 1 消耗了浏览者有限的注意力资源 注意是信息加工中的重要环节，它是学习活动赖以产生的前提，它使学习和 记忆成为可能。一百年前，心理学家威廉詹姆士指出，“注意是心理以清晰而 又生动的形式同时对若干个可能的对象或连续不断的思维中的一种占有”。它的 本质是意识的聚集、集中。信息迷航大大地消耗了浏览者的那些本身稀缺且不可 再生的注意力资源。 2 对时间资源的消耗 信息迷航在消耗浏览者注意力的同时也大量占用了学习者宝贵的时间。对研 究者和学习者而言，时间是宝贵的，当大量的信息涌来时，只能有两种选择：放 弃或者投入更多的时间来获取。由此激化了获取信息和使用信息之间的矛盾，即： 是否值得为了获取那些信息而花费时间? 网络本身是一种通信手段，通过网络来 学习应该更快，更方便。可是，一旦出现了迷航，在信息的主体和客体之间插入 的大量而无用的信息处理过程就必然大大增加人与信息之间的距离，人必须花费 时间来完成这些过程。从这个角度来看，信息迷航增加了学习的成本 ( 四) 网站导航的作用 而导航就能尽量减少信息迷航的危害，通过网站的层次结构，创造一种“在 哪几”的感觉导航不是网站的某一个特点，而是一个不可或缺的部分。没有导 航，就没有“在哪儿”，就必然造成信息的迷航我们看一下下面这个例子： 图卜1 、i - 2 中国康辉网的导航系统就不是太令人满意，当你点击栏目中的 某一个按钮进入这一项时，栏目按钮没有发生任何变化，不能和其他的栏目区分 开来，而且没有当前位置导航，浏览者经常迷失方向。回到首页导航没有处于显 著的位置，位于每个页面的最底部，很难叫测览者注意到，造成了极大的不便。 图卜2 是进入“自由彳亍”栏目以后的页面，可以看到栏目导航不见了，这样 会给浏览者造成很到的迷惑和不便。网站设计者在设计网站时，一定不能忽视导 航系统的重要性，要把导航设计作为一个首要解决的问题，否则混乱的导航系统， 4 山东师范大学硕士掌位论文 只能加重信息迷航的危害性。 图i - i 中国库墀( h t t p ：w w c o t c n d = f a u l t a s p ) 图i - 2 中国康辉h t t p ：n w o c t e n d e f a u l t a s p ) 山东师范大学硕士学位论文 四、教育主题网站导航的作用 如果把教育主题网站看作一艘船，导航系统就是是这艘船的舵。阅读网页是 靠鼠标的点击来进行的，超文本链接让浏览者可以在每条信息间作跳跃式的阅 读在这一非线性的过程中，浏览者很可能会失去方向感，不知该如何退回到前 面的某一页，或如何进入更深层的某栏目。此时，导航可以让浏览者明了自己 的实际方位，位于网站的第几层、与其他几层的关系、进入其他栏目的捷径等等， 贯穿于阅读过程的整个始末。导航设计是网站建构的血脉，它的畅通与否有着自 己的一套原则和方法。因此导航设计在整个教育主题网站的建设中占着非常重要 的位置，这直接关系到是否能把浏览者正确地领到他们想去的地方，轻而易举的 找到他们所需要的信息。 一个浏览者如果在某个教育主题网站上找不到所需要的东西，或搞不清网站 的信息组织结构，那他就不会待很久，或者干脆离开。因此创建公认的“清晰、 简洁、一致”的网站导航的意义是不言而喻的。 因此导航系统的优劣直接影响教育主题网站功能的实现。具体来说：网站导 航系统的作用如下： ( 一) 给浏览者一个依托感 告诉用户现在正在访问的网页是什么。告诉用户现在所处的位置 ( 二) 告诉浏览者在这几可以发现什么 导航通过可视化的层次结构展现了网站内容，告诉用户从这里你能的得到什 么。而展现网站内容远比引导或定位重要的多，应为作为一个教育主体网站主要 的目的就是传达给浏览者它所需要的东西。 ( 三) 告诉测览者怎样使用网站 导航可以告诉你开始的起点及各种选项。甚至是你需要的所有指示。教育主 题网站就是为了方便学习者学习而建立的，首先得前提是学习者要会使用这个网 站。这就要依靠与网站的导航系统来完成这一职责 ( 四) 使浏览者对所浏览的网站充满信心 导航的优劣是浏览者决定是否离开网站的主要因素之一，精心设计的清晰的 导航系统是网站建立良好形象和扩大影响的最佳手段之一。 因此研究教育主题网站的导航设计是非常有必要的。 6 山东师范大学硕士学位论文 第二章教育主题网站导航系统的设计 教育主题网站是一个新生事物，人类进入二十一世纪，计算机网络技术和信 息技术正在飞速发展，这种飞速发展所带来的震撼迅速波及到教育界。作为信息 资源的宝库、远程教育的支撑平台以及新型教学手段、学习方式的支持环境，因 特网的作用越来越受到教育界人士的关注。无论是教育界的专家学者还是置身教 育改革浪潮中的教师和学生都在尝试着基于网络的全新的教育理念、教学手段和 学习方式教育主题网站正是在这种背景下孕育和产生的。 正因为发展时间不长，难免存在很多问题。尤其教育主题网站的导航设计在 国内系统研究的很少。我们可以从一些其它优秀网站的导航设计中借鉴一些好的 经验。 一、网站导航的发展和演进 在这一部分，通过分析导航由简单的文字到标签化的导航，然后是可以切换 状态的导航，然后到立体的导航，f l a s h 的导航，等等的一个导航简单的发展历 史。可以得到在什么样的需求下面应该采用什么样的导航，以及各种各样的导航 都有什么样的优点和缺点，应该在什么时候避免这种缺点。这对于我们设计教育 主体网站导航具有很强的借鉴意义，因为你想设计好导航首先要了解它的发展历 史。 ( 一) 古典的导航 导航直接根据网站的信息进行分类，一般放在网站首页的上面或者左面。下 面列出来的是这类导航的典型。 图2 - i 微戢公司网站( h t t p ：，_ 佩m i c r o s o f t c o m ) 山东师范大学硕士学位论文 图2 - 2i b m 岔司网站( h t t p ：胛w i b m t o m ) 这种导航的优点是非常的简单，不仅是他的栏目导航很简单，他的其他的导 航同样非常的简单。这种导航非常注意突出网站的主要内容，而不是其他的内容。 网站的每个页面看起来都非常的简单。但是可以很容易看到，当信息大量增加的 时候者这种导航的表现就大不如人意了。比如新浪首页的导航，因为有太多的链 接浏览者想找到需要的信息是很不容易的。或者说随着内容的增加会越来越难。 一般来讲沿用这样的导航的网站，一般都会有一个强大的搜索。 i b m 的导航很有特点，它的上面是按照产品分的，但是下面是按照客户群来 分的。这样洌览者不论是关心产品还是其他都可以很自然的找到他们需要的信 息。 ( 二) 分类显示的导航 y a h o o 网站导航按功能分类来显示。 弘出蝴u 座丝l - f i n dg r o a t 悖s t a t e a n t s 怕甜y o un i d w , 6 业崮啦直啦。! 勰垃2 盘b 越丘鲢越曼纽啦衄丑童蜮 啃 h 吐q 垃髓a 媛曲越皇_ s i 撞王k e 虹毫i 量。芏呈! 坚艺邑a g 蛙 i 越立照盆l i 皇盆监蛳n 旺叠b 跳畦堑龌脚皇量量凹班。m t t 谴 6 趟业雠丘畦缸邀。立出盥f 。m ) l 羔出丝p a v d i r e 盥, 虹血l 立童丑蛙且虹篮姐且丝继。簋m 哇鲑。地址控l d 过。t v 丘衄噩立丑啦l o m l 燃蠡皿w q a t h e r 置翻蔓x k 图2 - 3 y a h o o 网站( h t t p _ - 帆y a h o o t o l l ) 2 1 c n 网站导航按类别分类来显示。 山东师范大学硕士学位论文 冒2 - 42 1 c a 网站( h t t p ：，w * 2 1 c n c o r n ) 这样的网站的导航的好处是浏览者可以像在图书管理查阅图书一样来使用 导航。这样做也不是十全十美的，当网站的信息越来越丰富的时候，还是有其局 限。这种解决方法，实际上治标不治本。 ( 三) 标签化的导航 a m a z o n 公司网站开创了一个导航的新时代标签化导航。 图2 - 5a m z o n 罔站( h t t p ：n w m z o i lc ) m a c r o m e d i a 公司网站简明分类，灵活显示，鼠标悬停就可以看到对应分类下 面的内容。 目2 - 6m s c r o d i a 网站( h t t p ：w w m a c r o l l o d i a c 0 1 ) 下面是其他形式的其实质也是标签化的导航，只不过是他们把标签的思路又 加以拓展然后就有了很多的形式。比如s t a n f o r d 公司网站的导航，m s n 公司网站 的导航，还有y a h o o 公司网站的部分导航，还有a p p l e 公司网站的导航。 但是这种导航也存在经常隐藏了大量有价值的信息的弊病。可以使用不断变 化的解释来告诉网站的浏览者，他们即将点击的内容是什么，来解决标签化导航 存在的这个弊病。 总的来说标签化的导航，很好的解决的大量的链接和有限的导航空间的矛 盾。但是也并不是十全十美的，首先它们不可避免的要隐藏很多有价值的信息。 但是通过给重要的导航加入解释信息，可以避免这个问题。在看下面这个例子它 使用了f l a s h 动画作为解释导航链接的含义，是标签化的一种新的形式。 9 山东师范大学硕士学位论文 目2 - 7 新浪彩信下戴罔站( h t t p ：m s s i n a c o c n ) ( 四) 三维的导航 这种导航的优点有三： 1 非常的直观，更加具象，这样用户就可以非常自然的进行浏览了。 2 三维的物件比二维的图像有更多的变化，留给网页设计师更多的设计余 地。 3 。三维的导航可以和二维的导航进行很好的结合，从而达到一种非常好的 效果。 ( 五) 两站导航的发展趋势 纵观导航的发展我们可以看到导航从一个简单的网站内容的分类，到网站的 建构，然后到有各种各样的承载着复杂的信息但是给人感觉很简单的f l a s h 导航， 得出导航今后的发展趋势是： 1 承载丰富信息形式简单的导航 再充分理解人类的认知规律的基础上，使用一些技巧，网站设计者可以设计 更多承载丰富信息但是形式有趣简单的导航。 2 状态将越来越丰富的导航 标签用以表现导航上的项目的从属关系显得非鬻有技巧性，这样的扩展无疑 会继续，我就看到过一个通过在一个枝条上面发芽不断的发芽的形式来表示网站 的内容的从属关系的导航，显然那也是充满智慧的一种表示方法。 3 三维的导航 三维导航比二维导航在维度上多出一个维度，就多出很多变数了。这对于那 些要表现丰富内容的设计师来说将是一个福音。 4 实物导航 因为人们最熟悉的永远不会是设计师们抽象出来概念而是他们的日常的生 活，生活中的实物永远是最直觉化的东西。这在许多的成功的前卫游戏里面的体 现可以给这一判断提供佐证。 5 定制化的导航 i o 山东师范大学硕士学位论文 当一个网站的内容多到超出了一个正常的浏览者所能接受的极限的时候，那 么内容的定制就成为了必须，现在看来任何一个好的网站的内容膨胀速度决定 了，定制是不可以避免的。这将大大提高用户对网站的接受程度。 6 随需应变的导航 网页上的空间越来越金贵，所以把导航一直放在一个地方，实在不是一种很 好的办法，因为用户最关心的永远都是内容，如果可以让用户控制我们的导航的 现实在他需要的时候他可以控制导航出现，如果过他不需要的时候，就可以隐藏 起来。 从网站导航将来的发展趋势我们可以看出，设计者多是从用户的体验出发。 教育主题网站作为网站中的一个特殊类别，也不可忽视网站导航发展的大趋势， 在导航系统的建设上可以充分借鉴一下其他类别的网站导航系统的建设的经验。 二、教育主题网站的导航体系的构建 ( 一) 教育主题网站导航体系的功能 网站的导航系统所提供的信息服务功能主要有： 1 用户能够实现快速的站内定位，用户通过导航页中的站内超级链接可以 快速进入目标页，获取知识信息。 2 通过对教育主题网站能够实现的功能的描述，用户可以很清楚在这个网 站中自己可以得到哪些服务，自己可以完成哪些教育、学习活动。 3 通过教育主题网站通常所提供的站外资源链接部分，一方面可以弥补站 内资源的不足：另一方面可以充分利用世界各地的教育、学习和知识资源。 教育主题网站的导航系统和其它类型网站的导航系统不同，有其鲜明的特 点： 1 导航的网址内容具有专业性和学术性教育主题网站的导航系统所导向 的网址，主要是与该教育主题网站的教育资源、学习资源、知识资源有关系的网 站，或者是与该教育主题网站类似的其它类型网站，其内容必须具有专业性和学 术性。 2 导航的服务对象具有针对性。由于访问教育主题网站的对象具有针对性， 因而使用网站导航系统的对象必然具有针对性御。 ( 二) 网站用户在浏览网站的时候的浏览规律 山东师范大学硕士学位论文 根据人的认知规律，每个人浏览网站的时候都有着同样的规律。这个规律称 为v 型阅读规律。v 型阅读规律是个形象化的比喻。就是指在用户浏览网站的时候， 随着用户深入网站他们的视线会变得越来越窄。与此同时导航的作用就越来越不 重要。比如在网站的首页用户还没有一个特定的浏览的目标的时候，他们要通过 最新更新，导航，网站地图等等来了解网站的大体的内容，但是当网友找到了他 们所需要的内容后其它的一切越来越不重要。在用户在不断的接近自己的目标内 容的过程中他的关注的范围是越来越窄的，但是有些网站设计人员由于对于这个 规律认识的不够深刻往往会在整个个网站的每个层级都加入大量的导航，其实那 些导航除了会加重网页的复杂程度影响用户的正常浏览之外别无他用。正确的做 法应该是网站内越深的页面，当然最深的就是最终页他的导航应该是越简单的。 因为敦l f 览到最终页的人他们的兴趣点是非常的明确的。他们需要的是相关的内容 而不是其它的不相干的导航链接。 ( 三) 规划一个教育主题网站的导航体系的简单方法 c a r ds o r t i n g 的方法，这种方法是用来规划网站的信息架构的。具体的做法 是这样的。请一定的数量的志愿者，( 这部分人一定是从网站的典型用户中选取 的) 然后，把网站的各种各样的内容都写在卡片上，并且这些卡片都加以编号， 请志愿者们将这些内容进行分类，他们可以把内容分成大类然后大类中有小类， 当然在分类之前网站设计人员可以限定他们的分类层级，比如横向不超过七类， 纵向不超过四级这样分出类来之后，网站设计人员对志愿者的分类进行统计，比 如如果a 内容和b 内容总是分在一起那么他们就属于一类，而且通过观察这一过 程，网站设计人员还可以发现在目标浏览者那里他们比较熟悉的概念都是什么， 以及他们认为的含义是什么。经过这样分类的网站的架构就保证了用的所有的词 都是用户所熟悉的。另外所有的分类都是用户所期望的，用户在使用的时候自然 就会有效率。 ( 四) 评价一个教育主题网站导航系统优劣的几个问题 当我们设计好一个教育主题网站的导航系统后，我们首先应该在你的用户群 中作一下简单测试。来判断网站的导航体系的优劣。部分共包括六个问题：每 个类别和子类别是否都有明确的名称，每个类别是否是相对独立且排他的? 菜 单类别是否可以马上罗列出或是表达出下属子类别? 条目的划分是否符合逻 1 2 山东师范大学硕士学位论文 辑? 能够有效地进行功能转换? 网页中的其他超级链接是否清晰并且有帮 助? 关键词搜索( 站内搜索) 是否全面准确? 三、教育主题网站的导航系统设计 ( 一) 教育主题网站导航的功能设计 1 教育主题网站导航的功能模块 网站设计人员通常使用固定导航( p e r s i s t e n tn a v i g a t i o n ) 或全局导航 ( g l o b a ln a v i g a t i o n ) 这个术语来描述出现在网页每一页面上的导航元素的集 合。固定导航应包括下列最常用的功能模块：网站标识、栏目、公共服务、当前 位置、页面名称、返回首页和搜索。同样教育主题网站也应该包括这几个模块。 下面我们分模块分析教育主题网站的导航系统设计。 网站标识( s i t ei d ) 通常位于页面的左上角。网站标识代表了整个网站的 形象，在网站的逻辑结构上应位于最高层次( 如图2 - 8 ) 。网站标识的另一个作 用是实现返回首页( h o m e ) 的链接，无论现在处于网站那一页，只要点击网站标 识即可返回到首页。所以越来越多的网站特别重视网站标识的设计。 田2 - $ 年轻时代罔( h t t p ：y o u n g t i m c z j v c c c n ) 年轻时代网站的每一个页面中网站标识都位于左上角，处于显著位置，有着 强烈的形象识别功能。浏览者一进入网站很容易就注意到左上角的标识。网站的 标识如果改变了颜色，网站效果会截然不同。 栏目( s e c t i o n s ) 有时叫做基础导航( p r i m a r yn a v i g a t i o n ) ，它是通向网 山东师范大学硕士学位论文 站主要栏目的链接，是网站一级层次结构，也就是通常我们所说的导航条后面 将有一个章节具体来讲解导航条得不同表现形式。 图2 - 9 西北大学精品课程的网站中间导航条，就属于栏目导航，也叫基础导 航，是网站的一级层次结构。 图2 - 9 西北大学精品课程网站( h