ui设计师和产品经理谁更大_UI设计整个工作流程是怎样的?

UI设计工作中部门里面主要有哪些工作岗位:产品经理(PM)、交互设计师(ID)、视觉设计师(GUI)、用户体验设计师(UED)、前端程序员、运营人员等。

UI设计,简称:用户界面设计,它包含了软硬件设计,包括了以上GUI、ID、UED工作岗位,只要掌握了全部UI设计技能,以上工作岗位都可以从事。

不同的岗位工作内容不同,一般大公司UI部门都有分工,你负责设计那部分,他负责设计那部分。下面就来说下UI设计工作中的整个工作流程:

1、产品经理(PM)收集客户或老板的设计需求;几乎所有的互联网公司开始开发APP的时候都是从产品发起的。

对于设计流程的设计更倾向于简单高效;主要流程包含:需求收集、需求列表、需求设计、需求开发及最后的需求验收。

9da66c1d859a4fe93d9d06543d1663c2.png

举个,老板说做个社交的APP吧。亘古不变的强需求,像什么百合网呀、珍爱网呀一直处于大热门阶段,因为肯定会有一部分人找不到对象,没时间到线下找对象的。

当老板说要做这么一个APP的之后,产品是需要搜集一些资料,会去找一些有相亲需要的用户,不管是网上还是身边同事,会问大家到底需要什么功能,一条一条的。

比如,女方说我要看到对方的头像必须是真实的、实名认证、年收入... 那男的也有需求呀,比如要看到女方的年龄、身高、体重、教育程度等,这个时候产品就需要整理好一条一条的需求,列到PRD文档里面。

这个算是产品在拿到需求之后做的一些用户的调查。

2、需求评审会议,PM会给交互、UI、开发、测试讲解产品的需求,明确项目需求;(产生PRD文档、线框原型图)

887d4e2beadb867dd44cb4b5194c0f3b.png

我是低保真

在这个环节,不明白的地方随时问。在这个环节会有一个成果出来,可能PRD文档就定稿了,线框原型图也有可能在这个阶段产生。

有些公司还有这种情形,产品先把需求给交互说清楚,然后让交互去做低保真原型,然后再对着原型写PRD。某宝可能是这样。

记好重要的一点:

设计师这一块,PRD文档,线框原型图不拿到手最好不要开工,拿到手之后再干活。因为,不这样做,可能你做出来的东西要反复的改。

插个小话题,产品经理到底是什么样的一个职位呢?

产品经理,在公司经常被大家亲切的称呼为“产品”,这个四个字和UI设计师是一样的,一个职位,只不过它这个职位有经理2个字而已,跟UI设计师是平级的,它的作用是统筹整个项目,并没有比大家的级别高多少。

3、设计组内部会议(产品有可能参加)、界面风格确定;(产出视觉风格稿)

13aacb3b5faf307b12235ab82135d5c7.png

定风格

一般来说,这个阶段会先确定设计负责人,如果你们公司只有一个设计,恭喜!你就是设计负责人。设计负责人会给大家一个分工,谁来画线框图标、谁做一些版式的设计等。

最重要的是,设计负责人会定下1-2人作为主设计师,主设计师会各自设计1-2个视觉风格稿,这个设计风格稿不用把每个页面都做出来,一般情况下,做APP做首页就好了。

等稿子做完之后,设计组再次开会确定到底用哪一套的设计风格。基本项目相关的人都会参加,此时设计师背后“指点江山的人物”都会出现,哪里好,哪里不好的问题也都会来了。

此时记住,所有疑问的解答都需要从用户的需求出发,只有需求才能压得住人,其他都无济于事。

在这个阶段到底怎么确定视觉风格稿,有一个窍门,大家需要了解一下:

3W:whatwhywho(谁,在哪,怎么用,想怎么用)

举个栗子,一款音乐类的APP,大家觉得用户是在家里插着耳机躺在沙发里听,还是在上班的路上听?

一般都是上班路上听吧。所以,我们在做音乐类APP的时候,我们就没必要把播放歌的页面搞的很复杂吧。

网上常见的5W不适用咱们,这里记好3W就可以了。

4、设计分工,完成各自设计工作;可能产出设计规范,有纸质的或者UI-kit

a50e86d69198b2f5ea99e4617389686b.png

我是UI-kit

如果你就是团队负责人,并且只有一个人,恭喜!全都由你来。这样一个好处就是风格绝对统一。如果时间充裕,还会有一个产出物,设计规范。

5、设计输出-效果图、标注图、切图(.png);

上图视觉输出这三个点基本上都捆绑在一起。

设计稿:让开发看到界面长什么样子;

切图:不规则的图形、ICON、小图标都切出来;

标注图:哪个地方多宽、多高、距离多少、用什么颜色给开发标清楚;

一般情况下,这一步需要经过产品的手,需要去审核一下图有没有问题。等一切搞定进行下一步。

20bf346de73601024401a601cba2e03b.png

6、进行开发,完成开发,测试并调试(一个迭代周期完成)这个阶段,一个新的角色出现——测试工程师。他的任务是找Bug,根据产品的文档来一个个的点,看你的APP开发是不是做成那个样子了,有没有出问题的情况。

比如,用户的密码,必须使用英文字符不能使用阿拉伯数字。当测试注册一个账号的时候,他发现可以用使用阿拉伯数字,那么这就是一个Bug。他就会提上去;

再比如,少了一个按钮,这个时候测试工程师就会在公司里面的办公软件里面@ 你,告诉你界面少东西,这个就属于测试并调试的一个过程。

那么,从最初的产品整理需求,然后一步一步到设计、开发、测试调试、再到上线这就算是一个完整的APP开发设计流程。

在这里我相信有很多想要学习UI的小伙伴,我自己是一名从事了多年UI设计的设计师,辞职目前在做自己的UI私人定制课程,我花了一个多月整理了一份最适合2019年学习的UI学习干货,从最基础的UI学习都有整理,送给每一位UI小伙伴,想要获取的可以关注我的头条号并在后台私信我:学习,即可免费获取

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值