提供行业解决方案

别再纠结了!尽管把你的烦恼交给我们吧,我们会将问题转化为一整套解决方案提供给你!方案的前期咨询根本不需你花一分钱。还不马上咨询?

提供软件客制服务

或许一套通用软件就能让你从烦恼中解脱出来,那就先到我们的软件产品仓库中选一款吧!我们还可以为你提供现有软件的扩展定制,即客户化定制。

提供软件实施服务

购买软件与汉堡包不同,软件产品和软件实施相结合才能发挥作用!没有良好的软件实施,必败!而采用我们的方案或产品,免费获得软件实施支持。

提供网站建设服务

坚持用心建站! 您只需告知所需要到达的终点,我们将带你一起穿越网站策划、平面设计、页面制作、程序开发和后期维护,享受全程的贴心服务。

提供网站维护服务

何必专门招人负责网站维护呢?你可能反驳招人能兼干其他工作,但是这样就不够专注。而我们提供的网站后期维护更专业,更专注,更划算。

6. 信息架构——规划一个Web站点

序言

一般说来,规划一个Web站点(或任何项目)都是一件有点麻烦的工作。对于一个Web站点应该怎样构建,每个人都有自己的意见,而且这些意见之间常存在冲突。在构建任何Web站点时,你的首要目标都应该是构建一个对将要使用站点的用户有用的Web站点。也就是说,如果你要构建的是针对某一特定人群的Web站点,只有这个人群的意见才是重要的。而其他如你的老板的意见,拥有软件工程博士学位的人的意见,甚至你的个人偏好,都不是真的重要。

在本篇文章中,我将讲述规划一个Web站点的前期阶段,以及一门一般被称为“信息架构”(其简写为IA)的学科。主要内容包括你的目标受众是哪些人,他们需要从一个Web站点获取什么样的信息和服务,以及你应该怎样构建一个站点,以向他们提供这些信息和服务。我将讲述需要放置在Web站点上的信息,如何拆分信息,以及这些被拆分的信息如何相互联系。

内容分节如下:

你需要规划你要构建的Web站点

你们可能遇到这样的Web项目,不进行任何前期构想和规划,就直接开始让你投入工作,不过这只是例外,而不是常态。以下我们将以一个被称为“The Dung Beatles”的虚构乐队为例,看看我们怎么帮助这个乐队规划其Web站点。我们将先大致了解一下这个乐队,找出他们建站希望达到的目标,以及他们希望在其Web站点上展示那些信息。然后我们就开始为该乐团的信息构造一个结构框架。

“The Dung Beatles”乐队简介

The Dung Beatles乐队(简称TDB乐队)遇到了一个问题。他们是萨斯喀彻温省摩斯乔市最当红的模仿Beatles(披头士乐队)的乐队,但他们还需要在今年夏天即将举行的北美巡演中提高乐队的知名度。他们计划在加拿大和美国各地巡演,但他们在本城之外就几乎无人知晓了。如果有某种方式,让他们花费较少的金钱就可以为众多的Beatles迷知晓,那就好了。

TDB乐队很幸运,有一种叫做万维网的技术可以帮助他们实现这个目标,因此他们迅速决定建立一个自己的网站。TDB乐队需要通过自己的网站推广他们的北美巡演,建立起一个粉丝群,并提高乐队的知名度。你们将针对他们的想法,看是否能为他们的网站制订一份规划。

你安排了一次与这个新客户的面谈,以具体了解他们的需求并确定建站的时间要求和费用。在面谈开始时,你首先提议讨论网站的目标和目的,以了解这个乐队希望通过这个网站实现什么样的目标。

TDB 乐队开始谈论他们将进行的北美巡演,以及他们希望向每一个巡演地点的所有Beatles迷传达什么样的信息。现在已经是2月了,他们计划在5个月内就启动他们的巡演。

