Web应用软件界面设计指南的构架(1)

摘要
本文介绍了Web应用软件中界面设计指南的多层构架。界面设计指南既要避免过于空泛（这样就很难得到具体应用），又要避免过于具体而无法在大范围的产品上应用。本文介绍的指南构架独特之处在于桥接了这两个极端。它的成功在于它是一个五层的同心圆结构。核心部分是组件层，紧接着的是网页模板、网页流程(flow)、界面模型和模式、整体指南。为了探索这个架构，我们从多处搜集需求，有界面设计师、产品经理、UI开发人员和产品开发人员。并且在好几个层面上对其进行了可用性测试，从宽泛的指南测试到比较具体的产品测试。本文内容可以成为哪些渴望进入Web应用软件与站点设计行列的人们的学习案例。

关键词
用户界面指南（user interface guidelines）， 标准(standards)， 通用风格指南(corporate style guides)， 企业风格指南(enterprise style guides)， Web应用软件(Web applications)

引言

挑战
在为一系列Web应用软件创建用户界面设计指南时，我们和很多公司一样面临着困难。我们力图设计出丰富多样的，基于web的软件产品来满足不同用户群体的需要，而作为参考的只有桌面应用程序的相关指南。我们知道技术的限制影响着我们的指南，我们同样希望能使软件易获得、兼容各种浏览器并可本地化。这篇文章将会探讨我们遇到的，也是其他公司经常提出的问题，以及我们如何去克服它们。

我们首先面临的挑战就是Oracle已有的UI指南。它关注的是Java而不是Html，并且适用于窗口层，因此没有提供用例（use-cases）、多重选项、高级组件组合（如模板或者流程），也没有相关例子说明使用方法。我们将使用其他的指南作为范本，放弃原有的指南，因为它太过空泛无法具体、一致地应用到产品中。

其次，新的指南需要适应不断发展的技术——Web应用软件。Web应用软件指南可以从桌面应用程序的UI指南得到借鉴，但这种方法受到其使用性限制。Web应用软件通过浏览器传输，与桌面软件（如：窗口和菜单）相比受控于不同的表现形式（如：以网页为中心）。另外，为了支持跨浏览器的兼容性、国际标准和无障碍性的访问标准，这种基于Html的用户界面在交互性上要弱于桌面应用程序。

第三个问题是基于web的产品的适用范围。我们的设计需要满足100多个不同领域开发的基于web的产品，服务于多种多样的用户群体。

第四，我们缺乏强制和支持来设计和执行一系列的指南。很多开发团队已经在快速开发他们具备独特的外观感受的产品。

为了应对开发Html 界面设计指南的困难，我们制定的指南不仅要能灵活的应用于大量不同的实例和问题，在细节上也要满足所有团队的需要。

我们的解决方案——The Bull’s Eye（同心圆）
我们设计了Bull’s-Eye（同心圆）来解决我们面临的四个挑战。 Bull‘s-Eye（图1）表示了指南的同心圆结构，每一层都是其相邻圆开始由内向外的延伸。在Bull’s-Eye（同心圆结构图）的中心是组件部分，紧接着的是网页模板和网页流程。交互模型或模式在网页流程的上面。Bull’s-Eye（同心圆结构图）最外部的结构是总体特征和原则。

缺乏强制和支持

1999年我们收到上级管理部门的一个CEO级别的命令，要求我们采用通用的外观和感受。为使UI指南和标准能够实现，我们需要开展三种适当的基础性的实践：
·培训
·协调
·沟通

培训的范围是从对开发产品的团队提供咨询建议到指南内容的课堂教学。早期在推广这些信息的时候，指南的主要设计者使用了大范围的演讲来介绍指南的所有独立部分。这些演讲常常针对的是特定领域，比如，人力资源领域。在推广的过程中，UI团队为产品团队提供了一对一的咨询建议。这包括将产品的信息结构和工作流程转换为适应指南的界面设计。最后，为那些我们无法开展面对面咨询的开发者开设了一个基于Web的自学课程。

协调所采取的形式包括:
a) 收集产品和用户群的需求；
b) 开发可复用的UI代码；
c) 对指南进行可用性测试，以及
d) 个别产品评测

需求的收集是每周一次，持续不断的跟踪需求的变化，识别出现有指南的提升点，将新的需求增加到的下一版本指南中。开发了一个可复用的UI代码库，用以简化指南的使用，并且增强指南实现的一致性。一个小组被指派到Oracle来开发基于指南的可重用UI代码。与该小组的密切合作成功地采用了指南代码（至于如何定义“成功”容后再述）。为了检查指南的有效性，与可用性工程师合作，这样就有机会不仅对某产品，而且可以对某指南细节进行可用性测试。最后，在各个层面上都进行了产品UI评测，从UI设计师的非正式的评测，到部门副主管的正式评测。

沟通的部门不仅仅是可用性和界面设计部门，还有他们支持的产品团队。定期的指南更新会通过会议和email通知UI设计师、可用性工程师、产品经理、开发人员、主任和副主管们。有了这些适当的基础，我们就完成了指南第一个版本。

相关资源：软件工程课件软件工程是指研究软件生产的一门学科,也就是将完善的…

来源：iteye_11316