ui设计工作流

UI 设计的整个工作流程是怎样的? 一.UI设计参与完成的流程

UI设计的工作流程会根据公司性质规模项目性质项目规模UI职能要求等的不同有所区别

UI设计参与完成的流程大致为:

1. 参与需求评审,理解PRD

2. 用户调研情绪板梳理(主要针对一些对体验视觉要求很高的产品,需要更加多关注人的设计,不是必要流程)

3. 交互设计

4. 视觉设计

5. 视觉评审(视觉稿确定过后)

6. UI走查验收(开发提测后,发布前)

在工作过程中,可能会组织团队成员对设计方案项目进行复盘,这样细致的分工会把每个环节都打磨得非常到位我们再来细分工作中的每一步,具体的工作内容是什么?

1.参与需求评审,理解PRD

一个项目全员开始动工,应该就是从需求评审开始在产品理清楚需求后,会输出PRD或者原型草图,依据PRD或者原型草图来和项目组的全体成员澄清需求在需求澄清会中,项目组成员会对需求操作流程业务逻辑等提出不同的问题,产品完善问题需求澄清不会一次就让项目组全体成员清晰的明确所有需求,产品会根据大家的疑惑去不断完善需求内容,在多次的需求澄清后,大家达成一致的共识,正式开始动工

在这个过程中UI设计需要:

(1)反复和产品沟通,确认,协助产品给出原型草图

(2)协助产品明确产品的市场定位产品定义客户群体运行方式等

2. 用户调研情绪板梳理

产品UIUE等相关人员会依据产品的定位竞品分析目标用户的使用场景需求心理等提出用户的研究报告

在这个过程中UI设计需要:

(1)参与讨论,输出纸稿线框稿用工具制作线框图

(2)协助产品初拟产品设计方向和思路,提出可用性设计建议

3. 交互设计

交互设计阶段一般由交互设计师(UE)和产品一起制定,根据可用性分析结果制定交互方式操作流程跳转流程等在线框图阶段去设计交互流程,可以减少由于交互流程改变而带来的视觉设计的改变这个阶段会输出原型图,以支持后面做详细的视觉设计很多公司没有专职的交互设计师,交互设计由产品或者UI完成

在这个过程中UI设计需要:

(1)这个过程,UI可以依据上一个流程中的输出,初步设计产品的风格,然后和产品不断推敲

(2)原型设计的不断完善,纸质草图-线框图-低保真-高保真(高保真原型成本较高,很多小规模的公司都不做高保真原型设计)

4.视觉设计

视觉设计阶段,UI根据界面原型,对界面原型进行视觉效果的处理该项目组的UI在明确界面风格要求后,开始制作所有界面的视觉设计

在这个过程中UI设计需要:

(1)确定整个界面的风格界面窗口图标色调按钮的表现

(2)完成所有界面的视觉设计,交出最终的视觉稿

5. 视觉评审

在视觉稿确定之后,UI设计组针对界面做一致性测试简洁性测试美观度测试用户体验测试行业标准测试等然后召集项目组所有人员召开原型的可用性测试评审会,发现可用性问题并提出修改意见当视觉评审过了之后,配合技术部门实现界面设计的实际效果

在这个过程中UI设计需要:

(1)针对提出的问题,对界面进行不断的完善

(2)参与视觉评审全过程

(3)配合技术部门实现界面设计的实际效果,给出最后的界面效果图,标注好距离 尺寸颜色文字大小等

(4)输出前端开发工程师需要的切图

6. UI走查验收

在发布前,测试会针对可用性用户体验测试界面等对设计问题进行一下回馈,在依据这些问题把设计工作进行细节调整再正式发布之后,收集市场上真实的用户体验并记录,为下个版本提供强有力的市场需求

在这个过程中UI设计需要:

(1)不断完善界面设计

(2)UI人员把可行性建议进行完善,不断总结以备以后产品设计升级

当然,以上谈到的UI设计工作只是一个大致的流程,一个项目UI参与的流程肯定是会依据公司性质规模项目性质人员配比等不同,所做的工作有所缩减或精分

UI 设计的整个工作流程是怎样的正式开始
我倾向于说交互设计的整个流程在我这里,UI是指界面,在视觉设计开始之前,界面的的交互策划与设计是很重要的前置步骤,对最终的用户体验有很大的影响
我团队在交互设计阶段一般有产品经理交互设计师和UI设计师主要参与以我的了解,很多公司不设专门的交互设计师,而由产品经理完成相关工作以下是我这里的工作流程(图片来自于网络,本团队的就不贴了)这个流程希望整个产品团队都能参与其中并共同加强对产品的理解或者借一个时髦的概念,我是希望团队能具有更多Design Thinking,设计思维,来加强和推动解决问题的能力,并激发更多创新
最开始一定要把Scenario应用场景和Persona用户角色做出来你的产品是在何种场景下被使用,你的用户角色是怎样特征的人设计的对不对,要用用户角色来判断,而不是设计师或产品经理自己把场景和角色描述清楚,并且让整个团队理解透彻,这能保证团队少犯错误
*用户角色 Persona,实际工作中写文字描述就好,不用做的如下图一般高大上如果你要给客户或Boss提案,可以做一个提升逼格

(随机推荐阅读本站500篇优秀文章点击前往:500篇优秀随机文章)
来源:本文由易搜IT博客原创撰写,欢迎分享本文,转载请保留出处和链接!