-
让品牌有温度、有情感
专注品牌策划15年
交互设计基本流程（交互设计基本流程包括）
发布时间：2023-04-28 13:17:36
稿源：
创意岭 阅读：
695
大家好！今天让创意岭的小编来大家介绍下关于交互设计基本流程的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、整个交互设计师的工作流程有哪些内容
1.接受产品经理下发的产品需求文档和产品流程图
2.分析需求整理成低保真原型图，细化流程，明确功能板块
3.写交互文档
4.将低保真原型图给开发 后台 和视觉设计师，将交互文档给后台和开发
5.跟进项目，解决文档的纰漏
二、UI 设计的整个工作流程是怎样的？
一.UI设计参与完成的流程。
UI设计的工作流程会根据公司性质、规模、项目性质、项目规模、UI职能要求等的不同有所区别。
UI设计参与完成的流程大致为：
1. 参与需求评审，理解PRD
2. 用户调研、情绪板梳理（主要针对一些对体验、视觉要求很高的产品，需要更加多关注人的设计，不是必要流程）
3. 交互设计
4. 视觉设计
5. 视觉评审（视觉稿确定过后）
6. UI走查、验收（开发提测后，发布前）
在工作过程中，可能会组织团队成员对设计方案、项目进行复盘，这样细致的分工会把每个环节都打磨得非常到位。我们再来细分工作中的每一步，具体的工作内容是什么？
1.参与需求评审，理解PRD
一个项目全员开始动工，应该就是从需求评审开始。在产品理清楚需求后，会输出PRD或者原型草图，依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中，项目组成员会对需求、操作流程、业务逻辑等提出不同的问题，产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求，产品会根据大家的疑惑去不断完善需求内容，在多次的需求澄清后，大家达成一致的共识，正式开始动工。
在这个过程中UI设计需要：
（1）反复和产品沟通，确认，协助产品给出原型草图。
（2）协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。
2. 用户调研、情绪板梳理
产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。
在这个过程中UI设计需要：
（1）参与讨论，输出纸稿线框稿、用工具制作线框图。
（2）协助产品初拟产品设计方向和思路，提出可用性设计建议。
3. 交互设计
交互设计阶段一般由交互设计师（UE）和产品一起制定，根据可用性分析结果制定交互方式、操作流程、跳转流程等。在线框图阶段去设计交互流程，可以减少由于交互流程改变而带来的视觉设计的改变。这个阶段会输出原型图，以支持后面做详细的视觉设计。很多公司没有专职的交互设计师，交互设计由产品或者UI完成。
在这个过程中UI设计需要：
（1）这个过程，UI可以依据上一个流程中的输出，初步设计产品的风格，然后和产品不断推敲。
（2）原型设计的不断完善，纸质草图-线框图-低保真-高保真（高保真原型成本较高，很多小规模的公司都不做高保真原型设计）。
4.视觉设计
视觉设计阶段，UI根据界面原型，对界面原型进行视觉效果的处理。该项目组的UI在明确界面风格、要求后，开始制作所有界面的视觉设计
在这个过程中UI设计需要：
（1）确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。
（2）完成所有界面的视觉设计，交出最终的视觉稿。
5. 视觉评审
在视觉稿确定之后，UI设计组针对界面做一致性测试、简洁性测试、美观度测试、用户体验测试、行业标准测试等。然后召集项目组所有人员召开原型的可用性测试评审会，发现可用性问题并提出修改意见。当视觉评审过了之后，配合技术部门实现界面设计的实际效果。
在这个过程中UI设计需要：
（1）针对提出的问题，对界面进行不断的完善。
（2）参与视觉评审全过程。
（3）配合技术部门实现界面设计的实际效果，给出最后的界面效果图，标注好距离、 尺寸、颜色、文字大小等。
（4）输出前端开发工程师需要的切图。
6. UI走查、验收
在发布前，测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈，在依据这些问题把设计工作进行细节调整。再正式发布之后，收集市场上真实的用户体验并记录，为下个版本提供强有力的市场需求。
在这个过程中UI设计需要：
（1）不断完善界面设计。
（2）UI人员把可行性建议进行完善，不断总结以备以后产品设计升级。
当然，以上谈到的UI设计工作只是一个大致的流程，一个项目UI参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同，所做的工作有所缩减或精分。
三、怎样做一个完整的交互设计流程
有什么具体要求吗？
四、交互设计做什么
Ⅰ、 先了解一下交互设计的基本概念：
交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。
Ⅱ、交互设计在项目流程中的位置和任务：
项目前期的流程和节点：
职能的细化就是为了让产品在每个专业环节都做到极致，提高竞争力。如果是为了走流程，每个环节都是任务式的交付，臃肿的分工除了增加成本和拖慢项目进度，没有实际意义。所以交互设计需要做的足够好，才能将这份工作做的有意义。
Ⅲ、交互设计的具体职能：
从上图中可以看出，交互设计主要干三件事：
①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素，制作原型demo
①定义部分需求
以前的惯性思维是需求应该由产品人员负责，设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务，还包括使用者的情感需求。在情感分析方面，交互专业是具有优势的，举个例子：
一个增值服务的宣传模块，业务模型可能是这样子：
考虑到情感因素后，需求模型会不断完善：
上图仅仅是举个例子，真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型，还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候，交互设计师有责任对需求进行修订和完善，这样的目标导向设计才是完整的。
②定义框架
这部分的内容属于交互设计师的核心工作内容，也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱，接下来的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划的不好，再多再大的指引图标都是低效的。交互设计做什么？让用户快速完成目标，提升操作效率，这才是框架设计的意义所在。
破洛洛文章简介：本章主要详述一下交互设计的职能——交互设计师具体做哪些内容？
什么是框架设计呢？这要分成两部分内容：
1.关于结构导航的设计
把我们的产品想象成一个巨大的图书馆，我们需要帮助用户（有目的性的、目的不明确的，无目的性的）寻找他们感兴趣的图书，怎么帮助用户准确的寻找完成目标任务，这就是导航设计。导航的设计任务一般在新项目或重构项目。
导航大概可以分为三种类型：结构导航、关联导航、可用性导航
在框架设计的阶段，交互设计师主要关注于结构导航的设计。
结构导航分两种：全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类，方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。
交互设计师的首要任务就是将业务内容信息组织分类，划分出主次关系，根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢？
回到第一个增值服务页面的例子（虚拟案例，非真实案例）：
将需求梳理后（怎么梳理，请google抽屉整理法），我们可以确认全局导航：
再详细规划局部导航：
局部导航的层级可以不断往下延伸，通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。
2. 关于流程的设计
之前的案例我们已经基本上确认了模块需求有哪些页面，页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的，这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。
虚拟案例：
在流程的规划设计中要遵循：1.以业务目的为主要导向；2.兼容到用户的习惯；3.尽量让流程做减法，多一个流程就会丢一部分用户；4.任务是连贯和清晰的；5.考虑实现方式的复杂程度；欢迎补充…
③组织页面元素，制作原型demo
经过了需求的完善和框架的设计，之前的这些工作还是停留在抽象的想法阶段，怎么把想法转达给项目组的其他人员呢？交互还需要把想法和规划表达出来，那么最好的方式就是制作原型Demo。把Demo做出来，让产品，开发，测试直观的看到产品的雏形， 再广泛的接受意见，对原型进行不断的修正，改进，做简单的用户测试继续挖掘情感需求。
那么怎么去组织页面元素，制作原型Demo？哪些表现层面是交互设计师该重点表达的内容呢？原型的制作又有哪些章法可循呢？这个。.还是等下一个章节再讲吧！
以上就是关于交互设计基本流程相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
