UED设计部门建设方案详细

1、UED设计部门建设方案部门职责：1. 对外职责：以提升公司品牌竞争力与吸引力为导向 ，通过高质量的设计和周到的服务满足客 户需求。不断优化客户的满意度，提升产品附加值，同时也在探寻设计流程与理 念的更新与进化，从而为客户提供更具趋势性的概念与设计 ，为客户提供真正具 有前瞻性与独创性的产品体验。2. 对内职责：为各部门各类平台、项目提供持续而强有力的创意 、设计与后期支持。主要工作：内容比重1. 视觉设计，关注用户界面的美观度，包括整个产品的风格等；2. 前端代码实现：用XHtml/CSS/Js等前端技术实现静态页面，前端交互功能实现，优化前端页面性能和流程,改善前端用户体验。50%3. 产品

2、前期的用户研究、市场调研、竞品分析、产品设计过程和后期的用户调研、易用性测试和评估等；4. 业务流程和概念化的界面原型制作；30%5. 培训或协助各部门进行各种培训：如VI使用培训；6. 分享设计资源、技法、心得；20%7. 可用性测试，持续改进产品；8. 新技术的学习和实现。三、部门人员分配及工作条件：UED设计团队，初定5人，后续视情增减：组长1名：带领设计团队为公司提供专业设计方案，团队建设和管理，建立合理工作流程，保证UI设计团队与产品事业部之间的顺畅高效合作；视觉设计师2名（目前暂做视觉和交互的工作）：产品的视觉设计，前期用 户研究、高低保原型制作等；前端工程师1名：静态页面的制作、

3、前端交互功能实现、制定交互方式等；美工1名：需要什么都会，但可以不精通（暂缺）；以后可能要增加交互设计、文案、数据分析师等人员。所需软硬件条件：1. 机器配置请参考目前设计师机器配置2. 网络环境需要全开通网络；其它条件：1. 在必要时，可以向公司提出人力资源支持，用以完成UED部门工作所需，望下属人员1个月内到位；2. 对设计工作的要求，如有不合适的，需要双方协商后，确定最终执行方案。四、工作流程与各部门衔接：lek忙氏lek忙氏rMH一3IWEFMOW转想養*BhAoEao 鴨逼时联oEcrD蛊Kfcf 舟汇4也阳强口畑+:逍-Bra-8Mlefp 呕”售2d-聊赛丘EOM.PS:黄色区域

4、为UED部门的主要工作，其它区域可由各部门负责人增减流程号任务名称角色任务描述输入输出1提岀需求PDPD经过对市场和用户的需求进行调研分 析后提出无IDEA2产品构思PD、交互设计师根据需求调研结果，结合公司战略方 向，提出产品idea ,进行产品功能和运 营策略的整体规划需求调研报告产品规划方案3撰写BRDPD在对产品规划方案获得可行性论证，关 联产品的影响分析基础上，确定产品价 值和收益，进行商业需求设计，编写BRD文档产品规划方案BRD4线框图设计交互设计师交互设计师为PD提供专业方案，参与交互方案（即业务流程和概念化的界面原型）的形成BRD初稿低保真线 框图5BRD确认PD、交互设计师

5、PD与交互设计师一起共同确认需求的描 述与线框图中的主要功能流程设计是否 一致嵌入低保真线框图的BRDBRD6评估工作量交互、视 觉设计师交互、视觉设计师依据线框图进行交互 设计师和视觉设计师的工作量预估 。低保真线框图交互、视 觉设计师 资源计划 表7技术评估PD、AA/PLA技术部门的产品架构或应用架构师 ，根 据BRD文档，进行技术评估，识别技术 风险BRD/8立项审批PD/UI、DEV、QA管理层立项审批活动，两类形式1. 产品会议或网站会议（会议形式，正式的产品委员参与）2. 立项评估组线下审批（产品、开发、测试三方主管参与）立项提案立项审批结果9启动会项目组全体成员启动项目标志会议

6、各方代表碰头了解项目背景、愿景、目标BRD/10撰写FRDPD细化需求功能点，描述业务流程，功能逻 辑,分支流程，业务规则，以及交互逻辑 等，撰写成功能需求文档BRDFRD11设计交互DEMO交互设计师交互设计师根据已确认的 BRD进行交互DEMO设计，并撰写DSD文档BRD交互DEMO、DSD12交互方案可 行性评估视觉设计 师、前端视觉设计师对交互方案进行视觉页面实 现的评估；前端工程师针对DSD文档中DSD、交互DEMO初稿/工程师对交互设计方案的描述进行前端技术可 行性评估13概要设计DEV14FRD评审项目组全体成员FRDFRD评审报告15交互DEMO评审项目组全体成员在交互设计师完

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

8、通过的视觉 DEMO 与DSD文档进行前端 DEMO的开发视觉DEMO、DSD前端DEMO（带前端 功能原型 的HTML）21前端自测前端工程师前端工程师在提交前端 DEMO评审前自 行测试，确保前端DEMO的质量HTML代码检查 报告22前端DEMO评审项目组全体成员项目组全体对前端DEMO是否按交互设 计原型及FRD中的需求描述一致进行评 审前端DEMO评审记录23模板调整前端工程师前端工程师按需要配合开发工程师进行模板的调整HTML demo模板24编码DEV部署开发环境（开发分支），完成代码 编写，并通过自测需求文档、设 计文档、Demo源代码25功能预演/界 面验收PM、技术经理、D

9、EV编码工作结束，提交测试前，由PM、开 发负责人向PD （其他需求方）进行功能 预演（开发环境中）集成代码功能预演完成报告26提交测试技术经理、DEV开发提交测试前，开发工程师在开发环 境完成分支与主干的合并，并编译通 过；转测试前1个工作日提交 软件测试 传递报告系统软件测试传递报告27BUG修复前端工程师、DEV从Bug管理工具中，获取QA提交的bug 信息（包含bug表现及属性等），查找Bug信息/问题原因，确定错误代码位置及其关联 范围。28执行测试QA29用户体验30预发布SCM31正式发布OPSUED部门角色职责详解角色职责交互设参与产品前期的规划构思，完善产品概念计师归纳产品界面的人机交互需求，了解产品设计逻辑设计产品界面的信息架构、用户操作流程等，给出产品原型参与DEMO的原型确认视觉设了解产品设计逻辑及符合产品的商业表达习惯计师在交互DEMO的基础上完成产品页面的视觉设计参与DEMO的原型确认前端工了解产品设计逻辑及交互设计方案程师与交互设计师一起进行交互设计方案的技术可行性评估在视觉DEMO或交互DEMO的基础上完成前端开发