创意设计大纲

　　开发web解决方案需要更加重视用户接口的创意设计。在定义了活动者和用例的同时，就已经得到了初步的用户接口方案。更进一步的用户接口方案在web开发团体中通常被称做创意设计大纲。创意设计大纲定义了如下内容：

    1、网站的总体风格（例如这个网站是权威性的，或是轻松幽默的，或是服务性的？是偏重于保守的还是充满煽动性的？）
   
    2、用户将以什么样的方式来访问这个网站（例如他们的连接速度如何？）

    3、用户将使用什么样的浏览器

    4、网站是否使用了框架结构

    5、网站在色彩的使用上是否有限制

    6、如果有用，需要定义一个色彩标准指南（包含网站的logos和总体色调的标准）

    7、需要一些什么样的动态效果点缀（例如鼠标翻滚效果、动画、滚动新闻、多媒体等等）　　

　　导航图

　　导航图是web解决方案中的一种用层次树方式显示的视图，能够描述网站的用户如何访问该网站。这种层次图通常被称作网站地图，但是我们选择“导航图”这种称法，因为“网站地图”这个短语有多个含义。导航图的每一层显示出到达该层对应的屏幕/页面需要多少次点击。通常，你总是希望只需在起始页（通常被称作主页）上点击一次，即可到达你的web站点上最重要的区域。

　　在项目的早期确定网站导航图，可以提供一种有效的沟通媒介，便于项目的涉及人员和项目开发团队之间交流。用户也可以更好地想象浏览该web应用的情况，创意设计人员可以更好地了解网站导航模式。用例模型用于描述系统向最终用户提供怎样的服务，因此导航图是自然地从用例模型进化而来的。由于上述原因，导航图应该在最初的用例模型确定后再创建。（有时，项目的涉众会在创建用例模型之前，预先勾画出了网站的导航图。在这种情况下，这个早期的导航图能起到为用例建模工作提供素材的作用，这样能保证网站能提供它的涉众所预期的所有功能。）

　　导航图是“用例故事板”技术的变种，“用例故事板”在Rational统一过程的“用户接口建模”行为中进行了定义。要开发导航图，首先应为每一个用例定义一个主窗口或主页面。在这个阶段，我们还不能确切地知道每一页看起来会是什么样子，甚至不能确切知道到底会有那些具体的页面。所以我们关注于定义“逻辑页面”。这些逻辑页面是可选的，将随着用户接口的发展完善被采纳或被抛弃。逻辑页面用UML的构件—边界类来分析描述。

　　随后在设计和实现阶段，我们将用HTML页面或其他可视元素来替代UML的描述。一旦逻辑页面被定义了，导航图着眼于描述用户如何从一个逻辑页面浏览到另一个，同时描述了逻辑页面提供的主要特性。作为例子，见图2、3和4。这使我们能从更高层次来观察导航图。对大型系统而言，人们通常会为每一个活动者定义一个导航图（见图3和4）。为了更深入地挖掘细节，每一个用例也需要定义同类的视图，以便定义那些用户在执行用例时将会浏览到的更多的页面（边界类）。当这些页面（边界类）被定义时，我们同时也描述了它们所处理的信息内容。

　　创意设计比选方案（Creative Design Comps）

　　创意设计比选方案向涉众提供了web解决方案的一些可选的视觉外观设计方案，以便推进创意设计过程，最终得到一个确实吸引人的视觉设计。

　　“比选方案”包含了一些网站的视觉外观模型。这些模型通常是一些有代表性的“平面”图形，由许多帧描绘浏览窗口外观的浏览视窗图组成。做方案比选的意图在于先就网站的视觉规范达成一致意见，然后才进行明显更费资金的HTML原型的开发。比选方案的非功能性（非功能性指它们仅仅是平面图形，不是真正能够交互的HTML页面—译者注）的特点也有助于避免产生误解。

　　Rational统一过程提供了一个活动，即用户接口原型建模，它提供了一个收集用户接口反馈意见的通用方法。在web开发方面，我们把这个活动稍微扩充了一下，提出了创意设计比选方案的概念。要创建比选方案，我们应选择一个最重要的用例，然后开发出许多可选的视觉外观设计方案（例如至少10个以上）。我们从这个方案集中选出三个最有希望的设计提交给涉众。通常在项目的涉众就最终的web设计方案达成一致意见以前会有三次迭代。这是一个创意设计和迭代的过程。

　　一旦这个过程达成一致意见并终止后，创意设计比选方案将进一步开发成具有实际功能的用户接口原型。非功能性的比选方案仅仅是第一代原型，用于征求那些关注网站视觉外观特性的涉众的意见。

　　web设计元素（Web Design Elements）

　　web设计元素指的是那些被组合到一个网站各个页面中的零散的图形图象。保证网站上用户接口的一致性对于保证网站的可用性来说是必须的。网站应该给用户提供前后一致的浏览体验。为了做到这点，项目开发过程中必须在网站中统一使用一整套标准的图形组件。这些图形组件应该在项目起始之初就设计好，还应设计如何使用这些图形组件的指南，以便项目组的全体成员都明白何时以及如何使用这些组件。

　　例如，web设计元素可以包含象导航图标和页面背景等图形元素。在整个网站中重复使用高质量的标准图形元素可以保证网站的一致性，并缩短网站投用前所需时间，减少开发费用，同时通过使用一套更高质量的图形也可以提高网站的开发质量。

　　Rational 统一过程在“工作流细节：分析行为”中区分了用例和组件。随后在“工作流细节：设计组件”中描述了这些组件的精确细节、实现和单元测试过程。

　　web设计元素是与最初的web用户接口原型一起创建的。创意设计比选方案中可以挑选加工出用于web用户接口原型的web设计元素，并可以从中确定最终的用户接口原型，同时web设计元素也被确定下来。