UED设计部门建设实施方案

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

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

3、制作等；前端工程师1名：静态页面的制作、前端交互功能实现、制定交互方式等；美工1名：需要什么都会，但可以不精通（暂缺）；以后可能要增加交互设计、文案、数据分析师等人员。所需软硬件条件：1 .机器配置请参考目前设计师机器配置;2 . 网络环境需要全开通网络；其它条件：1 .在必要时，可以向公司提出人力资源支持，用以完成UED部门工作所需,望下属人员1个月内到位；2 .对设计工作的要求，如有不合适的，需要双方协商后，确定最终执行方案。四、工作流程与各部门衔接：PS黄色区域为UED部门的主要工作,其它区域可由各部门负责人增减流程。号任务名称角色任务描述输入输出1提出需求PDPD经过对市场和用户的需求

4、进行调研分析后 提出无IDEA2产品构思PD、交互设计师根据需求调研结果，结合公司战略方向，提 出产品idea,进行产品功能和运营策略 的整体 规划需求调研报告产品规划 方案3 幅BRDPD柢寸产品规划方案获得可行性论证，关联产产口口规划方案BRD品的影响分析基础上，确定产品价值和收 益，进行商业需求设计，编写BRD文档4关框图设乂互设计交互设计师为PD提供专业方案，参与交互师方案（即业务流程和概念化的界面原型）的形成BRD初稿低保真线 框图5 BRD胸认PD、交出口与交互设计师一起共同确认需求的描述与嵌入低保真线BRD设计师线框图中的主要功能流程设计是否一致框图的BRD6评估工作量交互、视觉

5、设计师交互、视觉设计师依据线框图进行交互设计 师和视觉设计师的工作量预估。低保真线框图交互、视觉 设计师资源 计划表7技术评估PD、AA/PLA技术部门的产品架构或应用架构师，根据BRD文档，进行技术评估，识别技术风险BRD/8立项审批PD/UI、DEV QA管理层立项审批活动，两类形式1 .产品会议或网站会议（会议形式，正式的 产品委员参与）2 .立项评估组线下审批（产品、开发、测试 三方主管参与）立项提案立项审批结果9启动会项目组全体成员启动项目标志会议各方代表碰头了解项目背景、愿景、目标BRD/10撰写FRDPD细化需求功能点，描述业务流程，功能逻 辑，分支流程，业务规则，以及交互逻辑

6、等，撰写成功能需求文档BRDFRD11设计交互交互设计DEMO师交互设计师根据已确认的BRD进行交互DEMO设计，并撰写DSD文档BRD交互DEMO、DSD12交互方案可行 性评估视觉设计 师、前端 工程师视觉设计师对交互方案进行视觉页面实现的 评估；前端工程师针对DSD文档中对交互设 计方案的描述进行前端技术可行性评估DSD交互DEMO初稿/13概要设计DEV14FRD评审项目势1全体成员FRDFRD评审报告15交互DEMO评审项目组全体成员在交互设计师完成交互DEMO设计后，需组 织项目组全体成员进行父互DEM。设计内容 的评审高保真原型评审记录16设计视觉DEMO视觉设计师视觉设计师依据

7、评审通过的交互DEMO进行 视觉DEMO设计，形式为PSD源文 件和图 片，内容包含视觉设计稿和视觉样式说明交互DEMO视觉DEMO17评估工作量前端工程师刖端工程师根据评审通过的交互DEMO进行前端开发工作量的预估交互DEMO前端开发计划18系统设计DEV19视觉DEMO评审项目组全体成员在视觉设计师完成视觉DEMO设计后，需组 织项目组全体成员进行视觉DEM。设计内容I的评审PSD原稿评审记录20演 DEMO开发前端工程师前端工程师依据评审通过的视觉DEMO与DSD文档进行前端DEMO的开发视觉DEMODSD前端DEMO （带刖际功能原型的HTML）21前端自测前端工程师刖端工程师在提交刖

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

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