UI设计的整个工作流程是怎样的?
发布网友
共9个回答
懂视网
一个完整的UI设计是会经过“需求分析”、“功能设计”、“视觉设计”、“技术实现”、“反馈迭代”，大致的过程是这样 。具体如下：
1、设计一个UI作品，首先要确定目标用户。
在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如：对于科学用户和对于电脑入门用户的设计重点就不同。
确定目标用户之后，就是采集目标用户的习惯交互方式。
不同类型的目标用户有不同的交互习惯，可以通过其原有的针对现实的交互流程、已有软件工具的交互流程来采集，同时还要在此基础上调研分析找到用户希望达到的交互效果，并且以流程确认下来。
2、接下来就是进行UI设计，设计时要遵循一致性的原则。
包括设计目标一致：软件中往往存在多个组成部分（组件、元素），不同组成部分之间的交互设计目标需要一致；元素外观一致：交互元素的外观往往影响用户的交互效果。
同一个（类）软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助；交互行为一致：在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
3、设计要能提示和引导用户。
软件要为用户使用，用户必须可以理解软件各元素对应的功能。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户操作该元素能理解它的功能。
比如：删除操作元素。用户点击删除操作按钮时提示用户如何删除操作或者是否确认删除操作，使用户理解该元素的功能，同时可以取消操作。
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制，软件的交互流程和功能的执行流程，用户可以控制，如果确实无法提供控制，则用能让用户理解的方式提示用户。
4、设计完成后是测试和改进。
设计完成后，可以让准备几套风格没有能明显看出的差异作品部分目标用户进行试用，对用户的感受进行记录，并设计出各种改进方案，对作品进行最终改进，设计出最后的作品。
5、投向市场，收集反馈意见。
最后就是把设计的UI作品投向市场，但不要认为这样就结束了，我们还需要用户反馈，因为好的设计师会在产品上市以后去站柜台，零距离接触最终用户，看看用户真正使用时的感想，为以后的升级版本积累经验资料。
热心网友
UI设计工作的整个工作流程，大致分为三个部分：需求分析-设计执行-数据分析。
在需求分析阶段，你需要对产品和行业本身有一个基本的认识。理解产品的基本情况，如产品目标，用户群体，产品定位，需求分析，功能模块，主要竞争对手，产品特点等。使用本产品可以解决什么问题？要达到什么目的？哪些用户使用该系统？对于不同角色的用户有哪些特定权限？每个用户的行为都需要操作日志来生成吗？该产品的主要功能模块是什么？该产品的商业流程如何？同类型的产品是什么？与他们相比，我们的产品有什么特点？做大而全的后台产品成功与否，是整个设计团队和开发团队能力的体现，而对于许多小团队来说，只能做一些大团队不愿意做的产品，或者在某些方面另辟蹊径，专做精。
参考PM给出的功能列表，在设计执行阶段对原型和流程进行梳理，需要重点考虑当前版本计划、功能模块、功能类型、功能描述、任务优先级、完成时间等，并与交互原型相关联，如功能描述、判定规则条件、触发条件等。完成了原型设计，开始进行UI视觉方面的设计，此时的后端同步构建需求的实现方案。界面设计者对前端的实现框架有了解，便于转换和沟通。接口实现时，UI设计师应首先进行测试，力求视觉设计和代码实现没有错误。设计完成后，从信息层次、文字、图标、图片等多个方面对设计进行查核，进行多次设计验证和测试。
资料分析是优化产品迭代的重要依据。在经过多次测试和审查之后，客户(或内部)才能交付使用，根据所产生的具体问题不断迭代，并且要观察产品是否能通过准确的数据反映问题，体现能力，要虚心接受用户的使用建议，认真思考其合理性，用户的使用和反馈是优化产品的重要途径。唯有实现了管理和运营的目标，才能真正创造价值
热心网友
UI设计师必备知识：大公司设计工作流程规范，啥也不懂进啥公司？
1、在设计之前，首先需要产品经理确定好客户或者老板的需求，没有产品需求，就没有互联网开发，没有需求，我做产品也就没有意义了。
比如说：我们设定一个需求。毕业生都需要找工作，我们需要找公司，但是没有那么多时间一家家的去询问要不要人，我们需要投简历，这个时候就需要网站，需要APP，像智联、58等等热门。
有需求，自然会有交易。这个时候产品经理需要了解这个APP需要具备哪些功能，最好是能够进行及时采访，能够切实地了解到真实需求：比如我找工作，需要公司的规模，是不是真实，薪资构架等等，这些需求都需要储存起来。
了解到真实需求，才有了我们的产品开发。
2、确定需求之后，产品经理会做具体的说明，让交互、UI、开发、测试明确产品需求，明确项目的具体细节。
这个阶段里面是最关键的，涉及到需求与产品的对接。PRD文档和线框原型图一般情况都是在这个环节内明确的。
当然也会有特殊情况，比如某宝，他的流畅是交互明确需求——低保真原型——派PRD，应该是这个流程，出现差错，请轻喷。
这里面需要注意的是：PRD文档，线框原型图出来了之后，设计师才开工，不然也是反复修改。
3、设计组内部会议、界面风格确定，
这个时候需要确定一个设计负责人。设计负责人会给同事做具体的工作安排，线框图标、版式设计等都有具体的分配。
后面就开始出稿，稿子出了之后，需要确定那个风格的效果更好。
判定结果的标准还是客户的需求。
重要的事情说三遍：需求、需求、需求！
4、分工已经明确，进行具体设计工作
5、标注图、效果图、切图
这个不需要多讲，大家都明白。
这个步骤，产品经理会进行把关。
6、开发完成，进行最后的测试
测试工程师会对开发出来的产品进行测试，看看有没有疏漏，有没有错误，当测试和调试完成，上线，就完成了整个开发的流程。
热心网友
1、 目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。） 2、 主要执行人员（UI、UE、需求）
3、 需沟通人员（销售）
4、 实现步骤（会议讨论）
5、 UI主要职责：（定义用户群特征、定义最终用户群、定义产品方向）
热心网友
我倾向于说“交互设计的整个流程”。在我这里，UI是指“界面”，在视觉设计开始之前，界面的的交互策划与设计是很重要的前置步骤，对最终的用户体验有很大的影响。
如果你是对设计比较感兴趣，可以去百度搜索“天琥教育百家号”，看看这个大咖的日常干货分享，挺有帮助的。
1.理解需求
在拿到需求后，首先要做的工作就是要去理解这份需求。
2.明确设计目标
设计目标，直接会联系到产品目标、运营目标以及用户目标等，
3.制定计划
包括时间计划和执行计划。
4.进入分析阶段
此时对于需求已经了解过，明确自己工作地意义所在以及制定了相应的计划，那么就要进入到详细的分析阶段。
热心网友
可以多去站酷、追波、Behance这种垂直社区逛一逛
多学习一些别的软件、掌握更多信息，例如你要知道切图标注最好用的工具是蓝湖
其他就是靠长期积累
热心网友
1. 产品分析
市场背景、产品业务、现有产品各项数据。
2. 用户画像
显性画像：即用户群体的可视化的特征描述。如目标用户的年龄、性别、职业、地域、兴趣爱好等特征。
隐性画像：用户内在的深层次的特征描述。包含了用户的产品使用目的、用户偏好、用户需求、产品的使用场景、产品的使用频次等。
3. 需求确认
产品需求主要是为了满足用户或企业价值，所以一定要确认重要且紧要的需求内容是什么，什么功能和内容暂时不需要做，什么功能和内容放在后期做，因此设计时也要考虑产品未来的扩展性。
4. 逻辑流程
逻辑流程，整个产品的逻辑、内部流程；
用户路径，描述用户在产品内部的路径。
5. 竞品分析
和国内外同类产品进行比较分析，知己知彼。
热心网友
一、产品定位与市场分析阶段
1、 目的（UI设计师应了解产品的市场定位、产品定义、客户群体、运行方式等。） 2、 主要执行人员（UI、UE、需求）
3、 需沟通人员（销售）
热心网友
一、产品定位与市场分析阶段
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主要职责：（对于前九个阶段的界面设计进行详细系统的整理，为下一次界面设计提供有力的市场及专业论据）
