视觉设计流程与规范

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

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

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

4、计师(Graphics User In terface Desig ner): GUI 4. 职责 以下各部门或岗位的职责仅指与本流程有关的职责，不包括该部门或岗位的其 它职责。 角色 职责 产品经理 ?负责提出需求并撰写XX产品概要需求说明书 及XX产 品需求规格说明书； ?负责将可用性需求纳入XX产品需求规格说明书； ?参与二方评审； ?负责准备评估用产品原型； ?参与可用性评估； ?反馈与沟通。 视觉设计经理 ?组织召开需求讨论会，接收产品方需求； ?负责在本部门中分配人员工作： ?负责把控项目进度及完成质量； ?负责组织项目例会及项目汇报工作； ?负责管理项目区中项目稿件及跟踪缺陷的解

5、决； ?负责监督XX产品视觉设计规范说明书的执行情况； ?参与整个设计过程中的所有评审； 交互设计师 ?负责和产品方明确和梳理需求中交互设计内容； ?协助视觉设计经理收集整理相关产品改进前基础数据； ?负责交互设计分析； ?负责进行任务和场景分析； ?负责交互概念设计； ?负责输出交互设计稿，并形成文档XX产品交互设计说明 书； ?参与可用性评估； ?负责交互实现检查； ?协助视觉设计经理收集整理相关产品改进后的基础数据； ?反馈与沟通。 视觉设计师 ?参与需求分析和产品方明确和梳理需求中视觉设计内容； ?协助产品填写XX产品视觉设计需求列表； ?负责视觉设计分析并输出XX产品视觉风格推导；

6、?负责视觉概念设计； ?负责输出视觉设计稿件； ?负责输出XX产品视觉规范说明书； ?协助产品方准备评估用产品原型； ?参与可用性评估； ?负责视觉实现的检查并输出视觉实现检查报告； ?负责输出XX产品视觉设计总结 ?反馈与沟通。 5. 流程 5.1. 触发条件（进入流程的条件） 设计中心获得项目需求，由产品经理提交XX产品概要需求说明书 52输入 XX产品概要需求说明书 5.3. 流程说明 本流程主要包括五个阶段的内容：立项阶段、需求阶段、设计阶段、开发阶段、验证 阶段。具体说明如下： 5.3.1. 各阶段活动说明 5.3.1.1. 立项阶段 任务 1 接收需求 接收到需求后，视觉设计经理通

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

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