UI 设计的整个工作流程是怎样的?

作为一个专业UI设计师,不仅仅要了解整个产品在UI界面设计,交互设计中的工作流程,更需要了解整个产品从需求提出到产品上线的整个工作流程。

以下是互联网产品个部门的工作分配及流程:

从图中可以看到,一个互联网产品从策划到最后的上线营销,都需要由不同的部门分担其责,而每个部门中,根据岗位的划分,在细分到每个工种上来,所以一个互联网产品的开发流程,并不是单个的人,或者个别的部门可以实现完成的,它是一个完整的团队通力合作的产物。部门与部门,岗位与岗位相互协作配合,才会出色高效的完成项目。

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

1、产品部门(产品经理、产品专员)

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

3、研发部门(构架工程师、程序开发)

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

5、市场部门(销售、渠道、公关、品牌)

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

各部门的工作职责如下:

产品部门:负责产品调研,产品方案策划,产品原型图设计,和技术开发对接,后续可能和运营部门对接。

设计部门:负责产品视觉设计,交互设计,前端布局。有一些公司会把前端这一块划分到开发部门,理由是前端的工作和程序开发一样,都是码代码,设计部门就是单纯的只管视觉设计方面。但是这种说法其实不太正确,前端的代码实现和后台的程序开发,虽然都是码代码,但是运用的技术是不一样的,实现的功能和效果也是不相同的,所以前端工程师划分到设计部门会更合理一些。

研发部门:产品构架设计,数据库设计,前后台编码设计,后期的运维,网络安全。

测试部门:测试程序中的bug,编写测试计划、测试用例及测试报告等文档,优化流程。

市场部门:产品企划策略,促销活动的策划及组织,品牌规划和品牌的形象建设,市场广告推广活动和公关活动。

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

设计部门的岗位划分通常有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设计师都必须参与进来,只有多角度的了解项目,了解各岗位的工作流程,才能做出符合市场需求,符合用户需求的产品。

来源:千锋UI设计

转自:千锋UI设计学院的回答 - 知乎

https://www.zhihu.com/question/23195742/answer/635701574

原文地址:https://www.cnblogs.com/leolei/p/10621850.html

时间: 2024-10-02 11:51:12

UI 设计的整个工作流程是怎样的?的相关文章

想学UI设计,没基础怎么办?

说说很多人都担心的几个问题 问题一:一个朋友想学UI设计,没有任何基础的,也没有美术功底,想问问有经验的人需要多久能学会?想从事UI设计这方面的工作? 问题二:北京有好的UI培训班吗? 问题三:我了解的有一个培训的,是上午学画画,下午上课,学习6个月.不知道这么短的时间能学会吗? 问题四:六个月是不是只学习了皮毛?好就业吗? 问题五:没有学历的,不知道在成都这边学完好找工作吗? 问题六:UI设计发展前景怎么样?好像分很多种?哪种最好? 一.关于UI设计前景.就业问题 首先UI培训设计伴随着新媒体

橙色优学:2019年设计行业怎么样?UI设计行业前景分析

互联网的飞速发展带动了UI行业的火爆,成为时下最热门的高新技术行业.UI设计区别于传统的平面设计,更加注重界面.交互.体验等方面,这使UI设计变为了高薪的行业,对设计师的技能要求也就变得更加严格. 自2007年出现第一台iPhone开始,UI设计师的需求便迅速增长,甚至出现井喷之势,然而,时过境迁,如今UI设计行业又发生了不小的变化,甚至出现不少不利的言论.有人说UI设计行业泡沫巨大,未来发展难以预计.而且许多UI设计师都找不到工作,高薪更是无从谈起,这个新兴行业发展已无前途可言. 其实,并非U

提升UI设计工作效率的4个技巧

