一个完整的设计流程包括（一个完整的设计流程包括哪些内容）

大家好！今天让创意岭的小编来大家介绍下关于一个完整的设计流程包括的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

本文目录:

• 1、完整的UI设计流程应该是怎样的

• 2、一个完整的UI设计流程是怎样的?

• 3、一个完整的交互设计流程是怎样的？

• 4、一个完整的交互设计流程是怎样的

一、完整的UI设计流程应该是怎样的

UI设计流程一般需要以下10个阶段：

一、产品定位与市场分析阶段 1、 目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。） 2、 主要执行人员（UI、UE、需求） 3、 需沟通人员（销售） 4、 实现步骤（会议讨论） 5、 UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）

二、用户研究与分析阶段 1、目的（UI设计师收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析） 2、主要执行人员（UI、UE、需求、技术） 3、需沟通人员（销售） 4、实现步骤（纸搞线稿、黑白稿、原型） 5、UI主要职责（收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等，提出用户研究报告和可用性设计建议。这部分工作有团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析）

三、架构设计阶段 1、目的（这里涉及到比较多的界面交换与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素） 2、主要执行人员（UI、UE、需求部门） 3、需沟通人员（技术、销售） 4、实现步骤（UI进行风格设计出界面，和需求部门拿出定稿；UE对原型进行优化，整理出交互及用户体验方面意见，反馈给UI及需求部门；UID等待效果图，开始代码编制） 5、UI主要职责：（根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计）

四、原型设计阶段 1、目的（根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围） 2、主要执行人员（UI、UE、需求部门） 3、需沟通人员（UID、技术） 4、实现步骤（设计规范；代码及程序开发） 5、UI主要职责：（对前面所以工作以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-Flash-视频几个质量范围，原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性）

五、界面设计阶段 1、目的（根据原型设计阶段的界面原型，对界面原型进行视觉效果的处理） 2、主要执行人员（UI、UE、技术） 3、需沟通人员（UE、销售） 4、实现步骤 5、UI主要职责：（该阶段确定整个界面的色调、风格、界面、窗口、图标、皮肤的表现）

六、界面输出阶段 1、目的（配合好开发人员完成相关的界面结合） 2、主要执行人员（技术） 3、需沟通人员（UI、UE、需求部门、销售） 4、实现步骤 5、UI主要职责：（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）

七、可用性测试阶段 1、目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试） 2、主要执行人员（程序测试部门） 3、需沟通人员（UI、UE、程序、需求部门、销售） 4、实现步骤 5、UI主要职责：（负责原型的可用性测试，发现可用性问题并提出修改意见）

八、完成工作阶段 1、目的（对于前面七个阶段的设计工作进行细节调整） 2、主要执行人员（UI、UE） 3、需沟通人员（技术、销售） 4、实现步骤 5、UI主要职责：（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）

九、产品上线 1、目的（检验前面界面设计的成果是否符合市场及用户群体） 2、主要执行人员（销售） 3、需沟通人员 4、实现步骤 5、UI主要职责：（收集市场对于产品的用户体验，并记录诚文字说明）

十、分析报告及优化方案 1、目的（了解整个界面设计的优缺） 2、主要执行人员（UI、UE） 3、需沟通人员（技术、销售） 4、实现步骤 5、UI主要职责：（对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据）

二、一个完整的UI设计流程是怎样的?

设计一个UI作品，首先我们要确定目标用户。

在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

例如：对于科学用户和对于电脑入门用户的设计重点就不同。

确定目标用户之后，就是采集目标用户的习惯交互方式。

不同类型的目标用户有不同的交互习惯，可以通过其原有的针对现实的交互流程、已有软件工具的交互流程来采集，同时还要在此基础上调研分析找到用户希望达到的交互效果，并且以流程确认下来。

接下来就是进行UI设计，设计时要遵循一致性的原则。

包括设计目标一致：软件中往往存在多个组成部分(组件、元素)，不同组成部分之间的交互设计目标需要一致;元素外观一致：交互元素的外观往往影响用户的交互效果。

同一个(类)软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助;交互行为一致：在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。

例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。

设计要能提示和引导用户。

软件要为用户使用，用户必须可以理解软件各元素对应的功能。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户操作该元素能理解它的功能。

比如：删除操作元素。用户点击删除操作按钮时提示用户如何删除操作或者是否确认删除操作，使用户理解该元素的功能，同时可以取消操作。

用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制，软件的交互流程和功能的执行流程，用户可以控制，如果确实无法提供控制，则用能让用户理解的方式提示用户。

设计完成后是测试和改进。

