2024-11-07 09:00:36
2024-11-07 09:05:26
UI设计的工作流程并没有那么死板,一般会根据公司项目性质、项目规模等不同而有所区别。今天大致介绍下通常情况下UI设计参与完成项目的流程步骤,切记要根据项目实际情况灵活安排。
步骤如下
1. 参与需求评审,理解PRD
2. 用户调研、情绪板梳理(主要针对一些对体验、视觉要求很高的产品,需要更加多关注人的设计,不是必要流程)
3. 交互设计
4. 视觉设计
5. 视觉评审(视觉稿确定过后)
6. UI走查、验收(开发提测后,发布前)了解了大致步骤,我们再来一起看看每个步骤的具体的工作内容:
一个项目全员开始动工,应该就是从需求评审开始。在产品理清楚需求后,会输出PRD或者原型草图,依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中,项目组成员会对需求、操作流程、业务逻辑等提出不同的问题,产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求,产品会根据大家的疑惑去不断完善需求内容,在多次的需求澄清后,大家达成一致的共识,正式开始动工。
在这个过程中UI设计需要:
(1)反复和产品沟通,确认,协助产品给出原型草图。
(2)协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。
产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。
在这个过程中UI设计需要:
(1)参与讨论,输出纸稿线框稿、用工具制作线框图。
(2)协助产品初拟产品设计方向和思路,提出可用性设计建议。
交互设计阶段一般由交互设计师(UE)和产品一起制定,根据可用性分析结果制定交互方式、操作流程、跳转流程等。在线框图阶段去设计交互流程,可以减少由于交互流程改变而带来的视觉设计的改变。这个阶段会输出原型图,以支持后面做详细的视觉设计。很多公司没有专职的交互设计师,交互设计由产品或者UI完成。
在这个过程中UI设计需要:
(1)这个过程,UI可以依据上一个流程中的输出,初步设计产品的风格,然后和产品不断推敲。
(2)原型设计的不断完善,纸质草图-线框图-低保真-高保真(高保真原型成本较高,很多小规模的公司都不做高保真原型设计)。
视觉设计阶段,UI根据界面原型,对界面原型进行视觉效果的处理。该项目组的UI在明确界面风格、要求后,开始制作所有界面的视觉设计。
在这个过程中UI设计需要:
(1)确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。
(2)完成所有界面的视觉设计,交出最终的视觉稿。
在视觉稿确定之后,UI设计组针对界面做一致性测试、简洁性测试、美观度测试、用户体验测试、行业标准测试等。然后召集项目组所有人员召开原型的可用性测试评审会,发现可用性问题并提出修改意见。当视觉评审过了之后,配合技术部门实现界面设计的实际效果。
在这个过程中UI设计需要:
(1)针对提出的问题,对界面进行不断的完善。
(2)参与视觉评审全过程。
(3)配合技术部门实现界面设计的实际效果,给出最后的界面效果图,标注好距离、 尺寸、颜色、文字大小等。
(4)输出前端开发工程师需要的切图。
在发布前,测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈,在依据这些问题把设计工作进行细节调整。在正式发布之后,收集市场上真实的用户体验并记录,为下个版本提供强有力的市场需求。
在这个过程中UI设计需要:
(1)不断完善界面设计。
(2)UI人员把可行性建议进行完善,不断总结以备以后产品设计升级。
以上谈到的UI设计流程只是一个大致的框架,一个项目UI参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同,所做的工作有所缩减或精分。
2024-11-07 14:06:03
2024-11-07 14:15:23