UED设计部门建设方案.docx

UED设计部门建设方案

6
2020年4月19日
文档仅供参考
UED设计部门建设方案
一、 部门职责：
1． 对外职责：
以提升公司品牌竞争力与吸引力为导向，经过高质量的设计和周到的服务满足客户需求。不断优化客户的满意度，提升产品附加值，同时也在探寻设计流程与理念的更新与进化，从而为客户提供更具趋势性的概念与设计，为客户提供真正具有前瞻性与独创性的产品体验。
2． 对内职责：
为各部门各类平台、项目提供持续而强有力的创意、设计与后期支持。

二、 主要工作：
内容
比重
1. 视觉设计，关注用户界面的美观度，包括整个产品的风格等；
2. 前端代码实现：用XHtml/CSS/Js等前端技术实现静态页面，前端交互功能实现，优化前端页面性能和流程，改进前端用户体验。
50%
3. 产品前期的用户研究、市场调研、竞品分析、产品设计过程和后期的用户调研、易用性测试和评估等；
4. 业务流程和概念化的界面原型制作；
30%
5. 培训或协助各部门进行各种培训：如VI使用培训；
6. 分享设计资源、技法、心得；
7. 可用性测试，持续改进产品；
8. 新技术的学习和实现。
20%

三、 部门人员分配及工作条件：
UED设计团队，初定5人，后续视情增减：
组长1名：带领设计团队为公司提供专业设计方案，团队建设和管理，建立合理工作流程，保证UI设计团队与产品事业部之间的顺畅高效合作；
视觉设计师2名（当前暂做视觉和交互的工作）：产品的视觉设计，前期用户研究、高低保原型制作等；
前端工程师1名：静态页面的制作、前端交互功能实现、制定交互方式等；
美工1名：需要什么都会，但能够不精通（暂缺）；
以后可能要增加交互设计、文案、数据分析师等人员。

所需软硬件条件：
1. 机器配置请参考当前设计师机器配置；
2. 网络环境需要全开通网络；

其它条件：
1. 在必要时，能够向公司提出人力资源支持，用以完成UED部门工作所需，望下属人员１个月内到位；
2. 对设计工作的要求，如有不合适的，需要双方协商后，确定最终执行方案。
四、 工作流程与各部门衔接：

PS：黄色区域为UED部门的主要工作，其它区域可由各部门负责人增减流程。

号
任务名称
角色
任务描述
输入
输出
1
提出需求
PD
PD经过对市场和用户的需求进行调研分析后提出
 无
IDEA
2
产品构思
PD、交互设计师
根据需求调研结果，结合公司战略方向，提出产品idea，进行产品功能和运营策略的整体规划
需求调研报告
产品规划方案
3
撰写BRD
PD
在对产品规划方案获得可行性论证，关联产品的影响分析基础上，确定产品价值和收益，进行商业需求设计，编写BRD文档
产品规划方案
BRD
4
线框图设计
交互设计师
交互设计师为PD提供专业方案，参与交互方案（即业务流程和概念化的界面原型）的形成
BRD初稿
低保真线框图
5
BRD确认
PD、交互设计师
PD与交互设计师一起共同确认需求的描述与线框图中的主要功能流程设计是否一致
嵌入低保真线框图的BRD
BRD
6
评估工作量
交互、视觉设计师
交互、视觉设计师依据线框图进行交互设计师和视觉设计师的工作量预估。
低保真线框图
交互、视觉设计师资源计划表
7
技术评估
PD、AA/PLA
技术部门的产品架构或应用架构师，根据BRD文档，进行技术评估，识别技术风险
BRD
/
8
立项审批
PD/UI、DEV、QA管理层
立项审批活动，两类形式
1.  产品会议或网站会议（会议形式，正式的产品委员参与）
2.  立项评估组线下审批（产品、开发、测试三方主管参与）
立项提案
立项审批结果
9
启动会
项目组全体成员
启动项目标志会议
各方代表碰头
了解项目背景、愿景、目标
BRD
/
10
撰写FRD
PD
细化需求功能点，描述业务流程,功能逻辑, 分支流程, 业务规则，以及交互逻辑等，撰写成功能需求文档
BRD
FRD
11
设计交互DEMO
交互设计师
交互设计师根据已确认的BRD进行交互DEMO设计，并撰写DSD文档
BRD
交互DEMO、DSD
12
交互方案可行性评估
视觉设计师、前端工程师
视觉设计师对交互方案进行视觉页面实现的评估；前端工程师针对DSD文档中对交互设计方案的描述进行前端技术可行性评估
DSD、交互DEMO初稿
/
13
概要设计
DEV

