3.3 信息结构设计

网站信息结构是指从方便用户的角度设计和组织网站的信息，有效的网站信息结构能够帮助实现业务目标和用户需要。网站信息结构的设计完全基于网站的目标、内容和功能。此外，还有一些如页面风格、方便浏览等方面的次要因素也影响着网站结构的设计。网站的信息结构设计内容包括：网站栏目设计；网站内容设计；网站目录结构设计；网站链接结构设计；网站导航设计。

3.3.1 网站栏目设计

确定了网站的定位后，就应该着手网站的具体业务内容的表现，表现在网站的网页上就是可以提供的栏目。如果说构建一个网站类似于写一篇文章，则栏目类似于网站的提纲。在网站定位后，先进行栏目设计，才能够使后继的开发对网站的内容层次有一个清晰的了解。栏目设计的基本任务是使内容紧扣主题，要确定哪些是必需的栏目，哪些是重点栏目。当网站内容比较多时，还要建立栏目的层次结构。

网站建设初学者最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理设计，从而导致网站结构不清晰、目录混乱、板块编排乱等问题的出现，结果不但浏览者看得糊里糊涂，制作者在运营过程中扩充和维护网站也相当困难，所以栏目设计在网站设计中具有十分重要的地位。比如，打开电视，它有若干频道，而每个电视频道都有如今日说法、午间新闻、健康讲堂等栏目。一个频道就相当于一个网站，每个网站也都有自己的栏目，如企业新闻、产品信息、特价促销等。网站栏目设计一定要确定栏目数量及每个栏目的主题。

1.栏目设计的原则和方法

网站的栏目是指网站内容的提纲，是网站内容的大纲索引，其功能是将网站的所有内容都分门别类，利用栏目将网站的主体明确显示出来。如果将网站比做一本书，那么书中的每章就是一个栏目。网站栏目实质上是一个网站内容的大纲索引，栏目设置应当做到分类清晰、易懂易读，既要突出重点，又要操作方便。网站的栏目设计，其实就是对网站内容的高度提炼。无论文字多么优美的书籍，如果缺乏清晰的纲要和结构，恐怕也会淹没在书本的海洋中无人问津。网站也是如此，不管网站的内容有多么精彩，缺乏精确的栏目提炼，也难以引起浏览者的关注。

根据建立网站的目的和网站的形式来设计网站的具体栏目和各类栏目的内容，以达到吸引访问者，为客户提供满意服务并取得最大效益的目标。

（1）网站栏目设计时要遵循的原则。

1）紧扣主题的原则。网站的栏目要以网站的主题为中心，所有栏目要围绕主题进行设置。将网站的主题按一定的方法分类并将它们作为网站的主栏目。主栏目数量在总栏目中要占绝对优势，这样的网站专业而且主题突出，容易给人留下深刻印象。网站的栏目切不可离题而设，例如，一个以Flash学习为主题的网站，可以设置Flash技巧、Flash作品赏析、Flash教程下载等栏目，但不能加入如足球之夜、游戏在线等。

2）精简的原则。网站的栏目，是一个网站某类内容的概括，一般用几个字表达即可，用词要精简达意。例如，齐齐哈尔信息工程学校的网站中有一个以招生管理、就业管理为主题的栏目，设置时可以考虑“招生就业”，而不应使用“招生管理与就业安置专栏”这样的栏目标题。

3）提纲挈领的原则。网站的栏目规划首先要做到“提纲挈领、点题明义”，提炼出网站中每一个部分的内容，清晰地告诉浏览者网站在说什么，有哪些信息和功能。

4）凸显特色。栏目名称平易朴实人们就可以接受，如果能体现一定的内涵，给浏览着更多的视觉冲击和空间想象力，则为上品。例如，游戏前卫，游戏淘吧，e书时空等。在体现出网站主题的同时，能凸显特色。

（2）网站栏目设计常用的方法。

1）分类法。所谓分类法，就是将欲在网站展示的所有资料进行分门别类，每个类别能成一个栏目。这种方法是在给定文字、图片等素材的情况下进行的一种快捷栏目设置方法。使用这种方法进行网站栏目设置时，一定要注意资料必须先进行整理，剔除无关、无用资料，以使分类符合实际。

