视觉设计流程与规范

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