在此打住一下! 一个网站本身是不会自动产生访问流量和宣传自己的。通过和乐队的交谈,你已知道该网站的主要目标是为TDB乐队的粉丝提供一个网上家园,通过该网站他们就能够了解乐队最新的新闻、巡演的日期和地点。通过这些粉丝的传播,以及其他一些广告宣传手段,新用户将访问这个网站,在网站上下载乐队的单曲、观看乐队的照片(化妆照),以及确认他们将在什么时间、什么地点观看到乐队的现场演出。

乐队的负责人Raul McCoffee指出,如果能通过销售一些乐队的CD和其他商品为巡演筹集一些额外的资金的话,那就太好不过了。你已经大致了解了乐队和其建站目标,快速勾画出访问网站的人可能的需求。这还只是初步的创意阶段,基本上还没有涉及到规划网站的结构。

可以把将要访问乐队网站的人分为两大类:TDB乐队已有的粉丝;还不太确定是否会成为乐队粉丝的人。你决定以不同的方式满足这两大类人群的需求:对潜在粉丝,是向他们“推销”乐队;对已有的粉丝,是强化他们对乐队的“沉迷”。这两大类人群各自需要在网站上寻找哪些信息?图1就勾画出网站访问者需要哪些信息的轮廓,基于这个轮廓,你就可以规划网站需要哪些页面,以及这些页面如何相互链接起来。

a rough sketch of what your web site should contain

图1:网站访问者需要哪些信息

你确定好建站预算,并同意在一个月内推出网站。你答应在一两天后回访乐队,向他们提交建站工作的计划。

画出网站地图

在这个阶段,很多人会提出一个网站地图,它看起来与组织结构图相似。网站地图通常显示网站每个页面的名称,以及它们在网站总体结构中是如何相互链接起来的。就我个人来说,我会在网站地图中提供稍微详细一些的信息,包括每个页面的目的和内容。例如,一个页面可能被标注为“主页”,但“主页”到底是什么呢?是仅打出“欢迎访问我们的网站”字样的页面呢,还是一个内容更为丰富,包含新闻条目和吸引人的图片的页面呢?请花费几分钟时间,思考以上那个信息轮廓图将具体转化为哪些页面,每个页面要包含哪些内容。请动手画出网站地图。

现在我们来看一个网站组织结构图的示例。图2是一个我根据和乐队的讨论结果,画出的一个乐队网站的组织结构图:

the first iteration of the site structure

图2:初步的网站结构图。图2的图片说明

这个图已确定无疑地包含了所需要的所有页面,但尚未将页面分类。它只是列出了一大堆页面,其名称尚未经仔细推敲。下一步的工作就是将页面分成几个大类,分类的结果如图3所示:

the site structure grouped more logically

图3:修订后的网站结构图。图3的图片说明

在修订后的网站结构图中,我做了一些改进工作。“乐队新闻”页面让TDB乐队可发布想和其粉丝分享的任何信息。即使在他们的夏季巡演结束后,“巡演日期和地点”页面已不再相关,他们还是可以在“乐队新闻”页面发布信息。这里采用了blog(博客)形式,使乐队的粉丝可以在此发表各种评论,有助于建立起一个以TDB乐队为主题的网络社区。新闻和巡演事件可能是最热门的讨论话题,因此就把这两个主题划分在同一个组。此外,“News(新闻)”是一个更简洁、更具有概括性的词,有助于浏览页面寻找信息的人,更快地找到页面。

新的“关于The Dung Beatles乐队”页面,包括进了每位乐队成员的传记以及他们的图片。访问这个页面,就可以点击访问每位乐队成员的传记。正如我们以上说的那样,页面标题最好使用更简洁、更具有概括性的词,而“About(关于)”这个词就是很多网站都经常使用的一个页面标题词。网站访问者不论是想了解一家公司,一种产品或服务,还是某一个人,通常都会在“About(关于)”页面中寻找相关信息。

最后,“Discography(唱片分类目录)”是一个专业术语,了解这个词确切含义的人,可能要少于了解“音乐”这个词含义的人。此外,“Discography(唱片分类目录)”这个页面可以包含一些额外的内容,如某一首歌曲的灵感来源、历史等。在讲述了一些关于如何简单明确地为页面命名后,我们将学习如何为每个页面添加一些更详细的信息。