如何提高UI 设计的速度?在这里分享一些我观察到的常见问题和改善方式.当然,需要注意的地方何其多,本文先着重聊一下观念和沟通的部分. 身为ui设计师的你,应该要?? 了解工程实作的基本原理 业界 NG 率:接近 100% 许多人认为创造力和逻辑是左右半脑分开管辖的.设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好--我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文. 但事实上这种刻板印象除了阻碍你进步以外可说是一点用都没有(而且不见得是正确的)

学ui设计能找到好工作吗?

最近身边有好多人都在讨论去学ui设计,讨论来考虑去,纠结得不行,不过想想,其实大家考虑就是学ui设计能找到好工作吗?ui设计有前途吗?这么多人在学ui,我能找到工作吗?那海文小编就带你们先来了解下学ui设计是学什么. 学ui设计是学什么? 学ui设计是学什么?所谓的UI设计师,到底是干嘛的?山东海文小编今天就给你科普一下下.首先复习一下UI的概念:UI即User Interface(用户界面)简称.UI设计则是指对软件的人机交互.操作逻辑.界面美观的整体设计.好的UI设计不仅是让软件变得有个性有

【嵌入式开发】 Bootloader 详解 ( 代码环境 | ARM 启动流程 | uboot 工作流程 | 架构设计)

作者 : 韩曙亮 博客地址 : http://blog.csdn.net/shulianghan/article/details/42462795 转载请著名出处 相关资源下载 :  -- u-boot 源码 : http://download.csdn.net/detail/han1202012/8342761 -- S3C2440 文档 : http://download.csdn.net/detail/han1202012/8342701 -- S5PV210_iROM_Applicati

【APP UI 设计模式】(一)APP UI 设计原则和流程

一.基本原则         1.用户体验原则UCD,以用户为中心去设计         2.设计模式是可重用的设计规范实现         3.反模式是糟糕设计的典型,极力避免使用         4.试验模式--超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式. 二.主要内容         1.APP UI 设计模式描写叙述的对象是智能手机.平板.智能设备等设备上执行的应用程序.         2.设备多样性-->设计多样性         3.设备类型定义:        

UI设计行业饱和了?UI设计好找工作吗?

UI设计在中国发展将近10年了,在这10年里随着互联网行业的极速发展,同时带动了UI设计行业的快速发展,UI设计师越来越被人知晓和提及.越来越多的企业都缺少UI设计师,而高校没有设置相关专业,造成UI设计师人才缺乏,UI设计师的待遇和薪资也越来越高.很多培训机构看准了这个机会,开设UI设计培训课程,几年里很多毕业学生,转业人事都加入到了UI设计这个行业. 有一些人发出了"UI设计师行业已经饱和了?工作找不到,工资太低了"这样的感慨,这些人去找设计师工作面试基本上都被pass掉,所以才会

UI设计需要学什么?

UI这个概念,也许没有入行的朋友还是挺陌生,但是对于从事UI设计的设计师来说可以很火高薪的工作.其实UI设计囊括了很多方面,做网页也属于UI,做软件设计也属于UI,所以不要分的那么细致,在工作中逐渐找寻自己的方向,发展自己的爱好.选UI设计要看你选择的工作,一般都是具备一定的软件操作能力后,在工作中不断积累的. ui即User Interface(用户界面)的简称.UI设计则是指对软件的人机交互.操作逻辑.界面美观的整体设计.现在比较多的UI实际上就是GUI设计.也就是图形用户界面的设计,包括软

UI设计培训中所需要的手绘能力

一.漫画 主要不是绘画能力,更重分镜头,叙事能力,脚本编写能力,很多画的不好,但依然存活很多年的漫画还真不少,甚至可以证明,绘画能力的底线可以很低. 二.游戏原画 虽然工作内容是画画,但游戏世界观多数是架空世界观,历史及文明的视觉搭建.所以对历史符号,架空世界观,产品类型,研发流程实现等行业知识更重要. 三.影视 跟游戏差不多,但是你设计出来的东西都能实现.场景,道具,服装,你对施工,材料,拍摄效果,后期等相关知识得有足够了解.那些看起来都是画画的工作,其实绘画只是表达手段.是最最基础的一个职业