14
FRD评审
项目组全体成员 

FRD
FRD评审报告
15
交互DEMO评审
项目组全体成员
在交互设计师完成交互DEMO设计后，需组织项目组全体成员进行交互DEMO设计内容的评审
高保真原型
评审记录
16
设计视觉DEMO
视觉设计师
视觉设计师依据评审经过的交互DEMO进行视觉DEMO设计，形式为PSD源文件和图片，内容包含视觉设计稿和视觉样式说明
交互DEMO
视觉DEMO
17
评估工作量
前端工程师
前端工程师根据评审经过的交互DEMO进行前端开发工作量的预估
交互DEMO
前端开发计划
18
系统设计
DEV

19
视觉DEMO评审
项目组全体成员
在视觉设计师完成视觉DEMO设计后，需组织项目组全体成员进行视觉DEMO设计内容的评审
PSD原稿
评审记录
20
前端DEMO开发
前端工程师
前端工程师依据评审经过的视觉DEMO与DSD文档进行前端DEMO的开发
视觉DEMO、
DSD
前端DEMO（带前端功能原型的HTML）
21
前端自测
前端工程师
前端工程师在提交前端DEMO评审前自行测试，确保前端DEMO的质量
HTML
代码检查报告
22
前端DEMO评审
项目组全体成员
项目组全体对前端DEMO是否按交互设计原型及FRD中的需求描述一致进行评审
前端DEMO
评审记录
23
模板调整
前端工程师
前端工程师按需要配合开发工程师进行模板的调整
HTML demo
模板
24
编码
DEV
部署开发环境（开发分支），完成代码编写，并经过自测
需求文档、设计文档、Demo
源代码
25
功能预演/界面验收
PM、技术经理、DEV
编码工作结束，提交测试前，由PM、开发负责人向PD（其它需求方）进行功能预演（开发环境中） 
集成代码
功能预演完成报告
26
提交测试
技术经理、DEV
开发提交测试前，开发工程师在开发环境完成分支与主干的合并，并编译经过；转测试前1个工作日提交《软件测试传递报告》
系统 
软件测试传递报告
27
BUG修复
前端工程师、DEV
从Bug管理工具中，获取QA提交的bug信息（包含bug表现及属性等），查找问题原因，确定错误代码位置及其关联范围。
Bug信息
/
28
执行测试
QA

29
用户体验

30
预发布
SCM

31
正式发布
OPS

UED部门角色职责详解：
角色
职责
交互设计师
参与产品前期的规划构思，完善产品概念
归纳产品界面的人机交互需求，了解产品设计逻辑
设计产品界面的信息架构、用户操作流程等，给出产品原型
参与DEMO的原型确认
视觉设计师
了解产品设计逻辑及符合产品的商业表示习惯
在交互DEMO 的基础上完成产品页面的视觉设计
参与DEMO的原型确认
前端工程师
了解产品设计逻辑及交互设计方案
与交互设计师一起进行交互设计方案的技术可行性评估
在视觉DEMO或交互DEMO的基础上完成前端开发，并负责与后台交互的传递

五、 考核标准：
回头再写。。。。
六、 近期部门工作规划方案：
1. 对各成员的工作合理分工；
2. 对各成员的新工作适应度考察，然后进行适当调整；
3. 制定精确的流程与进度控制，实施，然后再不断优化；
4. 各环节输入输出模板的制作；
5. 整理公司现有项目的设计和前端代码，制定几套通用性模板；