为网页命名

在设计网站的过程中,为网页命名是最重要的步骤之一。这不仅是因为通过网页名称,访问者可以顺畅地访问网站,而且是因为网页的名称是决定使用搜索引擎找到网站的难易度的重要因素(在本课程中,我们会多次提到搜索引擎优化)。

一般而言,在确定一个网页的重要程度时,搜索引擎查看包括在一个网页中的文本、该网页的URL地址,以及指向那个网页的链接。为你的网页赋予简单明确的名称和URL地址,有助于搜索引擎准确地描述网页。

我举一个例子。假设你们是一家汽车公司,有一款叫做“The Speedster ”(速行者)的车。你已建立了一个汽车推广网站,其中有一个网页用于列出该车型的现有车型特点。你如何命名这个网页呢,是“车型特点”、 “现有车型特点、“Speedster车的特点”,或是“车型特色”呢?我认为 “Speedster车的特点”是最恰当的名称。它指明了该网页包含的内容,这样可以将改标题放在页面上方最显眼的位置(便于搜索引擎将之编入索引),甚至可以使网页内容和URL地址更匹配(如使用这样一个URL地址:“www.autocompany.com/speedster/speedster-features/”)。

添加一些细节

在这个阶段,你没有必要确定每一个细节,但你至少需要给出每一个页面的简要描述。在你确定了网站的结构后,给出所需网页的数量,以及每个网页的简要描述。图4就是我对乐队网站主页的简要描述 (在课后的练习题中,有一道题就是参照图4,给出其他页面的简要描述)。

page details for the home page

图4:主页的页面详细描述。图片4的说明

你只需要简要地描述页面的主旨即可,不必详细描述页面的功能,你制作网页所使用的技术,以及页面布局和设计。你这样做的目的是向客户传达你的网页构想,使你能全面思考每一个要点。

在这个阶段,你有可能发现你规划了太多的网页,不能为每个网页找到相应的内容。在创建网页之间的层级时,你有可能被搞得心烦意乱。例如,如果乐队成员只是想发布一段关于他们自己的介绍,就不需要为每位乐队成员都创建单独的“传记”网页,而可以把每个成员非常简短的个人介绍集中到一个网页上。

总结

在本篇文章中,我们讲述了如何规划一个Web站点的总体结构。在下一篇文章中,你们将学习从网页层次看,要构建出一个好的Web站点,需要包含哪些要素,以及这些要素的具体配置。8、9、10三篇文章,将讲述网页的视觉设计。因此,在构建Web站点时,请遵照以下三个步骤(在每一个阶段都与客户沟通,确认他们对每个阶段的工作都满意):

  1. 首先,确定Web站点的内容,并确定如何将这些内容组织进网页中。
  2. 其次,确定Web站点各个需要实际使用的功能。
  3. 最后,在开始编写Web站点的代码前,先要进行视觉设计,如确定页面布局、配色方案等。

练习题

  • 参照图1,编制一个汽车网站(选择任何一种汽车,现实的或想象的)的信息轮廓图。
  • 网站访问者想要了解哪些信息?
  • 在现有的汽车网站中,你认为哪些信息栏目是不可或缺的,哪些又是显得多余的?
  • 整理信息轮廓图,思考什么样的页面分组才合适。
  • 在规划一个网站时,研究同类网站有时也是很有用的。搜索一个模仿型乐队的网站,查看网站提供的信息和栏目。我们的网站遗漏了什么吗?
  • 参照图4,为我已提到的乐队网站的其他页面编制同样的页面详细描述图。

联系我们

  • 网址:www.yercent.com
  • 电话:+86-531-66683968
  • 传真:+86-531-61365117
  • QQ:1251420996或564590102
  • Email: 该Email地址已收到反垃圾邮件插件保护。要显示它您需要在浏览器中启用JavaScript。
当前位置:首页 建站知识 6. 信息架构——规划一个Web站点