入门必读,UI设计的整个工作流程是怎样的?
UI设计师到底要做什么。今天千锋就来为大家介绍一下UI设计的工作流程,相信即使是零基础的小伙伴也可以轻松理解。
首先,大家要知道,UI设计的整个工作流程有许多人的参与。第一个是产品经理,主要的工作是竞品分析等工作,也是UI设计最核心的一个领头人物。
第二个交互设计师,根据产品经理提供的方案,设计出一套原型图设计。第三个视觉设计师,工作内容是根据交互给的原型图,设计出视觉图。其实无论是交互设计师,还是视觉设计师都统称为UI设计师。
第四个程序员,根据视觉设计师提供的图片,用代码的方式实现其功能,也就是开发APP的过程。第五个运营,负责把已经开发出来的APP推广出去,让更多人来的使用这个产品。
归纳起来就是,产品定位与市场分析阶段,主要由产品经理负责牵头,相关需求部门与产品需求专员、市场人员进行多次会议研讨,经过上级领导同意,确立好需求后即将进入交互设计阶段,这也是UI设计的主要阶段。下面是一个UI设计师的具体工作流程:
1、了解项目分析需求文档
2、草图快速沟通
3、设计开工前沟通需求
4、视觉设计
5、界面输出
(1)目的(配合好技术开发人员完成相关的界面规范沟通、设计需求沟通)
(2)主要执行人员(技术)
(3)沟通(UI、UE、需求部门、销售)
(4)UI设计师的主要职责(对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果)
6、可用性测试阶段
(1)目的(针对一致性测试;信息反馈测试;界面简洁性测试;界面美观度测试;用户动作性测试;行业标准测试)
(2)主要执行人员(技术开发测试部门)
(3)沟通(UI/UE、技术开发部门、产品需求部门、营销运营部门)(4)、UI设计师的主要职责(可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善)
7、产品上线
8、开发后期,细节跟进
9、项目总结
完成了设计工作后,要做的事情就是出一份视觉规范,然后检查一下整体的视觉层级。无论是小型项目还是大型项目,视觉规范都有其存在的必要性。无论是对你自己,还是对于同事,都能起到很好的规范作用,避免不一致的设计。
ui设计流程有哪些?
一、确认用户需求
在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到不同目标用户的交互设计重点,将这些重点融合。例如:老年人用户和专业用户的设计重点就不尽相同,所有的目标用户的需求都要考虑进去。
二、采集交互方式
目标用户不同交互习惯也千差万别。习惯性的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。
三、讨论并制定草图框架
在一个项目的开始,UI设计师就需要参与到整个项目当中。对于产品需求的了解,不只是产品经理或者项目负责人的事情。所以,需要UI设计师、项目负责人、产品经理和客户一起作出讨论。这个时候,你就需要画出一个大概的框架草图。
对于一些外包项目,客户的需求很多时候都是模糊的,这个时候,整个产品的功能、结构框架也都是模糊的,所以,可能需要UI设计师积极的与客户或者项目负责人沟通,了解清楚。要不然,你就会抓瞎,没法开始接下来的项目。
四、流程图
这个时候,你需要结合开始的产品需求和框架草图,用思维导图工具做出一个具体的流程图,理清你的设计思路。这样你的项目负责人可以直观的看到整个的流程,你在开始设计的时候,也可以依据你做的流程图。
做脑图/思维导图/流程图的工具其实有很多。在这里呢,列举一些常用到的流程图工具,如Mindnode/百度脑图/Xmind/Mindmanager等等。
五、原型图
所需工具:Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)等
六、确定设计稿和原型交互demo
所需工具:Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)
七、设计和待开发
所需工具:PS、AI等(设计)、Cutterman (切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。
设计过程就不说了,只要你是一位UI设计师,页面怎么做那你肯定清楚。当你设计完成页面以后,要做的工作就是:标注、切图。
八、引导用户交互
软件是为目标用户服务。因此应该由目标用户来使用和控制软件。软件响应用户的动作和设定的规则。对于目标用户交互的结果和反馈,提示目标用户结果和反馈信息,引导目标用户进行自我需求的下一步操作。
九、一致性原则
1、设计目标一致
2、元素外观一致
3、交互行为一致
十、可用性原则
1、可理解
2、可达到
3、可控制
软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则向目标用户提示相关的信息。
十一、项目进度管理
所需工具:Trello(任务管理)、Bearychat(团队沟通)
相关推荐
UI设计流程
ui设计培训四个月骗局
零基础学ui设计真他妈惨
现在学ui设计都是傻子
UI 设计的整个工作流程是怎样的?
一.UI设计参与完成的流程。
UI设计的工作流程会根据公司性质、规模、项目性质、项目规模、UI职能要求等的不同有所区别。
UI设计参与完成的流程大致为:
1. 参与需求评审,理解PRD
2. 用户调研、情绪板梳理(主要针对一些对体验、视觉要求很高的产品,需要更加多关注人的设计,不是必要流程)
3. 交互设计
4. 视觉设计
5. 视觉评审(视觉稿确定过后)
6. UI走查、验收(开发提测后,发布前)
在工作过程中,可能会组织团队成员对设计方案、项目进行复盘,这样细致的分工会把每个环节都打磨得非常到位。我们再来细分工作中的每一步,具体的工作内容是什么?
1.参与需求评审,理解PRD
一个项目全员开始动工,应该就是从需求评审开始。在产品理清楚需求后,会输出PRD或者原型草图,依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中,项目组成员会对需求、操作流程、业务逻辑等提出不同的问题,产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求,产品会根据大家的疑惑去不断完善需求内容,在多次的需求澄清后,大家达成一致的共识,正式开始动工。
在这个过程中UI设计需要:
(1)反复和产品沟通,确认,协助产品给出原型草图。
(2)协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。
2. 用户调研、情绪板梳理
产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。
在这个过程中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参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同,所做的工作有所缩减或精分。