主页 > 科技 > 正文

UI设计工作流程

2019-04-15 15:07暂无阅读:1371评论:0

作为一个专业UI设计师,不光仅要认识整个产物在UI界面设计,交互设计中的工作流程,更需要认识整个产物从需求提出到产物上线的整个工作流程。以下是互联网产物个部门的工作分派及流程:

UI设计工作流程

从图中能够看到,一个互联网产物从谋划到最后的上线营销,都需要由分歧的部门分管其责,而每个部门中,凭据岗位的划分,在细分到每个工种上来,所以一个互联网产物的斥地流程,并不是单个的人,或许个体的部门能够实现完成的,它是一个完整的团队共同努力的产品。部门与部门,岗位与岗位互相协作合营,才会超卓高效的完成项目。

一样互联网公司会有几个部门划分:

1、产物部门(产物司理、产物专员)

2、设计部门(GUI设计师、交互设计师、前端工程师)

3、研发部门(构架工程师、法式斥地)

4、测试部门(测试专员)

5、市场部门(发卖、渠道、公关、品牌)

6、运营部门(客服、运维)

各部门的工作职责如下:

产物部门:负责产物调研,产物方案谋划,产物原型图设计,和手艺斥地对接,后续或者和运营部门对接。

设计部门:负责产物视觉设计,交互设计,前端结构。有一些公司会把前端这一块划分到斥地部门,来由是前端的工作和法式斥地一般,都是码代码,设计部门就是纯真的尽管视觉设计方面。然则这种说法其实不太准确,前端的代码实现和后台的法式斥地,固然都是码代码,然则运用的手艺是纷歧样的,实现的功能和结果也是不沟通的,所以前端工程师划分到设计部门会更合理一些。

研发部门:产物构架设计,数据库设计,前后台编码设计,后期的运维,收集平安。

测试部门:测试法式中的bug,编写测试规划、测试用例及测试申报等文档,优化流程。

市场部门:产物企划策略,促销运动的谋划及组织,品牌规划和品牌的形象扶植,市场告白推广运动和公关运动。

运营部门: SEO/SEM优化推广,平台运动谋划(线上线下),告白投放,客户关系治理,数据剖析。

设计部门的岗位划分平日有UI设计师、交互设计师、前端工程师,小型公司岗位划分不完美,会把交互设计师的工作(交互流程、交互线框、交互动效)交由产物人员来完成,以下梳理出UI设计师介入和需完成的流程:

UI设计工作流程

一、需求梳理、剖析

发生在产物斥地前,以APP产物为例,会对市场和用户进行调研剖析:市场定位(用户定位、产物定位、手艺定位),市场需求剖析(方针客户群剖析、竞争敌手剖析)。在前期的产物需求剖析会议中,UI设计、手艺工程师都邑介入。此过程UI设计师认识清楚的用户定位,产物定位,竞争敌手剖析,为后期的素材收集和气势把控做预备。

在这个过程中会凭据提炼的真实用户需求来确定产物需求,产物司理将凭据沟通中的相关资料的word、ppt、jpg等等器材翻译成逻辑说话,最简洁的就是产出一张产物功能脑图或许一份功能列表。

产物功能脑图:

产物功能列表:

人人起头商议用户体验流程,在白板上边画流程边添加粗略的UI元素。之后产物司理会在纸上做手绘版线框图。这阶段产物司理、UI设计师、包罗手艺工程师会一同作大量的商议,并且首要商议的是流程和首要功能,是以手画故事版最快最轻易并易于点窜的。此环节要敲定userflow,用户流程及个中的要害步伐,每一步伐都是一个首要界面。之后产物司理绘制纸质版低保真交互原型图(可借用专业的模板本和对象)

二、要害界面线框图(可不带交互功能)

初步产物功能需求梳理清楚之后,产物司理持续跟进,频频沟通,在确定的用户流程中,选出几个要害的,有代表性的步伐,做1:1细化线框图。此环节要确定要害界面里的UI元素和结构,以及全局的结构排版气势。

三、要害界面视觉设计

此环节UI设计师会做要害界面的整体视觉设计,测验分歧气势、颜色的搭配,UI元素的运用,最终确定产物的视觉设计气势。

四、 悉数界面线框图(带交互功能)

产物司理完成1:1带交互和流程的悉数界面线框图设计并确认。

界面线框图(为交互功能添加释义和解说。)

五、 悉数界面视觉设计

UI设计师输出悉数界面的视觉设计图,并确认。

六、 界面标注、切图

1、在确认悉数界面视觉稿今后,首先对每个界面进行标注,标注图移交前端工程师。

标注图(像素大厨、蓝湖等软件)

2、界面切图,移交前端工程师

至此,UI的工作流程才算完成,然则实际项目中,好多环节是一个瓜代迭代的过程,需要一直的点窜和优化,包罗整个流程进入到斥地今后,也会需要UI设计师协同调整,所以UI设计师的工作,不单单是只完成纯真的界面视觉设计,前面包罗用户定位,线框绘制,流程梳理,交互实现,后背包罗前端结构,好多环节,UI设计师都必需介入进来,只有多角度的认识项目,认识各岗位的工作流程,才能做出相符市场需求,相符用户需求的产物。