3个步骤，构建设计产品的框架

设计框架包括交互框架及视觉设计框架，框架设计应首先关注总体再去优化细节，最后验证与测试设计。

一、构建设计框架

在目标导向设计中，不要一上来就直接跳入细节设计，而应站在一个高层次上关注用户界面和相关行为的整体架构，我们把这叫做设计框架。

设计框架包括交互框架及视觉设计框架，在此阶段中，交互设计者利用场景和需求来创建屏幕和行为草图，视觉设计者使用语言研究开发视觉设计框架。

过早的把重点放在小细节、小部件和具体的产品交互上，会妨碍框架设计。我们应该采取自上而下的方式，首先关注总体，提出低保真而不包含具体细节的方案。低保真更容易收集用户反馈。

满足用户需求的方案满足以下条件

(1) 最有效满足用户目标

(2) 最符合设计原则

(3) 最适合当前的技术水平和成本考量

(4) 最能满足其他条件

对于需求向功能元素的转变来说，一般性的设计原则和具体的交互模式很重要

1. 勾画交互框架

勾画交互框架，又称为“方格图阶段”，开始阶段一定要看到整体且高层次的框架。在最终选择最佳方案前，尝试采用几种不同并列并用于验证性的场景，通常是有效的做法。在设计的初期花费过多精力研究复杂的细节，会阻碍设计者改变思路。

勾画大致的框架是一个反复的过程，最好由一到两个交互设计（理想情况下由一个交互设计者和一个“设计沟通者”，即根据设计叙述来思考的人组成）、一个视觉设计或者工业设计师组成的合作小组来进行。

在框架勾画阶段，无论使用什么工具，关键是要快速、协作型和可视性要强，并且易于迭代和分享。

与目标导向情景场景不同，关键线路场景以任务为导向，关注情景场景中广泛描述和暗含的任务细节。这不意味着我们可以忽视目标，目标和人物模型需求始终都是整个设计过程的度量尺，用来删除不必要的任务，优化必要任务。不过，关键线路情境剧本必须在细节上严谨地描述每个主要交互的精确行为，并提供每个主要线路的走查。

2. 定义视觉设计框架

(1) 开发视觉体验特征

(2) 开发视觉语言研究，在此阶段，交互设计通常只有一个最优的行为框架。与此不同，首次给涉众展现视觉时，我们通常会拿出3～5套方案。这些方案的视觉风格不同，但每种都包含了体验关键字和目标。使用体验特征进行设计方案的开发，能够在保持品牌含义一致性的同时，对体验进行描述，从而避免涉众根据个人喜欢和偏见进行决策。

通常，我们会开发一两个极端的备选方案，在某一方向上把外观和感觉推向极致，这会使不同方案的特点更加鲜明。

(3) 将已选择的视觉风格应用于屏幕原型