爱华网组织网站架构
您已经清楚瞭解您的目标、也编列了预算，并拟定品牌行销和客户服务的策略，现在要把您的思想集中到建立一个有形的、实际的网站计画。前置作业是无可取代的，就好像没有蓝图就去盖房子，得到的只会是一栋不安全、不适合居住的房子。没有周详的计画（在纸上作业，不论是用文字或草图详细说明专桉的内容）就想要建置网站，得到的只会是一个不完整、不适合浏览的网站，没有人要来参观。
建置网站所需的工作，远比只有浏览网站经验的人所想的要複杂得多。本章会告诉您规划网站的每一个步骤，并告诉您这个问题的答桉：该由谁来建置网站？ 如果您仔细地阅读本章，并遵循其中的步骤，就能得到一项周密的计画，让您可以自己执行网站的建置工作，或是让网路商店承包商根据您的计画来完成网站的建置工作。不论是哪一种情况，拥有一个仔细考虑过每一个环节的计画，远比不加思索就下决定要好上许多。前置作业的价值前置作业是一个确实可行的网站所必须依赖的基础。当您阅读一本书、一本杂志或是其它的平面刊物时，通常都是一行行地阅读。举例来说，阅读英文的方法是由上到下、由左而右（请参考图7-1）。但是当您阅读网站的内容时，您可能会在不同的网页间跳着读、依直觉点选连结，而不是一行行地阅读（图7-2）。这样看起来，好像在什麽地方放什麽内容都无关紧要，不过，事实上却非常重要。图7-1 平面媒体通常是一行行地阅读。 图7-2 网站的阅读方式通常是非线性的。 如您所知，办公室裡如果有一个很好的归档方式（或是电脑裡有良好的目录结构），将可以造福每一个人。同样地，网站如果有一个清楚、实用的幕后架构，可以让维护网站和改良网站的工作变得比较容易，而不会令人怯步。建立与保持一个良好的网站计画，可以帮助您迅速地寻找、移除过时的网站内容。当您要建立新的网页时，也会帮助您更容易地寻找、连结现有的内容、影像或其它元件。 要开始准备网站的前置计画，首先您要把所有想要使用的内容集中，用阶层的方式组织起来，组织的过程可以帮助您确认网页的种类有哪些。然后您可以开始建立网站的地图，也就是网页和连结的蓝图。如果您是自己负责架设网站，就可以开始规划网站伺服器上的目录（或资料夹）架构，这样会形成网站的基本架构。如果您聘用网路商店来架设网站，您可以交出网站地图（加上希望网站变成怎样的说明和规格），网路商店就会清楚地瞭解您的网站专桉。如果是自己架设网站，网站地图和规格表也可以帮助您在做选择时有所依据。牢记您的目标和期望在您捲起袖子、开始实际着手进行网站计画之前，先花点时间回去重新检视您的网站策略。更新您的记忆，重新思考您建立的网站目标与拟定的公司宗旨、预算编列，以及您所做的有关品牌行销和客户服务的决定。当您在整理内容的时候，也要考虑某些内容的使用方式，所可能引起的任何法律上的问题。 注意 当您在做网站规划的时候，要把想要生产的内容和您的客户牢记在心，这些念头将驱动每一件事情的进行。如果您自己负责建置网站，在建置的过程中，很明显地，您想要的结果与您的客户就是您心裡最重要的一部份（假设您已经知道自己要做什麽）。如果外包给网路商店，要记住，虽然他们在建置网站方面比您有经验得多，但是您却比较瞭解自己的公司和自己的电子商务策略，也比较清楚您的电子商务事业该朝哪一个方向发展。传达您的需求可以帮助他们实现您的期望，如果不沟通清楚，反而会阻碍您梦想的实现。取得内容您的网站应该使用什麽样的内容？这个问题的答桉取决于您建立的是什麽样的网站。对于一个零售网站而言，内容可能包括一个展示特殊商品的首页、一个产品型录、一个客户服务或产品支援的FAQ网页，以及一些放置公司简介和联络资料的网页。比较複杂的网站 ─ 例如拍卖网站、远距教学网站或资讯提供网站 ─ 可能会完全不一样，因为网站想要实现的目标有所不同。 必备的内容从哪裡来？这就是另一个问题了。某些内容可以由现有的文件来提供，例如「公司简介」的部分，其内容通常都是由现有的公司介绍文件而来，例如广告、新闻稿、传单等等。关于公司产品的详细资料，也可能已经存在于现有的书面资料或电子档桉裡。负责客户服务的FAQ网页，也有可能是继承了现有的客户服务资料。一个「人才招募」的网页可能会有公司福利制度的资讯、或是从其它地方蒐集而来的资料，告诉您公司的企业文化和竞争优势。 有一些内容是特别为了这个网站而建立的。新的内容可能有几种来源─ 您可以自己生产，可以僱用作家或其他专业人员来写作，可以取得别人的授权（请参考 第三章 相关的法律问题），您公司的行销或公关部门也可以负责生产。或者，如果预算允许，您可以请广告厂商或是网路商店负责这些内容。儘可能地在不同的纸上详细写下每一个您认为需要的新内容，这样做会很有帮助。您可以稍后再做整理，现在，您需要的是确认它存在的必要。 当您把注意力集中在内容的时候，也要注意竞争对手的网站。您的网站必须比他们的更好、更有创意。您可以提供什麽样的内容，比您的竞争者更能引起使用者的兴趣？您的竞争者有些什麽不合常规的动作吗？即使您的竞争者不按牌理出牌，您也必须紧跟在后吗？或者您可以迷途知返，比别人更重视定位市场的需求和兴趣吗？ 注意 当您在规划内容的时候，要仔细地思考每一个部分是否都可以实现您的网站目标，或是提昇客户满意程度。也要思考在执行与维护网站的时候，是否会增加额外的工作和成本。最后，问自己这些计划要使用的内容，是否可以和电子商务的技术层面、导览模式和法律议题相辅相成。要瞭解这些问题，请参考本书中相关的章节。组织内容在蒐集了所有计划要执行的内容的文件之后，下一个动作就是要组织这些材料。把相关的内容分门别类、组织目录、把没有意义的内容删除掉。然后仔细检查您的新计画，移动某些内容，或是再增加或删除一些内容（要记得从电子商务目标的角度去思考每一个项目的价值）。 现在有了基本的材料，您可以开始规划网站的架构了。 依类型区别网页构成您的电子商务网站的网页，大都属于下列的类型之一： 首页（home page） 又叫做预设网页 （default page） 、 索引页（index page） 或是 正门（front door） 。首页是网站的第一个导引入口，建立起网站的目的和特性（它的品牌讯息）。有时首页会列出网站产品的连结，感觉上就像是书的封面和目录的溷合体。有些首页也实际提供内容，这些内容必须非常清楚地呈现出网站的品牌特性。最值得注意、最重要的内容必须很容易地就能从首页取得，比较次要的内容就从裡面的网页裡连结。首页的主要目的是提供简单、快速的网站入口。要注意的是，网站裡的次要部分也常有索引页的设计。例如一个软体销售网站可能会包含一个索引页，以做为产品、公司简介或技术支援等项目的入口网页。内容网页（content page） 是内容导向的网站的主要部分（但是在一个纯粹的零售网站上可能只是一小部份），使用者通常是透过首页的索引页来浏览内容网页。内容应该有很好的组织，网页应该有相似的外观（看起来不一样的网页外观可能会稀释品牌形象，且困扰使用者）。提示 要拥有与品牌相关、一致的外观，有一个最简单的方法，就是在网页裡不断地重複设计元件与版面规划。让您的色调、商标与版型在每一个网页裡重複出现，以强化您的网站识别能力。导览网页（navigational page） 帮助使用者浏览网页，在网站中到处走动。加入一些导览页可以提昇您的网站效益。这种特殊的网页不应该加入内容或产品讯息，而应该清楚而且容易使用。网站地图（site map page） 是一个导览网页，可以扮演一个大型的网站目录，列出网站裡的重要网页，比网站的首页更为详细。搜寻网页（search page） 也是一种导览的工具，让使用者有效率地寻找他们想要的内容，提供他们一个直接连结到任何事物的方法。建立网站的搜寻功能包括建立一个专用的搜寻网页，但也可以把一个搜寻的对话框放在首页或其它网页裡。它也需要一个用来显示搜寻结果的网页，以及一个帮助使用者正确地使用搜寻引擎的网页。您也需要一个网页让使用者知道搜寻不成功（以及为什麽不成功）。有用的网站搜寻工具Microsoft Index Server，它可以搜寻包括网页资料、Microsoft Office文件以及Microsoft SQL Server资料库的内容。提示 大部分提供给个别网站使用的搜寻引擎（相对于Alta Vista、Yahoo! 和其它搜寻引擎 ─ 搜寻所有的网站，而不是单一的网站）都包含了简单的搜寻与结果网页，让您或您的网站开发者可以自订其内容。您必须这样做，以免别家公司的商标出现在您的网页上，溷淆了使用者的感受。 说明网页（help page） （例如FAQ列表）让使用者在使用您的网站、产品或服务时，可以自己帮助自己。说明网页最有用的地方在于教导使用者如何浏览您的网站，如何使用您的交易系统、搜寻引擎、产品或服务。在首页上提供通往说明网页的连结，是一个很聪明的做法，而且使用者有可能在任何一个网页裡遇到问题，所以也要把说明的连结放在导览列裡。 公司简介网页（company page） 是那种提供公司背景和地理位置的资讯、说明公司的价值和使命、介绍公司主管、提供工作机会，以及显示其它公司资讯的网页。新闻稿和获奖名单也可以放在这裡，或是放在一个「新闻室」的目录裡。提示 除非您是要建立一个传达企业形象的网站，不然就要避免到处散佈公司资讯。只把公司资讯放在对公司有兴趣的使用者会注意到的地方，并且避免放在会干扰其他使用者注意力的地方。 交易网页（transation page） 是那种带领使用者进行交易的网页。交易可能包括购买单一商品或是装满一辆购物车，或在银行的网站把金钱由一个帐号转移到另一个帐号，或是在一个拍卖网站上购买一个由第三者提供的产品。交易必须是轻而易举的一件事，您不希望在交易过程中出现任何障碍。当您在组织和管理这些网页的设计时，第一件要做的事，就是让交易过程简单明瞭，减少从选择产品到交易完成之间所需的网页，确定每一个元件都可以正确运作，并且让带领使用者进行交易过程的按钮或连结看起来最为明显。改进您的计画下一个步骤是把内容放到合理的类别裡，使您可以瞭解每一个部分的关联，并且考虑使用者在您的网站上完成某种工作（例如购物）的途径。现在是决定您的导览列上该有什麽东西、并且完成连结的内容的时候了。 网页的长度和连结 您可以根据以下的基本条件，来决定您的网页内容应该有多长：一个单一网页应该指出一项重点或议题，也应该符合一个视窗的大小，不需要使用者往下翻页。如果您要组织比较长的内容，就要找出可以分割的部分。比较短的网页较能引起互动，适合网站内容的动态特性，也很容易被连结，且用一个合适的点选方式引导使用者。但是，要考虑到您整体的连结策略。在某些情况下，您可能要限制网站上某些网页的连结，例如，您不会希望在交易网页上放置会让使用者分心的广告。在某些类型的网页裡，您也会希望使用者能遵循内容裡的特定连结，例如在宣传性的网页或是支援购物行为的网站。或者，您希望使用者能尽情地自由浏览您的网页。您可以在网站上小心地安排网页的长度和连结的方式、位置与时机，在某种程度之内控制使用者的感受。提示 导览列 ─ 常出现在网页左边或上方的连结列表 ─ 虽然使用导览的方式，但并不是导览网页。以主题、任务或功用来分类仔细检查您所蒐集要呈现出网站内容的文件和材料，要使您的愿景更清晰，并问自己这些内容有哪些有相同之处。很快地，就可以看到您的内容很自然地根据它的主题（它是关于什麽内容）、任务（可以帮助网站的使用者完成什麽事情，例如购物）或是功用（您或您的网站开发者如何来使用），被归类到不同类别。 举例来说，如果您的网站卖的是美食，也许您可以把内容分为产品和烹调两大主题，然后再区分其类别，例如开胃菜、主菜和甜点。在主菜的类别裡，您还可以细分为肉类、鱼类和蔬菜类。 在这个例子裡，任务的区分可能包括考虑使用者是否会寻找一般的美食资讯、特定产品，或是您的公司资讯，甚至是进行交易。 以功用来分类，包含了考虑您或您的开发人员会如何处理网站的内容。一般会把网站上的照片或图片放在同一个目录裡，如此可以有效率地储存和连结。在上面的美食网站的例子裡，您可以把不同牌子的餐盘的照片放在一起，让您可以很方便地在不同的地方使用。 您的分类方式主要是取决于材料的内容、产业别，以及最能符合您的需求的方式（当然也是符合您的客户的需求）。当您改进这些内容的组织架构时，写下这些内容可能归属于的不同主题、任务和功用的标题，然后把内容分门别类放进适合的标题裡，您可以把所有的内容摊开在一张大桌子上，写在会议室的白板上，或是用绘图软体描绘草图，甚至是用Microsoft Word建立一个草桉。 提示 您也可以用Microsoft Excel来建立内容的清单，然后就可以用数位化的方式做排列和整理。可以使用Excel的「注解」功能来替内容加上附注，Excel裡的其它功能（例如SUM、COUNT等计算的函数）也可以帮助您轻鬆地估算出网页的数量。图7-3 把内容区分为不同的类别。 如果您发现有些内容放在每个地方都不合适，可能必须重新思考您的标题。如果发现有增删、修改的必要，也不必觉得困扰，因为现在的工作就是要改进这些分类的方式。如果所有的内容都已经就绪，最后就可以把所有的内容都分门别类。图7-3展示了一个网站，其内容都归类在合适的标题裡。 提示 如果您发现某个内容非常适合放在两个或两个以上的地方，要记住不必重新製作其内容，而可以採用连结的方式。当您在组织内容的时候，要把需要连结的文件记起来。区分内容的层级现在您应该替划分好类别的内容建立层级（Hierarchy）。依层级安排内容的意思是，一种由上而下、或由一般到特定的分类系统（请参考图7-4），这样做可以达成几个目的。它可以建立一个让使用者和开发者都能更容易找到所需内容的系统（就好像您把袜子放在一个固定的专用抽屉裡，可以帮助您轻鬆地找到袜子），也可以帮助搜寻引擎、网站搜寻或其它自动化的过程运作地更顺畅、更快速。此外，建立一套层级系统也是建立URL位址的开始，而层级最后会转化成网页位址的一部份图7-4 层级裡的内容是由上（一般）而下（特殊）。 层级的最上面一层就是您的首页，第二层则是内容的主要类别，接下来是第三层的目录，不过有些桉例裡可能并没有第三层的架构。一般而言，不要把您的网站架构得太广（太多的第二层目录，第三层目录又太少）、太深（只有少数几个第二层目录，却有很多第三层、第四层的内容）。如果不得不在两者间做个选择，就把网站的层级设计得比较有深度、而不是广度。这样做会使得内容与首页的连结比较容易。 一个您要使用的内容都必须归属于网站层级的某一部分，如果有某些东西似乎不适合现有的层级，就把它归类到「其它」类别，而不是放着不管（这和您在检视内容的分类方式有异曲同工之妙，但在这裡您是要建立次目录，并且确定每一项内容都有定位）。然后，您可以检查其它类别裡的内容，把相似的东西整合起来。在某些少见的情况下，其它类别裡面的内容可能还会需要有自己独立的分类。 注意 如果您的层级分类并不能给您一个很清楚的网站架构，也许就表示您需要重新检视您的计画。重新思考您建立的分类标准，检讨您为网站所规划的内容的种类或是数量是否真的合适。确定网站的架构
到目前为止，您已经蒐集了许多资讯和内容，要准备建立网站的实际蓝图。现在，就从把网站的层级转化为一个初步的网站地图开始。 瞭解「前端」与「后端」 从使用者的观点来看，网站就是有文字与图桉的设计过的网页，其中有些是使用者可以用点选（按钮和连结）方式来互动的网页。这些就是所谓的「前端（front end）」，有时也叫做「介面（interface）」，让使用者在其中与网站进行互动。网站也有一个「后端（back end）」的部分，是技术性的基础架构，由幕后的电脑、软体、资料库和程式码组成网站，并确保网站的功能可以运作。您可以比拟成一齣戏剧的製作，前端就是观众看得到的东西（舞台、情节、灯光和佈景），后端就是舞台工作人员才看得到的事物（搭起佈景的架子、排满了道具的桌子、控制舞台灯光的开关等等）。建立您的网站规划 ─ 或是网站地图 ─ 有点像是在规划观众将会看到的内容，好让工作人员可以瞭解有哪些事情需要去完成。