2）参照法。所谓参照法，就是参照同类网站所设置的栏目，结合实际需要进行栏目设置的方法。这种方法可以综合其他网站的长处，广文博取，集众网站之长，形成独特风格。使用这种方法时，注意参照网站的选取，一般应该选择具有代表性的权威网站、同类网站做参照，同时要注意“去粗取精”。

2.栏目结构层次设计

对于不同的网站，其必需的栏目是不一样的，这通常与网站的性质有关，如对于一个制造企业网站来说，公司简介、产品展示、服务内容、技术支持和联系方式等是一般必须有的栏目。网站的重点栏目往往与网站的目的与功能有关。还是以制造企业为例，其网站往往是为了营销自己的产品，因此产品介绍与展示便是这类网站的重点栏目。

根据建立网站的目的和网站的形式来规划网站的具体栏目和各类目的内容，以达到吸引访问者，为客户提供满意服务并取得最大效益的目标。

网站主要内容的栏目分类要做到细致明确，首页设置超级链接和搜索引擎，重要内容、热门商品可做出重点提示。还可以设置论坛、留言板等双向交流的栏目，吸引用户参与到网站的建设中来。对用户提出的各种问题和建议要积极反馈，对用户可能会有疑惑的地方要提供帮助。

网站的一级栏目是有限的，而当网站的内容较多时，常常在一级栏目下再建二级栏目，甚至三级栏目，从而形成栏目的层次结构。

3.栏目设计技巧

设计栏目应注意以下方面：

• 栏目列出的都应是网站最有价值的内容。

• 与网站定位无关的栏目应删除。

• 栏目的设计应方便访问者的浏览与查询。

• 所有同类网站都有的栏目，一定要有。

• 70%以上同类网站都有的栏目，建议也加上。

• 如果有些栏目只有50%网站具有，对于这类栏目要在询问客户的意见后，再决定是否采用。

• 有些栏目只有50%以下网站拥有，这时要加以区分，如果是特色栏目，要根据网站实际情况斟酌后决定。

4.栏目的表现形式

网站栏目的表现形式有两种：一种是纯文字表现法；另一种是图形化的表现法。图形化的表现方法比较直观，视觉效果比较好，目前广泛使用的是图形化的表示方法。

5.电子商务网站的常用栏目

（1）网上商城常用栏目。网上商城是最典型的电子商务网站，一般都包含我要买、我要卖、热门促销、商品展示、分类导航、购物车、帮助、行业市场、商业社区、行业资讯、公告栏等。所有栏目中以分类导航、商业展示占用幅面最大。

（2）工业企业常用栏目。工业企业电子商务网站主要以宣传企业文化、展示企业产品、实施企业服务为主要目的。一般有首页、关于我们、企业简介、企业文化、经营理念、发展历程、资质荣誉、企业动态、新闻中心、业内动态、产品展示、产品系列、下载中心、技术支持、售后技术支持、客户留言、招聘信息、联系我们、会员登录、会员注册等栏目。

（3）其他常用栏目。学校类网站栏目一般包括学校介绍、校园聚焦、校园风光、教育教学、教工园地、资源平台、学生园地、互动交流等内容。

医院网站栏目一般有医院概况、新闻动态、环境设备、名医荟萃、专科介绍、就医指南、专家门诊、网上挂号、医疗保健、在线咨询等。

3.3.2 网站内容设计

企业建立网站就是为了表现和获取一定的信息内容，网站就是根据这些内容来开展电子商务的，而用户访问网站的主要目的就是想发现，并进一步获取自己感兴趣的信息，要提高电子商务网站的访问率，增加企业的效益，就必须先在信息内容上多下工夫，信息内容要新、精、专，要有特色，否则建立的就可能是一个失败的企业电子商务网站，不能对企业的效益有什么提高的作用。

