视觉设计流程
所 属 域 □研发 □营销 □运营支持 □战略 □人力资源 □财务 □IT管理 □采购 □行政 □外部关系 流程类型 适用范围 流程 参与流程的岗位 □公司级流程 □跨系统流程 □系统内流程 □部门内流程 适用于在设计中心进行的设计项目及其他BU与设计中心共同开展的联合项目。 用户研究与体验设计中心 产品经理、设计项目经理、用户研究工程师、交互设计师、视觉设计师 注：请在所属的选项□上，用黄色突出标识。示例：□公司级流程
第1页/共7页
1. 目的
本流程规定了在用户研究与设计中心进行各种视觉设计项目的过程，包括：项目启动到项目结束的过程描述、图形界面设计师的职责、输入输出等相关规范。
本流程要预防或解决的问题： 规范项目的视觉设计流程 明确图形界面设计师的职责 明确项目每个阶段的任务及输入输出 预防项目在视觉设计过程中的遗漏；
2. 适用范围
适用于在设计中心进行的设计项目及其他业务部门与设计中心共同开展的联合项目。
3. 定义与缩略语
3.1. 定义
图形界面设计：通过可视性元素的设计，来组织信息的传播，并让用户在信息获取的过程中变得愉悦的活动。
视觉概念设计：建立在视觉风格推导基础上的尝试和探索性设计，用以描绘出产品视觉风格的基本方向。
流行趋势分析：为归纳出未来可能流行的视觉元素，把握视觉潮流和发展方向，而对行业热门的视觉表现方式、方法、新鲜事物等进行的分析和整理。
用户研究：是一种获得和分析用户的目标、需求的方法，它通过对用户的知觉特性、认知心理特性、操作特性的研究，使用户的实际需求成为产品设计的导向，从而使经过设计的产品更符合用户的习惯、经验和期待。 交互设计：是一种让产品易用、有效，让用户使用产品的过程变得愉悦的活动。 3.2. 缩略语
产品经理(Product Marketing Management)：PMM 设计项目经理(Design Project Management)：DPM
第2页/共7页
用户研究工程师(User Research Engineer)：UE
交互设计师(Human Computer Interaction Designer)：HCI 图形界面设计师(Graphics User Interface Designer)：GUI
4. 职责
以下各部门或岗位的职责仅指与本流程有关的职责，不包括该部门或岗位的其它职责。
角色 职责 ? 负责提出需求并撰写《××产品概要需求说明书》及《××产品需求规格说明书》； ? 负责将可用性需求纳入《××产品需求规格说明书》； 产品经理 ? 参与三方评审； ? 负责准备评估用产品原型； ? 参与可用性评估； ? 反馈与沟通。 ? 组织召开需求讨论会，接收产品方需求； ? 负责在本部门中分配人员工作： ? 负责把控项目进度及完成质量； 视觉设计经理 ? 负责组织项目例会及项目汇报工作； ? 负责管理项目区中项目稿件及跟踪缺陷的解决； ? 负责监督《××产品视觉设计规范说明书》的执行情况； ? 参与整个设计过程中的所有评审； ? 负责和产品方明确和梳理需求中交互设计内容； ? 协助视觉设计经理收集整理相关产品改进前基础数据； ? 负责交互设计分析； 交互设计师 ? 负责进行任务和场景分析； ? 负责交互概念设计； ? 负责输出交互设计稿，并形成文档《××产品交互设计说明书》； 第3页/共7页
? 参与可用性评估； ? 负责交互实现检查； ? 协助视觉设计经理收集整理相关产品改进后的基础数据； ? 反馈与沟通。 ? 参与需求分析和产品方明确和梳理需求中视觉设计内容； ? 协助产品填写《××产品视觉设计需求列表》； ? 负责视觉设计分析并输出《××产品视觉风格推导》； ? 负责视觉概念设计； ? 负责输出视觉设计稿件； 视觉设计师 ? 负责输出《××产品视觉规范说明书》； ? 协助产品方准备评估用产品原型； ? 参与可用性评估； ? 负责视觉实现的检查并输出《视觉实现检查报告》； ? 负责输出《××产品视觉设计总结》 ? 反馈与沟通。
5. 流程
5.1. 触发条件（进入流程的条件）
设计中心获得项目需求，由产品经理提交《××产品概要需求说明书》。 5.2. 输入
《××产品概要需求说明书》
第4页/共7页
5.3. 流程说明
本流程主要包括五个阶段的内容：立项阶段、需求阶段、设计阶段、开发阶段、验证阶段。具体说明如下： 5.3.1. 各阶段活动说明 5.3.1.1. 立项阶段
任务1．
接收需求
接收到需求后，视觉设计经理通过查看《××产品概要需求说明书》以及和产品方沟通来了解项目背景。 任务2．
接收任务
视觉设计经理接收相关资料，查看并明确部门中项目人员与时间和其他相关资源的安排。
5.3.1.2. 需求阶段
任务3．
需求分析
视觉设计经理召开项目讨论会，并协助产品方填写《××产品视觉设计需求列表》，明确项目视觉设计需求。 任务4．
视觉分析
根据产品定位、目标用户分析、流行趋势分析、同类产品或竞争产品分析推导出产品视觉设计风格，并收集产品和项目成员意见。根据反馈意见，对文档进行修改和完善。 任务5．
概念设计
根据视觉风格推导，进行视觉概念设计。输出概念设计稿，组织发起项目内部评审。 任务6．
视觉设计
根据视觉风格推导，结合概念设计，进行视觉初稿设计。输出视觉设计初稿，组织发起项目内部评审，根据评审反馈意见中的缺陷列表对设计稿进行修改。 5.3.1.3. 设计阶段
任务7．
设计定稿
项目内部评审通过后，视觉设计经理组织发起多方评审会，根据评审会反馈意见对设计稿进行修改。设计稿通过评审后，输出设计定稿。
5.3.1.4. 开发阶段
视觉设计部对视觉实现效果进行跟进，进行视觉实现检查。
第5页/共7页
5.3.2. 各活动处理时间约定
由设计项目经理根据项目自身情况安排。 5.4. 流程关键控制点
本流程的目标要有效实现，以下几个要点非常关键，执行过程中必须重点保障这些关键点的执行，以有效控制目标失败的风险。 序号 01 关键控制点 需求讨论会 （明确产品视觉设计需求） 02 多方评审会 （缺陷修改） 03 视觉规范设计 DPM、GUI PMM、DPM 主要控制者 DPM、GUI 其他控制者 HCI GUI PMM UE HCI GUI UE 评审专家 HCI 5.5. 流程结束事件（退出流程的事件）
项目由于突发状况中止；
《××产品项目总结》完毕，反馈与沟通完成。 5.6. 输出
《××产品视觉设计需求列表》 《××产品视觉设计提案》 《××产品视觉规范说明书》 《××产品视觉设计稿》 《××项目评审会议纪要》 《××项目视觉设计总结》。
6. 记录
本流程中产生的相关记录和正式文件，由相关业务部门保存两年。
第6页/共7页
视觉设计流程与规范
