UED设计部门建设方案.docx

UED设计部门建设方案62020年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提出需求PDPD经过对市场和用户的需求进行调研分析后提出无IDEA2产品构思PD、交互设计师根据需求调研结果，结合公司战略方向，提出产品idea，进行产品功能和运营策略的整体规划需求调研报告产品规划方案3撰写BRDPD在对产品规划方案获得可行性论证，关联产品的影响分析基础上，确定产品价值和收益，进行商业需求设计，编写BRD文档产品规划方案BRD4线框图设计交互设计师交互设计师为PD提供专业方案，参与交互方案（即业务流程和概念化的界面原型）的形成BRD初稿低保真线框图5BRD确认PD、交互设计师PD与交互设计师一起共同确认需求的描述与线框图中的主要功能流程设计是否一致嵌入低保真线框图的BRDBRD6评估工作量交互、视觉设计师交互、视觉设计师依据线框图进行交互设计师和视觉设计师的工作量预估。低保真线框图交互、视觉设计师资源计划表7技术评估PD、AA/PLA技术部门的产品架构或应用架构师，根据BRD文档，进行技术评估，识别技术风险BRD/8立项审批PD/UI、DEV、QA管理层立项审批活动，两类形式1. 产品会议或网站会议（会议形式，正式的产品委员参与）2. 立项评估组线下审批（产品、开发、测试三方主管参与）立项提案立项审批结果9启动会项目组全体成员启动项目标志会议各方代表碰头了解项目背景、愿景、目标BRD/10撰写FRDPD细化需求功能点，描述业务流程,功能逻辑, 分支流程, 业务规则，以及交互逻辑等，撰写成功能需求文档BRDFRD11设计交互DEMO交互设计师交互设计师根据已确认的BRD进行交互DEMO设计，并撰写DSD文档BRD交互DEMO、DSD12交互方案可行性评估视觉设计师、前端工程师视觉设计师对交互方案进行视觉页面实现的评估；前端工程师针对DSD文档中对交互设计方案的描述进行前端技术可行性评估DSD、交互DEMO初稿/13概要设计DEV14FRD评审项目组全体成员FRDFRD评审报告15交互DEMO评审项目组全体成员在交互设计师完成交互DEMO设计后，需组织项目组全体成员进行交互DEMO设计内容的评审高保真原型评审记录16设计视觉DEMO视觉设计师视觉设计师依据评审经过的交互DEMO进行视觉DEMO设计，形式为PSD源文件和图片，内容包含视觉设计稿和视觉样式说明交互DEMO视觉DEMO17评估工作量前端工程师前端工程师根据评审经过的交互DEMO进行前端开发工作量的预估交互DEMO前端开发计划18系统设计DEV19视觉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个工作日提交软件测试传递报告系统软件测试传递报告27BUG修复前端工程师、DEV从Bug管理工具中，获取QA提交的bug信息（包含bug表现及属性等），查找问题原因，确定错误代码位置及其关联范围。Bug信息/28执行测试QA29用户体验30预发布SCM31正式发布OPSUED部门角色职责详解：角色职责交互设计师参与产品前期的规划构思，完善产品概念 归纳产品界面的人机交互需求，了解产品设计逻辑 设计产品界面的信息架构、用户操作流程等，给出产品原型 参与DEMO的原型确认 视觉设计师了解产品设计逻辑及符合产品的商业表示习惯 在交互DEMO 的基础上完成产品页面的视觉设计 参与DEMO的原型确认 前端工程师了解产品设计逻辑及交互设计方案 与交互设计师一起进行交互设计方案的技术可行性评估 在视觉DEMO或交互DEMO的基础上完成前端开发，并负责与后台交互的传递 五、 考核标准：回头再写。六、 近期部门工作规划方案：1. 对各成员的工作合理分工；2. 对各成员的新工作适应度考察，然后进行适当调整；3. 制定精确的流程与进度控制，实施，然后再不断优化；4. 各环节输入输出模板的制作；5. 整理公司现有项目的设计和前端代码，制定几套通用性模板；