视觉设计流程与规范1

1、 视觉设计流程 所 属 域研发 营销 运营支持战略 人力资源 财务 IT管理 采购 行政 外部关系流程类型公司级流程 跨系统流程 系统内流程 部门内流程适用范围适用于在设计中心进行的设计项目及其他BU与设计中心共同开展的联合项目。流程 用户研究与体验设计中心参与流程的岗位产品经理、设计项目经理、用户研究工程师、交互设计师、视觉设计师注：请在所属的选项上，用黄色突出标识。示例：公司级流程1. 目的本流程规定了在用户研究与设计中心进行各种视觉设计项目的过程，包括：项目启动到项目结束的过程描述、图形界面设计师的职责、输入输出等相关规范。本流程要预防或解决的问题：l 规范项目的视觉设计流程l 明确图形

2、界面设计师的职责l 明确项目每个阶段的任务及输入输出l 预防项目在视觉设计过程中的遗漏；2. 适用范围适用于在设计中心进行的设计项目及其他业务部门与设计中心共同开展的联合项目。3. 定义与缩略语 3.1. 定义l 图形界面设计：通过可视性元素的设计，来组织信息的传播，并让用户在信息获取的过程中变得愉悦的活动。l 视觉概念设计：建立在视觉风格推导基础上的尝试和探索性设计，用以描绘出产品视觉风格的基本方向。l 流行趋势分析：为归纳出未来可能流行的视觉元素，把握视觉潮流和发展方向，而对行业热门的视觉表现方式、方法、新鲜事物等进行的分析和整理。l 用户研究：是一种获得和分析用户的目标、需求的方法，它通

3、过对用户的知觉特性、认知心理特性、操作特性的研究，使用户的实际需求成为产品设计的导向，从而使经过设计的产品更符合用户的习惯、经验和期待。l 交互设计：是一种让产品易用、有效，让用户使用产品的过程变得愉悦的活动。3.2. 缩略语l 产品经理(Product Marketing Management)：PMMl 设计项目经理(Design Project Management)：DPMl 用户研究工程师(User Research Engineer)：UEl 交互设计师(Human Computer Interaction Designer)：HCIl 图形界面设计师(Graphics User

4、Interface Designer)：GUI4. 职责以下各部门或岗位的职责仅指与本流程有关的职责，不包括该部门或岗位的其它职责。角色职责产品经理§ 负责提出需求并撰写××产品概要需求说明书及××产品需求规格说明书；§ 负责将可用性需求纳入××产品需求规格说明书；§ 参与三方评审；§ 负责准备评估用产品原型；§ 参与可用性评估；§ 反馈与沟通。视觉设计经理§ 组织召开需求讨论会，接收产品方需求；§ 负责在本部门中分配人员工作：§ 负责把控项目进

5、度及完成质量；§ 负责组织项目例会及项目汇报工作；§ 负责管理项目区中项目稿件及跟踪缺陷的解决；§ 负责监督××产品视觉设计规范说明书的执行情况；§ 参与整个设计过程中的所有评审；交互设计师§ 负责和产品方明确和梳理需求中交互设计内容；§ 协助视觉设计经理收集整理相关产品改进前基础数据；§ 负责交互设计分析；§ 负责进行任务和场景分析；§ 负责交互概念设计；§ 负责输出交互设计稿，并形成文档××产品交互设计说明书；§ 参与可用性评估；§

6、 负责交互实现检查；§ 协助视觉设计经理收集整理相关产品改进后的基础数据；§ 反馈与沟通。视觉设计师§ 参与需求分析和产品方明确和梳理需求中视觉设计内容；§ 协助产品填写××产品视觉设计需求列表；§ 负责视觉设计分析并输出××产品视觉风格推导；§ 负责视觉概念设计；§ 负责输出视觉设计稿件；§ 负责输出××产品视觉规范说明书；§ 协助产品方准备评估用产品原型；§ 参与可用性评估；§ 负责视觉实现的检查并输出视觉实现检查报告；&

7、#167; 负责输出××产品视觉设计总结§ 反馈与沟通。5. 流程5.1. 触发条件（进入流程的条件）设计中心获得项目需求，由产品经理提交××产品概要需求说明书。5.2. 输入××产品概要需求说明书5.3. 流程说明本流程主要包括五个阶段的内容：立项阶段、需求阶段、设计阶段、开发阶段、验证阶段。具体说明如下：5.3.1. 各阶段活动说明5.3.1.1. 立项阶段任务1 接收需求接收到需求后，视觉设计经理通过查看××产品概要需求说明书以及和产品方沟通来了解项目背景。任务2 接收任务视觉设计经理接收相关资料，

8、查看并明确部门中项目人员与时间和其他相关资源的安排。5.3.1.2. 需求阶段任务3 需求分析视觉设计经理召开项目讨论会，并协助产品方填写××产品视觉设计需求列表，明确项目视觉设计需求。任务4 视觉分析根据产品定位、目标用户分析、流行趋势分析、同类产品或竞争产品分析推导出产品视觉设计风格，并收集产品和项目成员意见。根据反馈意见，对文档进行修改和完善。任务5 概念设计根据视觉风格推导，进行视觉概念设计。输出概念设计稿，组织发起项目内部评审。任务6 视觉设计根据视觉风格推导，结合概念设计，进行视觉初稿设计。输出视觉设计初稿，组织发起项目内部评审，根据评审反馈意见中的缺陷列表对设

9、计稿进行修改。5.3.1.3. 设计阶段任务7 设计定稿项目内部评审通过后，视觉设计经理组织发起多方评审会，根据评审会反馈意见对设计稿进行修改。设计稿通过评审后，输出设计定稿。 5.3.1.4. 开发阶段视觉设计部对视觉实现效果进行跟进，进行视觉实现检查。5.3.2. 各活动处理时间约定由设计项目经理根据项目自身情况安排。5.4. 流程关键控制点本流程的目标要有效实现，以下几个要点非常关键，执行过程中必须重点保障这些关键点的执行，以有效控制目标失败的风险。序号关键控制点主要控制者其他控制者01需求讨论会（明确产品视觉设计需求）DPM、GUIHCI GUI PMM UE02多方评审会（缺陷修改） PMM、DPMHCI GUI UE 评审专家03视觉规范设计DPM、GUIHCI5.5. 流程结束事件（退出流程的事件）l 项目由于突发状况中止；l ××产品项目总结完毕，反馈与沟通完成。5.6. 输出l ××产品视觉设计