栏目确定了，接下来就要确定每个栏目的内容，即每个栏目放置内容的标准是什么，什么样的内容应该放在这个栏目中，什么样的内容不应该放在这个栏目中。网站内容设计就是明确网站都包含什么内容，如何组织网站内容。网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。

1.电子商务网站内容设计的原则

（1）相关性。电子商务网站内容设计的相关性原则是指网站内容要紧紧围绕网站的主题，以主题为主线展开内容设计，所有内容均应与主题具有相关性，无关内容一概不予使用。

（2）真实性。电子商务网站的真实性一方面是指要真实地传递本网站所掌握的客观情况，另一方面是指要表达商务活动中的真实数据。总体来说，就是要遵循交易上的诚信原则。电子商务网站的内容一定要具有真实性，在网站管理阶段对内容要严格把关，道听途说的内容不能采用，不确定的内容也不能采用。

（3）动态性。电子商务网站以其最新产品、最新报价吸引消费者常去浏览。因此，电子商务网站在设计时必须保证随时进行修改和更新，并且注明修改和更新日期。为经常访问的用户提供最大便利，吸引更多“回头客”。

（4）准确性。电子商务网站的内容，尤其是报价、库存等，应具有准确性，否则在交易实施过程中将产生不必要的麻烦，带来难以处理的纷争。

（5）图像替代。图像能够比普通文本提供更丰富和更直接的信息，产生更大的吸引力。但文本字符可提供较快的浏览速度，因此，要在两者之间认真权衡，适中地使用图像代理。

2.电子商务网站页面的内容

电子商务网站是网站的一个分支，具备普通网站应该具备的常规内容。按照人们的认知规律，将网站页面分为首部、体部、尾部三大部分，下面具体分析网站应该具备的内容。

（1）首部内容。

1）网站标志（Logo）。Logo是网站的图形标志，是与其他网站链接及让其他网站链接的标志。Internet之所以叫做“互联网”，在于各个网站之间可以自由连接。要让浏览者进入本企业的网站，必须提供一个让其进入的门户。而Logo以图形化的形式，特别是动态的Logo，比文字图形的链接更能吸引人的注意。在如今争夺眼球的时代，Logo的设计尤其重要。

网站Logo的设计要从功用性、识别性、艺术性三大方面进行考虑。标志的本质在于它的功用性，标志不仅仅是为了供人欣赏，更重要的是要实用。Logo的识别性是指Logo要色彩强烈醒目、图形简练清晰，整体创意要独特，易于识别，能够显示企业特征。

2）标题（Title）。网站的标题就是指网站的题目，一般是显示在网页上方的信息。

3）广告条（Banner）。很多电子商务网站在头部放置了宣传标语，这是吸引人的有力手段。在网络营销术语中，Banner是一种网络广告形式，一般放置在网页上的醒目位置。在用户浏览网页信息的同时，Banner吸引用户对广告信息的关注，从而获得网络营销的效果。Banner广告有多种规格和表现形式，其中最常用的是468像素像60像素，半幅标志广告234像素像60像素，垂直Banner为120像素像240像素，宽型Banner尺寸为278像素像90像素，小型广告条则为88像素像31像素。

4）分类导航（Menu）与检索（Search）。电子商务网站由于涉及大量的商品交易，而头部又是网上的黄金宝地，所以，很多商家不失时机地在此处放置了分类信息，还有的网站在此处放置了产品检索。网站的站内搜索功能对于用户获取网站信息具有非常重要的作用，尤其对于像B2C零售网站这样含有大量信息的网站、含有大量产品类别的大型电子商务网站等。站内搜索功能是否健全，在一定程度上影响着网站的发展。知名市场研究公司Forrester Research对179个欧洲网站的调查发现，高达79%的欧洲在线消费者都是使用搜索引擎寻找需要的信息，并且他们把这种搜索习惯带到了站内搜索中。

（2）体部内容。

1）用户注册与登录（Login）。一般电子商务网站均具有用户注册与登录模块，实现会员功能，将会员与一般用户区别对待。