设计完成后，可以让准备几套风格没有能明显看出的差异作品部分目标用户进行试用，对用户的感受进行记录，并设计出各种改进方案，对作品进行最终改进，设计出最后的作品。

投向市场，收集反馈意见。

最后就是把设计的UI作品投向市场，但不要认为这样就结束了，我们还需要用户反馈，因为好的设计师会在产品上市以后去站柜台，零距离接触最终用户，看看用户真正使用时的感想，为以后的升级版本积累经验资料。

了解和熟悉一个完整的UI设计流程，这是做好UI设计的前提和基础，所以大家需要先了解这些，这样才能更好、更顺利的做好UI设计工作。

三、一个完整的交互设计流程是怎样的？

国际上被广为认可的流程大概是这样：

一、定性研究（Qualitative Research）：针对可能使用你的产品的人，可以是问卷、访谈……

二、确定人物角色（Persona）：即产品的典型用户，可以有一种或几种。例如派（π）有一个人物角色叫CEO。

三、写问题脚本（Problem Scenario）：罗列人物角色在使用产品时可能遇到的问题，可以整理成一个故事便于别人理解。

四、写动作脚本（Action Scenario）：像写故事一样，写人物角色在使用你设计好的产品时，发生的细节。注意，这个时候你的交互方案的概念模型已经基本成型了，这个概念模型是通过解决问题脚本里的问题而得出的。

五、画线框图（Framework）：这个线框图是通过把动作脚本里的概念模型转化成视觉模型得到的。

六、制作原型（Prototype）：做出来好像可以用的东西，有很多原型工具可以利用。

七、专家评测（Expert Evaluation）：至少两名设计师或对交互设计比较了解的人通过反复测试原型。找到问题后修改线框图并更新原型。

八、用户评测（User Evaluation）：让用户使用原型，可以给他们一些任务去完成。根据用户在使用过程中的问题和建议进行进一步修改。

如果你想要知道具体怎么做，请继续看。

一、定性研究（Qualitative Research）：

无论你用何种形式做调查，你的目的是了解用户的五个方面：

1、行为（Activities）：例如知乎用户多久用一次知乎、一次用多久？

2、态度（Attitudes）：例如知乎用户怎样看待知乎这个产品？

3、资质（Aptitudes）：例如知乎用户的学历怎样？

4、动力（Motivation）：例如知乎用户为什么用知乎？

5、技能（Skills）：例如知乎用户对使用相关产品是否熟悉？

二、确定人物角色（Persona）：

如果你的定性研究有所成功，这时你应该对你的用户有所了解了。根据上文中的五个方面，你需要挑拣出最典型的一个或几个形象。例如知乎的人物角色可能有：比较普通的求知者、特定领域的专家、到处灌水的……

你不但要确定这些人物角色（Persona）的主要特点，还要确定他们的需求和目的。为了增加真实性，可以给人物角色（Persona）取名字，选一张照片，细化他们的背景资料。

基于你对人物角色（Persona）的理解，你应该已经可以设想出他们在使用产品中可能遇到的问题了。你可以为每一个人物角色（Persona）列一个问题单，也可以把它们整理到一个简短的故事里。

四、写动作脚本（Action Scenario）：

首先你要为已列出的问题想好可能的解决方案，然后写一个简短的故事把这些解决方案囊括进去。写成故事的好处是代入感较强，对别人来说容易理解。国内比较推崇故事版，但是把所有情景画出来的效率是非常低的。

五、画线框图（Framework）：

这个时候你对你的交互方案已经有了一个比较抽象的想法了，现在只要把它具象化就好了。线框图大家都比较了解，这里就不多说了。

六、制作原型（Prototype）：

就算没有程序员帮忙，可以使用的原型工具还是很多的。例如Axure RP和Pencil Project都比较有名，国内也有不少。不过我只用过InVision，感觉还可以。不论用什么手法，哪怕是PPT或者PDF，只要做出一个可以交互的东西就行了。

一个原型是不可能实现所有功能的，所以你要确定几个可以走通的任务。例如能够成功在知乎里发布一个问题等。

七、专家评测（Expert Evaluation）：

原型完成后召集至少两三个设计师或者对交互比较了解的人，使用并评测原型。你可以将原型所关注的几个任务列出来，以免专家不知道原型哪部分可交互哪部分不可交互。

比较常用的评测方法是启发式评估法（Heuristic Evaluation），而这种方法比较常见的标准是尼尔森交互设计法则（Nielsen Heuristic）。以下是十条尼尔森交互设计法则（Nielsen Heuristic）：

1、系统状态是否可见（Visibility of system status）

