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

一、构建树计框架

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

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

过早的把重点放在小细节、小部件和详细的产物交互上，会故障框架设计。我们应该采纳自上而下的 *** ，首先存眷总体，提出低保真而不包括详细细节的方案。低保真更容易收集用户反馈。

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

(1) 最有效满意用户方针

(2) 最切合设计原则

(3) 最适合当前的技能程度和本钱考量

(4) 最能满意其他条件

对付需求向成果元素的转变来说，一般性的设计原则和详细的交互模式很重要

1. 勾画交互框架

勾画交互框架，又称为“方格图阶段”，开始阶段必然要看到整体且高条理的框架。在最终选择更佳方案前，实验回收几种差异并列并用于验证性的场景，凡是是有效的做法。在设计的初期耗费过多精神研究巨大的细节，会阻碍设计者改变思路。

勾画大抵的框架是一个重复的进程，更好由一到两个交互设计（抱负环境下由一个交互设计者和一个“设计相同者”，即按照设计论述来思考的人构成）、一个视觉设计可能家产设计师构成的相助小组来举办。

在框架勾画阶段，无论利用什么东西，要害是要快速、协作型和可视性要强，而且易于迭代和分享。

与方针导向情景场景差异，要害线路场景以任务为导向，存眷情景场景中遍及描写和暗含的任务细节。这不料味着我们可以忽视方针，方针和人物模子需求始终都是整个设计进程的怀抱尺，用来删除不须要的任务，优化须要任务。不外，要害线路情境脚本必需在细节上严谨地描写每个主要交互的准确行为，并提供每个主要线路的走查。

2. 界说视觉设计框架

(1) 开拓视觉体验特征

(2) 开拓视觉语言研究，在此阶段，交互设计凡是只有一个更优的行为框架。与此差异，首次给涉众揭示视觉时，我们凡是会拿出3～5套方案。这些方案的视觉气势气魄差异，但每种都包括了体验要害字和方针。利用体验特征举办设计方案的开拓，可以或许在保持品牌寄义一致性的同时，对体验举办描写，从而制止涉众按照小我私家喜欢和成见举办决定。

凡是，我们会开拓一两个极度的备选方案，在某一偏向上把外观和感受推向极致，这会使差异方案的特点越发光鲜。

(3) 将已选择的视觉气势气魄应用于屏幕原型

3. 界说处事设计框架

(1) 描写客户路程（人物模子完成一个任务所需要的主要路径、次要路径，他们的目标）

(2) 建设处事蓝图（泳道图）

(3) 建设体验原型

4. 界说处事设计框架

(1) 描写客户路程（人物模子完成一个任务所需要的主要路径、次要路径，他们的目标）

(2) 建设处事蓝图（泳道图）

(3) 建设体验原型

二、细化外形和行为

完成坚硬、不变的框架界说后，设计者会发明设计的剩余部门都变得清朗起来，要害线路场景的每一次反复都使得设计越发细化，产物的整体连贯性和流通性也越发顺畅。这个阶段是转换到提炼阶段的过渡期，设计已经初具模子。

在这阶段，要存眷更深且更细微的方面，而且设计者要形本钱身的组件库（设计指南）

三、验证与测试设计

用户反馈和可用性测试对付发明交互框架中的主要问题及某些方面的细化，是很有辅佐的。而且对付有些操纵的微调也很有长处。

设计者参加可用性研究

将重点放在设计进程中的重要问题上

利用任务脚色和其特性拟定尝试参加者的尺度

运用场景开拓用户任务

调查测试进程

和其他人一道配合阐明研究中的发明