2）各类栏目。网站的主要功能分布在各类栏目上，依靠各类栏目实现网站的全部功能。电子商务网站的栏目一般有交易栏目，如我要销售、我要采购、商品热卖；新闻类栏目，如行业资讯、公告通知等；产品栏目信息，如社区论坛、广告位等。

3）相关站点链接（Links）。友情链接是各类网站不可或缺的内容，也是电子商务网站的一项重要内容。对于与商品相关的网站，有关知识类网站，都可设为友情链接。

（3）尾部内容。

1）版本声明（Copyright）。网站的尾部一般都要有版权声明及工业和信息化部的备案号，用于声明网站的版权及网站的合法批复文号。

2）管理入口。很多电子商务网站在首页的尾部放置了管理入口，用于后台管理人员登录管理程序，对网站内容进行动态维护。

3）联系方式。为了便于联系，网页的尾部都留有各类联系方式，一般有电话、在线QQ、电子邮箱等。

3.电子商务网站内容设计

网站内容设计主要包括以下两个方面：围绕定位的主题广泛收集和组织各种相关资料内容；结合网站定位及收集的资料，设计网站将要提供服务的具体内容。

（1）网站的静态内容和动态内容。网站的内容包括很多，有访问者能看到的，也有访问者看不到的；有静态的内容，也有动态的内容。一般来说，都把网站的内容按静态和动态划分。

1）网站的静态内容。网站的静态内容是指网站内容中相对不变的部分。网站静态内容的主要作用是维持整个网站的风格，提供给网站的经常访问者一个熟悉的环境。而网站的风格也是一个网站的形象。

当然，网站的静态内容只是相对静态，但也不是绝对一成不变的。有的著名网站隔一段时间也改变网页的内容，但这样的改变一般不会改变原有的风格，而是保持原有风格的情况下，对页面内容的布局做一些调整。

一般网站都采用了动态生成页面的技术。而实际上，在动态页面中，有相当一部分是静态内容，它们的作用就是用来保持页面风格的一致性。

另外，一个网站总有些内容基本上是固定的，如公司简介、联系方式、帮助信息和版权信息等。这些页面都是采用静态页面来实现的。

2）网站的动态内容。网站的动态内容是指网站内容中相对经常改变的部分。网站的动态内容是网站内容的主体，正因为网站的内容经常改变，所以才能吸引访问者经常来访问。

动态内容通常存储在数据库中，通过程序读取数据库的内容自动生成网页，这些程序运行在服务器端，一般是用ASP、PHP和JSP等语言编写的。

动态内容放在后台数据库里的好处在于把动态内容作为数据库里的数据，就可以很方便地进行管理，可以方便地实现插入、查找、修改和删除等操作。动态内容采用数据库进行管理，更重要的是可以把网站维护的工作量降下来。

（2）企业网站的内容设计。每个企业都有自己特定的产品/服务，研究表明，企业网站内容应该以产品/服务为核心，满足用户在信息方面的需求。

尽管每个企业网站规模不同，表现形式各有特色，但从经营的实质上来说，不外乎信息发布型和产品采购/销售型这两种基本形式，一个综合性的网站可能同时包含了这两种基本形式，下面归纳出一个信息发布型企业网站应该包括的主要信息，供一些企业在设计自己网站时参考：公司概况；产品目录；荣誉证书和专家/用户推荐意见；公司动态和媒体报道；产品搜索；产品价格表；销售网络；售后服务；联系信息。

3.3.3 网站目录结构设计

一个网站由大量的图片、网页、数据库等文件组成，小的网站有几十个文件，而大的网站则有数百上千个文件。无论在自己的计算机上建设网站，还是制作完成后传到服务器上发布大量文件的网站，都要建立目录、分类有序存放。网站目录是指建立网站时创建的目录，目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护、未来的扩充和移植有着重要的影响。否则不但网站查找费时费力，而且网站读取速度会越来越慢。

网站物理结构的设计是一个容易忽略的问题，很多网站目录都是未经规划，便随意建立起来的。物理结构是否合理，对网站的创建效率会产生较大影响，但更主要的是对未来网站的性能、网站的维护及扩展产生很大的影响。为了方便日后维护及扩充升级，网站的目录建设，必须在网站建设之初，按标准进行，不得随意建立目录，更不得随意存放文件。