2、系统是否符合现实世界的习惯（Match between system and the real world）

3、用户是否能自由地控制系统（User control and freedom）

4、统一与标准（Consistency and standards）

5、错误防范（Error prevention）

6、减轻低用户的记忆负担（Recognition rather than recall）

7、灵活性和效率（Flexibility and efficiency of use）

8、美观简洁（Aesthetic and minimalist design）

9、帮助用户认知、了解错误，并从错误中恢复（Help users recognize, diagnose, and recover from errors）

10、帮助文档（Help and documentation）

如何做启发式评估法（Heuristic Evaluation）？很简单，专家们各自将自己发现问题列出来，并将之与对应的法则相关联，或者根据法则来查找问题，然后专家们分别给自己的问题打分。专家们完成自己的问题列表后，一起讨论，将问题整合起来。

常用的打分方法如下：

4分 - 问题太过严重，一旦发生用户的进程将会终止并且无法恢复

3分 - 问题较为严重，很难能恢复

2分 - 问题一般严重，但是用户能够自行恢复，或者问题只会出现一次

1分 - 问题较小，偶尔发生，并且不会对用户的进程产生太大影响

0分：不算问题

记住：评测完后别忘记修改你的线框图和原型！

八、用户评测（User Evaluation）：

原型通过专家评测后，你可以找一些典型用户使用原型。你可以把任务列给他们，让他们自己尝试完成任务。中间遇到的问题可以记录下来，设计师通过观察来进行评分。

比较常用的用户评测方法是Think Aloud（对不起没有找到合适的翻译）。做法也很简单，你让用户使用原型完成指定的几个任务，让他们在使用过程中将他们的每一步和心中的想法说出来。如果他们忘记说或者不知道该怎么说，你可以适当提问。与此同时，你要将屏幕和声音录下来，可以用录屏软件或摄像头。完成后，你回放这些视频，把观察到的问题和用户报告的问题全部记录下来，与交互法则关联并且打分。

值得注意的是，很多人更习惯给出建议而不是提出问题，例如“这个按钮应该更大一点，这样才看的到”。这时，你该记录下来的是“按钮不够引人注意”。

有趣的是，用户评测的结果可能和专家评测的结果相差很远，这里就不多说了

四、一个完整的交互设计流程是怎样的

交互设计的流程

交互设计的对象是 人的活动 ，辛向阳老师的《交互设计：从物理逻辑到行为逻辑 》中有详细的阐述。

所以交互设计的流程是：

1. 了解用户的活动及目的；

2. 定义活动中的行为与问题；

3. 定义设计的目标；

4. 设计方案，反复精化；

5. 确认设计方案对用户活动的影响。

设计工具与方法

强调区分设计流程和设计工具、设计方法的原因是：

- 设计流程没有规定使用的工具或方法。

- 设计方法和工具是为了解决设计过程中的挑战提供的解决思路和框架。

- 设计师应当根据情况来选择适合情况的工具和方法。

举2个常见的例子：

故事板

沟通的媒介。故事版不会直接帮助设计师得到更好的方案，但可以帮助设计师在团队讨论时更准确地沟通发现的问题及设计目标。它更多是一个沟通工具。

如果只是一个人来做设计决策，故事板是不需要使用的；

如果整个团队沟通良好，想象力良好，即使是团队沟通也是可以不需要故事板的；

如果在多次沟通中发现团队中不同的角色对问题的理解是有困难的，那故事板可能可以改善这类问题。

原型

通过原型可以更好和更广泛地检验方案。原型设计有很多工具，纸面原型是其中一种。它既是设计工具，也是沟通工具。

如果设计师自己进行设计，简单的纸面原型，甚至在头脑中想象的原型都可以帮助设计师进行方案推敲；

如果需要了解团队甚至用户对不同方案的反馈，那就需要相对高精度的原型，电子稿或者可使用的原型；

如果只是讨论那个方案更优，只需要将相关流程原型化即可讨论；

如果需要考虑方案的可行性等问题，就必须将所有的流程都转化成原型来讨论；

现在交互设计的媒介已经不局限在人机界面上，而是扩展到产品、环境以及人身上。这也是现在在流程和工具上讨论比较多的其中一个原因。

以上就是关于一个完整的设计流程包括相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

一个APP的商业模式（一个app的商业模式是什么）

注册公司流程和费用（如何注册一个公司）

同一个商标可以注册两次吗（同一个商标可以注册两次吗知乎）

浙江天工工程管理有限公司（浙江天工工程管理有限公司人员名单）

直播带货主题（吸引人的直播带货主题）