最近同颖传媒的学术老师米烁涵老师,在与学生探讨UI设计的时候,有很多同学会问起,UI设计的具体流程与其他设计是否相同?或者大同小异?而就此问题,米老师与各位同学分享以下几点经验。 很多人已经开始学习UI设计的知识,希望自己也能加入UI设计师的队伍,成为走在潮流前头的科技达人。那么,你一定要知道,一件经典的UI设计作品经过了怎样的设计过程?UI设计师们都是在做什么?那让我们来看看UI设计师的工作流程吧! 一.产品定位与市场分析阶段 1、 目的(了解产品的市场定位、产品定义、客户群体等); 2、 主要执行人员(UI、UE、需求); 3、 沟通(销售部门); 4、 实现步骤(会议讨论); 5、 UI主要职责(定义用户群特征、定义最终用户群、定义产品方向与分类).
二、用户研究与分析阶段 1、目的(收集相关资料分析目标用户的使用特征、情感、习惯、心理、需求等,提出用户研究报告和可用性设计建议。) 2、主要执行人员(UI、UE、需求、技术) 3、沟通(销售部门) 4、实现步骤(原型草稿) 5、UI主要职责(初步构思,敲定初期方案)
三、架构设计阶段 1、目的(这里涉及到比较多的界面交换与流程的设计,根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素) 2、主要执行人员(UI、UE、需求部门) 3、沟通(销售部门) 4、实现步骤(UI进行风格设计出界面,和需求部门拿出定稿;UE对原型进行优化,整理出交互及用户体验方面意见,反馈给UI及需求部门;UID等待效果图,开始代码编制) 5、UI主要职责:(根据可以性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。界面设计、图标设计、风格设计)
四、原型设计阶段 1、目的(根据进度与成本,可以把原型控制在“手绘-初期图形”几个可视范围) 2、主要执行人员(UI、UE、需求部门) 3、沟通(UID、技术) 4、实现步骤(设计规范;代码及程序开发) 5、UI主要职责:(对前面所以工作以设计方面的实施,根据进度与成本,可以把原型控制在“手绘-初期图形”,不需要有全部的功能,但要体现出设计对象的基本特性)
五、界面设计阶段 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设计师的工作体现在每一个细节中,这是一个对他们自身综合素质的要求,也是在工作中必行的流程。因为精工细作,才会有让人艳羡的作品,这也正是规范合理化设计的魅力所在。 |