网站的目录结构即物理结构，是网站文件在网站服务器上的目录存放结构。网站的物理结构决定了如何在服务器的硬盘上更好地存储网页、图片、Flash、CSS、Java Applet、JavaScript/VBScript文件和数据库等网站资源。

1.网站目录结构设计的原则

网站目录设计的总原则是以最少的层次提供最清晰简便的访问结构，网站目录结构的设计应遵循以下原则。

1）分类存放、分别建立目录的原则。文件应根据其功能、层次来存放，而不应将所有的文件都放在根目录下。网站的根目录下只能存放主页文件及用于流量统计的文本文件，其他文件一律不得放置在根目录下。网站上的图片、数据库等文件要根据其性质，分别建立相应目录，将各类文件分门别类有序存放。目录的命名一般应使人望文知义，例如，图片放在Images目录下，样式文件放在Style目录下。

2）根据栏目来设计目录结构。除了公共目录外，要根据网站栏目，为每个栏目建立相应的子目录，并存放其对应的网页文件。

3）目录的层次不宜太多。目录的层次建议不要超过3层，这样的目录不但结构清晰，而且维护管理方便。

4）数据库文件应单独放置，同时注意设置好访问权限。

5）不同目录的权限配置要合理，如对于静态网页只要可读即可，如果是执行文件，还需要执行的权限。将可执行文件与不可执行文件分开放置。

6）在每个主栏目子目录下都建立独立的Images目录。每一个网页中都有大量的图片文件，因此要在每一个栏目目录下，再建立一个独立的Images子目录，用于存放各栏目对应网页的图像文件。

7）不要使用中文目录。网站制作上不允许使用中文目录，虽然也有极个别网站使用中文目录，但这不仅是一种极不规范的做法，而且在检索、使用过程中还很容易出现错误。

8）不要使用过长的目录。网站要经常被检索，一般不建议使用过长的目录，网站目录的命名一般以与栏目对应的英文为主，对于过长的英文组合应该进行适当缩略。

2.网站目录结构设计的步骤及方法

网站目录建设的步骤及方法如下所述。

1）建立一个用于存放网站的总目录，如MyWeb。

2）进入此网站总目录，开始网站目录文件的建设工作。

3）在网站的根目录下建立一个Images子目录，用于存放首页图像文件。

4）在网站的根目录下建立一个Style子目录，用于存放样式文件。

5）在网站的根目录下为每一个栏目建立对应的子目录，每个子目录建立独立的Images子目录，用以存放该页面所有图片文件。

3.3.4 网站链接结构设计

网站的链接结构描述的是网站的逻辑结构，指的是网页页面之间互相连接的关系。如果把这种关系化成示意图，就好像一个拓扑结构图。它建立在目录结构基础之上，但可以跨越目录。如果把每个网页都是为一个节点，链接则是在两个节点之间的连线。一个节点可以和其他一个节点连接，也可以和其他多个节点连接。研究网站的逻辑结构的目的在于用最少的链接，使浏览最有效率。对于一个电子商务网站，由于内容丰富，容量巨大，就必须注意逻辑链接结构设计的合理性。否则，有些内容可能就少有机会与浏览者见面，或者浏览者进入网站如入云雾山中，找不到出路。同时网站的链接结构的好坏，也将直接影响网页的浏览速度。

好的网站逻辑结构应让用户通过最少的点击次数，找到需要查找的信息。电子商务网站由于信息量较大，更需要特别注意逻辑链接结构设计的合理性。

网站的逻辑链接结构要注意遵循以下原则：

• 要符合浏览者的思维习惯和浏览习惯。

• 要使网站中最重要的信息有最多的机会与浏览者见面。

网站的逻辑链接结构主要有三种基本形式。

1）线性结构：将多个网页按照一定的先后次序链接起来，访问者只能按设计的网页顺序依次访问，如图3-2所示。

在简单线性结构的基础上，如果某网页上增加选项，则演变成带选择的线性结构，如图3-3和图3-4所示。

