UI设计和我们的生活联系越来越紧密,精致美观的界面总能让用户赏心悦目,很多人已经开始学习UI设计的知识,希望自己也能加入UI设计师的行列,成为走在潮流前端的科技人才,那么你一定要知道,一个优秀作品都进行了怎样的UI设计流程。UI设计师们每天都在干什么,熟悉UI设计流程,助你早日成为UI设计达人。
上图是某家公司内部的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设计师的朋友可以加我威芯473343008,分享一波学习资料,助你早日成为高端的UI设计师。