平衡网站设计要点(doc 11页).doc

摘要本章主要确定了网站设计方法论在使用中的要求，并描述一个有效方法论所必需的特点。介绍和总结了按照原理进行的网站设计与实行的过程，这将作为网站设计必要的方法论。这个过程（BWD-平衡网站设计）着重于详细设计需要与具体设计需要之间的平衡。通过详细分析与设计，采取一个全面，结构化并逐步加进的方法，并优化适当的美观，可用性与目的性等特征。付出与获得花40分钟阅读本章内容，完成后面的练习将会帮助你会得以下方面的重要信息：l 对为何结构化的设计方法通常是有用的判断，l 对网站设计方法中所必须的特点的认识，l 对平衡网站设计的核心特点与总体结构的理解。你需要通过对本章内容的阅读来消除网站设计方法的普遍认识与本书后面（第二章节）介绍的方法论进程的细节之间的差距。本章内容主要是关于在确定网站设计方法中的思考细节，并介绍了平衡网站设计的基本特征与概念。网站设计历史视角第一个网页，虽然近乎于纯文本的网页，但它建立于19世纪90年代初。在那个年代，所有的设计与执行都可以理解为是在一个临时基础上进行的，所有的标准都尚未建立；没有可接收方式的模式与方法。同时，（在内容与技术复杂性方面）期望，观众数量和技术可能都相对有限。最初的方法与技术都是非常简单的，网页多由文本组成，缺少视化布局的设计，细节的可用性和动态内容的供应。虽然这些所谓的“设计”属性在当时并不是一个特别值得关注的问题，但是网页的创造与使用仍占据着实验性技术的领先地位。如今，在这个快速发展的领域中，大概十年后，所有的网站设计者将面临巨大的商业和个人期望，广泛的技术和设计选择，网站设计方法论，网站设计需要的特点的认知和在万维网（the “Web”）所有社团与组织中持续增长的利益与投资。很快我们将走过网络活动巨大夸张与激增的时期，如今因特网在我们的生活中占据这突出的位置，工作，娱乐，几乎包括了生活中所有要做的事。在这个科技与互联网的世界中，万维网被认为是人类最出色的突破。这意味着，我们现在都有足够的权利去使用和发展网页为个人与组织提供一系列巨大的机会。每一个网站的站主或开发者，在全球基础上能够l 表达感受与想法l 促进商业l 促销产品l 建立社团l 帮助他人l 进行娱乐l 鼓励探索l 促进或引发新的影响l 传播、分享信息l 体验新技术l 保持独立l 保持全球性在21世纪的第一个十年里运行一个好的网站就如同在19世纪50，60年代里把车开好，所提供的巨大个人能力和可能性将达到一种全新的，之前可能想过但难以实现的程度。这巨大或者说有点独特的收获是我们自身也受益于共同存在着的无数其他网站（类似于由于手机的普遍使用与市场渗透的广泛传播和手机多媒体技术的成熟，现在个人手提电话有了更大的影响和更多的功能）。就同手机和其他用户竞争一样，但网站运行是在同类型的对手中为了取得更多关注而竞争。对于所有的想法，活动或者利益，都可以相应地设计和创造一个网站。如果你已经面临这些任务，你将知道不论是多么强大的软件都是用来建立网页的，而关于如何才能设计到位这个问题也将可能成为一个噩梦，知道它的外观与运行都比较适合。进程的管理与控制程度的掌握是不容易的，尤其面对巨大范围的时候时候，包括技术与内容的可能性，需求和市场压力，以及技术特点和人们使用网络的爱好。在过去的许多年中，网站设计与执行的趋势没有一个明确的方法，也缺少得到认可的结构化的方法论，部分是因为网站创造的活动相对较新和网站制作软件的自在使用。逐渐地，尤其是在过去的两三年间，采取合理方法（在刊物与网站设计实践中）的利益已经出现，带来了更多的效益，也给了设计师更多的控制力。在网站设计中，使用全面而专门设计的方法的重要性已经得到了认可。如果没有一个结构化的方法，网站所达到的目的和范围就有可能会不完整。直观的技能与深厚的经验可能抵消不采用结构化方法所造成的损失，但这风险很大。如果没有详细的分析和设计，网站的风格、范围和内容就不可能令人满意。把现有的网站用作指导和模板是一种陷阱，这导致了一些不合理设计的继续使用，尤其是最“基本”的设计常常会被那些不专业的设计师重复使用。设计拙劣的网站往往缺少重点和针对性的设计，他们充其量不过是些无用的时间浪费，最坏的就是导致经济腐蚀与破坏。我们鼓励大家在你的网站设计工作中使用一种有结构化和方法论的方法，这将有助于优化你的设计并最大限度地利用实际执行的力量。可以不用研究或采取一种结构化的设计方法的唯一理由就是你已经l 完全满意你的网站设计，l 完全相信你有一个可靠的，值得信赖的，并且一致的方法来满足所有（网站）的需求，l 完全相信你的网站用户/客户对你的网站和设计方法都印象深刻。建立一个较差的网站所需要付出的代价已是越来越高：机会的错失，收入亏损，名声破损等等。网络是一个（存有许多竞争的）繁忙地方，如果一个网站不能快速和实质地满足网络用户日益增长的期望，他们就会立马选择其他的网站。潜在的观众是不愿意花时间在那些看起来不专业或是混乱无趣又不适宜的网站上的，因为他们有很多其他选择，只需点击按钮即可。表1.1：设计方法所需的特征l 有概念基础，这需要清晰的反映任务框架和实现进程l 需要一定的深度和范围，这对于成功的设计和执行是至关重要的l 设计文档有助于触发创造性和高效性的设计思路，使得设计的评估与结果的效力足够客观。这有助于开发团队的理解与认知，并简化网站维护、发展和提高的任务l 为后续的项目工程提供/实现设计模板，并概括总结有用的实践l 在设计与执行的过程中可以鼓励进行专业话和学术性的改进“methodology”这个个术语来自于希腊词“meta”（之后的）和“hodos”（方法）。1.软件设计方法是对一个或多个软件生命周期制定的一整套有组织，有文档的程序与指导。2.而设计方法并不只是一系列有用的任务或“有用意见”的集合他必须要有概念基础与完整的步骤，并由进程说明来进行整合与支持。我们的观点就是，一个好的设计方法必须包括确定的普遍特征（表1.1）。网站设计新兴的主题近年来，一些出版的准则和方向一倍推荐给了网站设计者（例，3，4，5，6）。通过对这些出版物，普遍观察和实践的经验的分析，为了优秀的网站设计我们揭示出了一个新兴的主题。（表1.2）表1.2：优秀网站设计的新兴主题l 网站必须要有一个清晰的总体性目的。l 网站设计与内容必须反映目标观众的需求和网站的目的。l 网站设计必须以（从美学角度）为网站创造出合适的视觉布局与“氛围”为目标。l 可用性非常重要，一般要做到简洁明了。l 采用以用户（观众）为中心的设计方法是正确有效地做法。l 文档记录（图标与描述格式）需另作进程的一部分。l 合适的导航与其相应的内容是网站关键性的特征。l 在进程中鼓励原型制造与循环。l 结构化并逐步行进的方法受到青睐。l 必须进行设计与执行的测试。在这个竞争激烈的数字世界，网站必须要做到高品质网站的建立必须满足必需的目的，要具备吸引人的美感和一定程度的可用性，这样才能算是（经营项目中）合格的经验。一个优秀的网站设计方法必须按照以下方式去设计：通过提供进程来帮助设计者来实现质量来确认详细的需求，并帮助运用适当详细的设计思路和结果评估，这些都必须包括在结构化框架里。这本书介绍了一种框架，允许在网站设计或执行任务的细节中接受好的实践并把他们集合成一个结构化的进程。确定关键的设计需求（跨越目标美学，可用性与目标特征之间的组合）和平衡好这些需求与具体设计思路的关系是该方法的基础。要优化目标网站的美感，可用性和目标特征就需采用逐步行进而全面的方法。作者对进程的描述就为了让人们能够普遍理解，觉得可以接近和使用。现在，不要带着这很容易的想法逃跑。在互联网这样具有竞争力环境中创造一些结合创意与技术能力的东西绝非易事，但结构化的设计方法能够帮助它完成。和其他任何一个发展方法或项目类型一样，成功需要有结构性指导这样的固有技能。在使用例如BWD之类的方法中，成本与收益的比率是相当吸引人的一个项目的额外成本相对较低（主要的投资项目在于指导性的书，几天的技术培训和网站项目的周到服务）。拿这个小数目的支出与生产出带来重复而大量的利益的有价值且令人印象深刻的网站相比，所享受到的收益是完全的经济基础（例如，零售或订阅项目），或者给网站带来更大的影响力，更丰富的经验，更多的享受以及增长的利益。顾名思义，任何方法在使用之前都需要花上专门的时间（因为任何方法都是有规则，有概念基础和先后次序的，这些都必须在实现大量的收益之前认真理解和小心遵循）。所需时间应当做是一项在获得质量与效益的长远利益之前的投资。平衡网站设计（BWD）概况逐渐地，网站设计中美学与可用性的重要性已经受到了专家，用户和开发者的认可。9.再加上网站本身的目的需要，这些方面形成了网页设计的三大支柱和BWD方法。（图1.1）可用性目的美学平衡网站设计图1.1网站设计三大支柱明确的性质，范围和每一方面的具体特性都取决于网站自身的风格和特殊愿望的考虑，这些源信息也是通过需求分析得到的。BWD也已被用于巩固和发展那些在表1.2介绍过的“新兴主题”，也可满足表1.1介绍的一般设计方法的需求。该方法包含并改进了优秀而令人印象深刻的网站设计的技能，主要是通过在传统发展方法（见表1.3）的属性基础上加入另外的特征。表1.3 BWD的特有属性l 自上而下的结构化并且以用户为中心的一种方法l 在任何的网站和网站设计中，网站的美观，可用性和目的都作为关键的组成部分来强调l 从项目的开始到完成，一整套的设计步骤可以帮助指导和支持开发者改编与于得到很好证明的“瀑布式”框架，还有检查站与重复原型的使用l 采用一个详细的方法来确认具体需求以及相应的具体设计需求l 独特的文档记录符号，在设计工作中鼓励应用结构化、全面的、可重复使用的，以及透明的方式l 对传统可用性进行扩展的考虑（以便更明确地满足各类型的网站）l 揭开美学的主题及美学与良好网站之间的关系l 全面而逐步的进程和方法便于实行与理解总而言之，可以把BWD方法看作是传统与革新的一个结合，在特殊的结构化设计文档技巧的协助下，并通过结构化的逐步进程来巩固。（见图1.2）BWD方法传统组成部分革新后内容l 结构化序列的步骤l 项目管理l 需求采集l 分析/设计l 创建l 检测l 反复提高和“关卡”l 使用软件和案例来研究示例l 为网站的美观，可用性和目的需求特别定义与设计l 对加强后的可用准则与启发进行组合l 美观进行分析，分类，与网站设计进程相协调l 易成且易学的方法l 与网站风格相关联l 加强风格与观众群相一致的意识l 网站概况l 特殊设计的文档与进程步骤l 在信息系统发展中与良好的实践相联系（自上而下的方法，反复性，用户为中性的设计）基础图1.2 BWD的基础如果你的软件开发和支持一般的信息系统的方法在更广领域有经验的话，你会发现BWD的某些方面和传统的设计/开发方法是相关的。因此BWD的进程就可以包含这些方法的优势，当然网站实际上是一个信息系统（IS）。BWD将合适的“瀑布式”11.方法（先把一个开发项目分解成一系列有序的步骤再进行最后的总结）和迭代原型的概念（项目发展中一些对想法进行尝试，测试和改良）进行了结合。当你仔细观察每一个步骤和设计文档的时候，你会发现有个内置的大量关注去弄清详细知识，了解网站需求的特征，运用创造性的思路去满足这些需求并要管理好这个全过程。通过定期的检查来正常反映计划和原型，以确认需求是否得到充分而适当的满足。设计中的所有细节和推理以及设计需求都被作为项目进展而记录在案，这有助于提高实际工作（帮助设计者贯彻实际的设计任务）的质量，也可以使进程透明化。如图1.3所示，BWD新增的优势在于设计思路和分析的记录可以反复利用或用作未来网站设计的项目。如果网站开发者和团队遵循和使用了BWD，不仅能创造出非常有效且适当的网站，而且除了网站本身外也能在其他不同的网站项目之间产生一致性的氛围。BWD在建立良好的质量信誉的过程中起着极大的作用，而且可以帮助团队和开发者在项目之间转换自如。在这样的情况下，一致性是指跨越项目和合项目团队的方法大致相似，而且在执行的网站中存在的不同设计与特殊的设计需求相关。根据你的背景和经历，您可以在使用诸如BWD的进程中以不同的方式获益：l 经验丰富，成功的设计师BWD具有使你的网站更成功，更合适，更有效的潜力。它可以提高和加强你对的重点 详细和重要的网站需求和 将这些认知转变为真实而具体的设计特点。由于良好的设计思路有可能被重复使用，设计文档有可能会加速未来项目生成。强调可用与美观的重要性，并且要和宗旨要求相符合有益于个人项目，小型项目，以及各类项目规模和网站类型一致，易学的方法平衡网站设计（BWD）离散和无缝结构的步骤+ 迭代原型文档（图/表）l 导航/清单l “驱动器”和文件的设计l 设计透明度l 维护和增强的基础l 未来网站的模板图1.3 BWD的主要特点l 没有经验/新上手的设计师BWD提供舒适和稳定且具有结构化和启发性的环境，从而增强信心，从第一个项目起就能获得有效的成果。l 开发团队为设计与执行提供一个一致的环境，对实践工作，团队与用户/客户的交流都有帮助。BWD方法的中心与前提是创建一个全效的网站，它的三个组成部分是美观，实用和目的。这三个部分的需求必须详细确定，再生成和选择特殊的设计思路去满足每一个需求。在很多的案例当中，每单独一个需求总对应有两个或更多的设计思路。一个网站的目的需求总是最为关键的，其他所有的方面都是以此为转移的。目的要求告诉我们网站根本存在下去的主要原因。它究竟要做什么？要达到什么目的？网站用户能做什么或者如何使其发生？（对用户和所有者而言）什么是网站主要成果？一开始判断一个网站的目的看似是件显而易见的简单任务，从某种程度而言，的确如此一个网站的意图和目的可以通过传统方法的信息收集与分析信息来确定。在很多状况中，这可以作为一个简单练习，但不是所有情况都适用，比如网站中存有的冲突意见与多方利益相关者的优先权。另一个潜在的难题是网站的目的变得非常广泛，这使很难达成一套简洁一致的要求。关键要明确网站的目的要求，然后再去配合网站设计。所需的美观与可用特点必须符合网站设计需要，但这两反方面的性质本就复杂，所以完全确定许求和满足目标需求也就变得更为困难。我们对美观与可用具体讨论的观点在第三第四章展开，包括分类，评价和它们之间的相互联系。在普遍和更近期的网站中，软件的可用性仍然是人们广泛感兴趣的话题。大量的出版物详细介绍了如何才会被认作是可用4,7,8,9,10,12，而这项工作也被BWD作为可用性处理的一个起点和基础。我们建议使用按照网站风格和场景不同来分类，也介绍了“直线”和“曲线”可用性的概念（更多内容在第三章），并总结出一些启发（先从某一方面的工作上扩展开并使其合理化）。我们已经开始通过网站设计这一角度来研究审美学，而初步的研究结果在第四章有所讨论。一个网站到另一个网站（尤其是不同风格的网站）的具体的审美需求是不尽相同的，而可用性需求则为了特殊的网站和网站风格，混合包含了以 “良好可用性”标准要求为核心加上大多数网站共同的具体可用性需求。在某种程度上，网站已经将他们自身按照风格做好了分类即使是在这样的分类中，每个网站都有针对相应需求的独特方法和设计思路。数量、性质和美观与可用需求的强度之间的平衡是因网站3的。有些网站更强调可用问题，而有些则着重于美观。但在所有情况中，这两个方面都是相互联系的，需要一并考虑的，正如所有的决定都会出现两方面的影响。网站的目的、可用性和美观需求必须在网站设计与执行的项目周期开始时确定下来。逐渐地，在设计进程中需要完善和具体化这三方面的需求，在网站设计的演化中实现各方面要求的结合。在BWD中，专门设计的文档记录工具将会帮助您在您自己的网站设计与执行过程中应付自如文档记录会让您的设计更为有效，而且对网站今后的维护和发展都非常有用。BWD本身并不会为网站特殊的设计愿望做出任何的决定或提供具体的解决方法。但是，它为设计师提供了一个框架和方法，以全面的方式和最大限度的潜能来解决这些问题。如果要从任何一本书中列出所有的理想答案，那就有太多关于要求与需求组合了，而且也不是只有一种方式才能满足设计需求。成功的网站设计都带有一定程度的来自设计师自身的独特想法和能量的效力，而且也不是来自于“教科书”为中心的设计决定。否则所有特殊类型的网站最终看起来或感觉起来都会变得完全一样，导致了独特性与原创性的优势丧失。BWD结构BWD周期中有十二个步骤，形成网站设计与执行项目中四个主要阶段（表1.4）。这些步骤组织成四个阶段要求初始采集、设计需求-构建布局，设计解决方案和创建网站。BWD拿钟表来比喻（图1.4）使整个过程形象化，也使我们清楚了解自己在项目过程中的具体位置。钟表表面的十二个数字分别代表了BWD中的十二个步骤。当指针到达每一个新的数字的时候，这代表我们在BWD步骤次序中达到了新的阶段。表1.4 BWD的步骤要求初始采集步骤1: 项目启动步骤2: 时间与任务分析步骤3: 初始要求采集设计需求构建布局步骤4: 目的确认步骤5: 可用性与审美要求的确认步骤6: 检查与反映（1）包括可能性的回顾设计解决方案步骤7: 技术选项/选择步骤8: 导航设计、屏幕布局、网页对话、目的映射和内容索引步骤9: 检查与反映（2）包括可能性的回顾创建网站步骤10: 译码与创建步骤11: 网站测试与评估步骤12: 用户评价/检查与反映（3）包括可能性的回顾因此时钟成为项目位置的视觉指示和每一个步骤的状况的提醒。将时钟作为比喻是因为正好有十二个步骤，还因为时间、计时和迭代等方面对BWD非常重要。尽管时钟有均等的分段，但我们在某些方面会比其他部分花更多的时间这也是要根据不同的项目和项目团队配置来定的。请注意下间断出现的“检查与反映”这一步骤，这些战略部署有利于我们在关键时候来评估项目任务关于目标有效性与实际需要的完成状况。在三个“检查与反映”（R&R）步骤中，每次我们都会“回顾”之前的步骤。回顾是为了让我们解决在R&R步骤中发现的问题与不足，并再次顺利通过上一个或之前的所有步骤，创造出一个新的设计迭代。如果一切顺利，我们就会继续下面的步骤。当最后一次的检查与反映步骤（在BWD时钟12点的位置上）不需要“回顾”的时候，网站的设计与执行也就完成了，那么网站就将诞生了。从小型项目到大型二复杂的项目，BWD的十二个步骤都可以适用，而且这种设计非常容易去学习模仿。这些步骤看似是离散和独特的，但其实是联系在一起并形成一个有逻辑性的项目流程。FFF网站设计时钟用户评价/检查与反映（3）检查与反映（1）项目启动初始要求采集可用性与审美要求的确认技术选项/选择导航设计、屏幕布局、网页对话、目的映射和内容索引检查与反映（2）译码与创建网站测试与评估时间与任务分析目的确认图1.4 BWD的时钟比喻章节练习问题讨论1. 有网站设计方法的需要么？讨论2. 文档记录和/或文档记录进程会对项目祈祷何种程度的帮助或阻碍？3. 列出一些你觉得的网站的典型特征和特性（例1216）。运用自己的判断来识别目的、可用性和美观方面。教学练习1.列举三到四个网站可以提供的“机会”不管是对用户，还是开发者/拥有者。2. 列出三个有助于良好网站设计形成“新兴主题”的建议的关键方面。3. 写出BWD步骤的列表，你认为每个步骤一般要花多少时间并估计项目时间的百分比。案例研究1. 对于你的案例研究的网站，什么“技能帮助”是你设想需要的，可以确保你的网站完全有效和适当？2. 开始思考“项目管理”，例如，回顾（R&R阶段）的需要是如何决定的，什么标准可以用来判断项目已经完成了。3. 目的、可用性和美观中，在你的项目网站设计中，预测下哪一个会对你影响最大。参考文献1 /UTW/Unification%20Thoughta12.html (accessed April 17, 2004).2. /search.aspx?define= methodology (accessed April 17, 2004).3. Concepcion A. (2002), Professional Website Design From Start To Finish, F&W Publications, Cincinnati.4. Cato J. (2001), User-Centred Web Design, Addison-Wesley, Reading, MA.5. Nierderst J. (2003), Learning Web Design,