2）层次链接结构：首页链接到一级栏目页，一级栏目页链接到二级栏目页，访问者只能一级一级地进入，一级一级地退出，如图3-5所示。层次链接结构使得用户访问时能很明确地知道自己所在的位置，但同时也使在栏目之间跳转变得比较麻烦，浏览效率较低，因为从一个栏目下的子页面到另一个栏目下的子页面，必须返回首页后才能再进入。内容较少的站点可以采用层次链接结构。

3）星状链接结构：在各个页面上都做上一些常用的链接，让用户能快速地在不同栏目、不同内容页面之间跳转，如图3-6所示。设置一个共同的链接枢纽，使所有的页面都可以通过枢纽保持链接，也就是说，链接枢纽是所有页面的入口。各种网站都有这种链接结构，因为其浏览方便，随时可以切换到自己想看的页面。这种链接结构有三个特点：

• 必须专门在网页上留出一块地方安置链接枢纽，占用宝贵的网页面积。

• 链接太多，容易使浏览者迷失方向，搞不清楚自己在什么位置，看了多少内容。

• 这种链接要求每次翻页都会将页面全屏刷新，在显示速度上慢了许多。

以上三种逻辑链接结构各有各的适用情况，应该根据实际需要选择适宜的链接结构。

线性结构可用来制作一些前后阅读顺序要求的内容，如“用户注册”的功能：先让用户进入服务协议的阅读页，用户要同意服务协议并单击“下一步”按钮，进入下一个选择用户名的页面，用户填写好用户名后再单击“下一步”，程序判断用户选择的用户名。是否可以注册，如果可以注册，则进入填写注册信息的页面，否则提示用户选择另一个用户名。层次链接结构和星状链接结构是两种基本结构，它们是当前网站设计最常用的模式。而一般认为，最好在网站设计中，将这两种结构混合起来使用，以便达到互补的目的。这样使浏览者既可以方便快速地看到自己需要的页面，又可以清晰地知道自己的位置，所以星状链接结构常用在首页、一级栏目上，使得用户能快速地在各级栏目之间跳转。层次链接结构往往用在二级、三级栏目及其内部的具体内容页面之间，如图3-7所示。这种方式兼有层次链接和星状链接结构的优势，在结构清晰的同时又能大大提高浏览速度。当然，这些链接方式应根据实际情况灵活运用，以求最佳效果。

3.3.5 网站导航设计

设计一个良好的信息导航系统对于一个成功的电子商务网站是非常必要的，它能够带领网站的浏览者穿梭于网站的各个页面，帮助访问者快速找到自己所需的商品或服务信息。导航是一组链接，它能够使访问者快速且容易地转向需要访问的页面。导航设计的目标是方便用户浏览，将整个网站的内容有机地链接在一起，同时导航结构应该十分清晰，用户习惯也是设计时考虑的重要因素。导航栏是指位于网页头部，在头部图片上边或下边的一排水平导航按钮，它起着链接网站各个页面的作用。

1.导航设计的原则

网站导航的主要功能在于引导用户方便地访问网站的内容，是评价网站专业度、可用度的重要指标。同时对搜索引擎也产生诸多提示作用。网站的导航对于网站起到提纲挈领的作用，使用户在浏览网页时很容易到达不同的页面，是网页元素非常重要的组成部分。设计好的网站导航对整个网络功能的发挥，对网民浏览过程的引导起到至关重要的作用。对网页设计者来说，导航栏在设计时，不仅要美观大方，而且要高效易用。

实际使用的过程中，浏览者一般以很随机的跳跃方式访问网站的各个页面内容。网站的导航系统必须精心设计，最大限度地方便用户访问，因此在导航设计时应遵循以下原则。

• 导航结构要清楚。不管网站系统多么复杂，导航设计必须坚持清晰明了的原则，给浏览者一种既直接又简单的感觉。

• 每页都有返回主页的链接。每个页面至少保证有一个指向主页的链接。保证浏览者不至于在网站中迷失方向。

• 每页都有导航系统。页面中的导航系统，能够帮助用户在网站中自由跳转，随意访问。

2.导航的分类

（1）全局导航。全局导航一般是指网站首页的导航条。该导航条具有以下特点：

• 位置固定。为了方便用户使用，减少浏览者查找的时间，全局导航位置一般都比较固定，通常位于网站的头部，而且每个网页的位置基本不变。

• 所有页面的全局导航相同。每个页面的导航都是相同的，内容相同、表现形式相同、位置相同，更直接地说就是一模一样。

• 随意跳转。全局导航可以帮助用户随时跳转到网站的任何一个栏目，由一个栏目可以轻松跳转到另一个栏目。

（2）路径导航。路径导航显示了用户浏览页面的所属栏目及路径，帮助用户访问该页面的上下级栏目，从而更完整地了解网站信息。用户通过主导航到目标网页的访问过程中的路径提示，了解目前所处网站中的位置而不至于迷失“方向”，并方便回到上级页面和起点。路径中的每个栏目一般都添加有链接，单击后可以直接跳转到相关页面。

（3）快捷导航。对于网站的老用户而言，需要快捷地到达所需栏目，快捷导航为这些用户提供直观的栏目链接，减少用户的单击次数和时间，提升浏览效率。

（4）相关导航。为了增加用户的停留时间，网站策划者需要充分考虑浏览者的需求，为页面设置相关导航，让浏览者可以方便地到达所关注的相关页面，从而增进对企业的了解，提升合作概率。

3.导航元素的放置区域

电子商务网站中基本的导航元素包括基于文本的导航和基于图形的导航。在网页中，人们常使用的是基于文本的导航栏和基于图形的导航栏。一个网页上可以在五个基本区域来放置导航元素，即顶部、底部、左侧、右侧和中心。一般在电子商务网站中，顶部和左侧是最合适的位置。

顶部是最吸引读者的位置。访问者通常都是到页面的顶部寻找所需要的导航链接。因此，页面的顶部无疑是放置导航元素的首选位置。在页面顶部放置导航元素的缺点是：如果页面内容比较多，页面长度超过一个屏幕的高度，当访问者浏览到页面的底部时，则必须返回到页面的顶部才能找到导航元素。解决的办法有3个：

• 在页面底部建立“回到首页”类的链接标签，以帮助访问者快速返回页面顶部。

• 在页面的底部提供与顶部导航相应的文本链接。

• 使用帧技术将导航固定在屏幕的顶部。

屏幕左侧也是放置网页导航元素的通用位置。左侧导航的缺点是减少了预留给内容的屏幕空间。常用的解决办法是使导航元素在不使用时能自动隐藏。

4.网站导航的设计策略

网站导航设计应该使访问者都清楚地知道下列问题：

• 我在哪里？

• 我能去哪里？

• 我怎样去那里？

• 我如何回到起点？

导航的一般设计策略有以下几种。

1）一个网站至少要有一个一级栏目的导航栏。如果网站比较大，内容比较多，再进一步设计一级栏目下的导航栏。

2）成功的导航设计应能够保证访问者迅速而高效地从一个页面跳转到另一个页面。达到这一目标的最佳方法是在每一个页面上都创建能直接到达所有页面的导航链接。在拥有几百甚至上千个页面的大型网站中，要在每一个页面上添加几百或上千个链接是不现实的。这时应给网站创建“网站导航图”页面，并在所有的页面上放置指向它们的链接，使“网站导航图”成为页面跳转的中转站。

3）导航设计符合一般人的习惯。一般来说，人们在网页上寻找导航的次序习惯是顶部—左侧—底部。

4）导航设计应能够使访问者在任何时候都知道自己所处的位置。这样既方便访问者选择到达目的页面的最快捷方式，又能让访问者在寻找以前看过的内容时能很快找到那部分内容所在位置。通常在Web页上使用一种叫做路径导航的标签来显示站点中访问者所在的位置。路径导航的一般形式是“新浪首页＞＞科技时代＞＞互联网—国际＞＞正文（当前网页位置）”。

5.网站导航方式

（1）并列式导航。所有的导航标志都处于同一个层次，分别用来指向各自的栏目，此种方式通常应用在站点的首页，如图3-8所示。

（2）层次式导航。采用专门的导航条精确地描述各个导航内容的层次关系及其位置，如图3-9所示。

（3）热点导航方式。通常，每个站点都有相当丰富的信息，不同的人会对不同的信息感兴趣，但在某一时期内大多数人感兴趣的问题很可能会集中在当前的若干个热点上，而站点提供的这些热点信息却可能处于不同栏目的不同层次中，且这些信息之间并不存在必然的联系。此时，就可采用热点导航方式，即将这些热点信息的链接并列地放置在站点的主页上，形成一个热点导航条，以方便访问者快速查看到此类共同关心问题的具体信息，如图3-10所示。

6.电子商务网站导航栏的设计

（1）电子商务网站导航栏的表现形式。电子商务网站导航栏一般位于网站的上方，其位置处于网站的“黄金地段”，是争抢浏览者眼球的重要组成位置。其表现形式有以下三种。

1）纯文字表现法。纯文字表现法是指导航内容用文字的方式表现出来，其优点是显示速度快，几乎是打开网址的一刹那，导航页同步呈现在浏览者面前。其缺点是视觉效果不好，为了弥补这一点，一般将导航栏背景设置为漂亮的颜色，同时文字颜色与背景颜色巧妙搭配，将整个导航栏完美表现出来。

2）图片表现法。这是目前最广泛使用的方法，就是将导航文字用Photoshop等工具制成图片，图片可以采用任何艺术化的手法，实现最佳的效果。其优点是视觉效果好，其缺点是速度慢，但随着互联网技术的发展，目前速度已经不再是问题。因此，提倡采用图片表现法。

3）菜单式表现法。菜单式表现法是指导航内容用菜单的方式表现出来，其优点是符合人们使用计算机的习惯，层次清晰、信息量大、新颖别致。具体选择时要根据网站实际情况来进行。

（2）电子商务网站导航栏的常见内容。电子商务网站导航栏的内容五花八门，不同的网站有不同的导航。但不管是什么样的网站其内容却是不变的，具体有以下几个。

1）首页。每个网站的导航上，都固定有一个“首页”，其链接网址为本站的首页地址，这也是所有电子商务类网站必不可少的内容。

2）简介类。每个网站都有一个自我介绍的栏目，虽然叫法不一，但其内容却是唯一的，都以介绍本企业为主，类似的叫法有“单位概况”、“企业简介”、“走进企业”等。

3）展示类。每个电子网站都有一个展示类的栏目，向浏览者展示其产品或服务，全面宣传自己的产品。从产品的说明到产品的图片，从产品的特点到产品的优势，总之竭尽其全力显耀其光华。这类栏目常见的称呼有“产品介绍”等。

4）社区类。这类是为网站与浏览者交互提供的平台，如论坛、留言板等。

（3）电子商务网站导航栏的设计步骤。

1）确定导航内容。通过前期调研，结合用户需求，确定导航按钮数量、导航内容，并以简明的文字概括出来。具体确定导航内容时，要在调研的基础上满足用户要求，广泛查阅相关网站，借鉴同行网站长处，形成自己的特色。

2）确定导航表现形式。网站的导航有许多表现形式，其中最常见的有图形式、文字式、菜单式。这3种方式中文字式最简洁，而且实现起来也最容易。图形式则需要将文字在图形处理软件中进行艺术化处理；菜单式则具有包含信息量大、新颖别致的特点。具体选择时要根据网站实际情况来进行。规模大、信息量大的网站应该采用菜单式，显示速度要求高、流量大的网站宜选用文字式；而一般的网站则选择图形式比较好。

3）确定导航实现方法。菜单式通常用软件编程法来实现，即通过编写程序，实现导航的方法，通常复杂的导航、特殊效果的导航多采用此法。图形式一般用Photoshop将文字进行简单效果处理，并配以背景音乐、卡通图标；而文字则直接在网页排版时录入即可。