如何提升前端团队产能

Posted 前端漫游

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何提升前端团队产能相关的知识,希望对你有一定的参考价值。

回顾过去在前端团队的工作,有一些出现频率很高的词:任务拆解、招聘面试、代码重构、技术规划、人员成长等等,阶段性总结,有做得好的、有结果不理想的,过程中也有很多事之间存在冲突,分析背后的诉求,有一个共同目标:提升团队产能,在资源有限的情况下,当前哪些事要做,哪些事可以不必做,团队产能如何提升,需要有更系统的思路和方法。


先定一个公式:前端团队产能 = 人均产能 x 人数 - 离职率 x 人均离职成本。


人均产能如何提升


拆解出影响人均产能的因素,逐个优化。


1、基础设施


  • 代码管理,GitLab。

  • 自动化,GitLab CI、Webhook、Rsync、Shell 脚本等等,实现从代码提交到后续环节各种需求的自动化,自动部署打包、自动发邮件、自动生成 Changelog 等等。

  • 前端构建工具,FIS、Gulp、Webpack 等等,满足本地开发调试和发布部署需求,视项目技术栈和发布部署需求而定。


2、多人协作能力


多人协作的关键在于:约定,需要约定的内容由分工和团队成员的能力结构决定,常见的约定包括:


  • 需求文档,产品经理与研发工程师的约定,包括:交互稿、UI 稿、需求描述文档等等。

  • API 文档,前后端接口的约定,基于 API 规范以及规范相关工具,如:OpenAPI 规范、Swagger UI、Swagger Editor 等等。

  • NPM,包规范的支持,组织第三方 javascript 模块,解决项目开发中的依赖问题。

  • 组件化,前端功能拆解与组装的约定,前端团队内多人协作的基础,主流方案如:React、Vue、Angular。

  • 数据流管理方案,开发复杂应用除了组件化还需要分层,主流方案如:Redux、Mobx、Vuex、RxJS 等等,由此衍生出一些新的约定,如:Action 的约定、 Store 的约定。

  • Git 分支模型,产品开发与发布的约定。

  • 迭代模式,产品研发流程的约定,相关工具如:Jira、Trello 等等。


3、代码的生命周期


影响代码生命周期的关键因素:


  • 需求变更频率,常见的问题:需求细节没理清楚、研发的理解有出入、给到用户后发现不是他想要的等等,对应的解决方式,如:需求评审、设计文档、MVP 思路等等。

  • 代码抽象水平,缺少抽象会导致功能难以扩展,关联需求出现后需要频繁改动大量的执行逻辑,主要在于工程师的编程能力、业务理解能力,常用的辅助手段,如:技术评审。

  • 代码质量,单元测试、E2E 测试、Code Review。


4、代码复用


复用的诉求视业务情况而定,如:


  • 跨产品的代码复用,依赖 UI 设计规范、组件化、业务单元的抽象,技术栈不统一时还需要考虑跨技术栈的复用,如:iFrame 方案、微前端方案。

  • 跨端的代码复用,如:React Native、Flutter、以及针对国内各种小程序平台的统一开发框架。

  • 页面或应用组装方式的复用,如:百度的 H5 页面制作工具。


5、人员成长


人员成长能给团队带来巨大的收益,从指导干活到独挡一面再到带人做事,新人的价值会成倍增长,优秀工程师甚至能以一抵十。


成长的关键因素有两点:


  • 自我驱动,对技术的热情、勤奋、追求极致、不断跳出舒适区,比较常见的反例是:业务驱动、任务驱动,只求完成业务需求,对技术的掌握点到即止、能用就行。

  • 学习方法,知识 -> 能力 -> 价值,有效的成长需要完成这样的转化过程,比较常见的现象是:小 A 说“今年计划学习某某编程语言”,但这只是知识的部分,学完之后可能不久就忘掉,时间也白费了,计划学习某些知识时,要大致能看到转化的路径,学习知识后转化为能力的场景是什么,具备一些能力后输出价值的场景是什么。


帮助团队人员成长的手段:导师制、技术分享、成长规划、专业方向的高要求等等。


人数如何增长


招聘的话题,简历人数 -> 面试人数 -> 谈 offer 人数 -> 接 offer 人数 -> 入职人数,分析各个环节的转化率,逐个优化。


基本的前提是:招聘要求,什么样的能力和经验是我们需要的,什么样的素养与我们契合,避免纯技术维度的考量,关注候选人在过去团队中发挥的价值。


业务前景、薪酬福利,除了这些常规因素外,还有两个关键点:


  • 影响力,把业务做大做强很牛,对外输出价值更能揽人心,技术分享、开源项目等等,需要长时间的经营。

  • 『故事』,大公司有大公司的好,创业团队有创业团队的空间,因人而异,分析候选人的特点,把能给的故事讲明白。


离职率如何降低


除常规因素外,还有两个关键点:


  • 成就感,技术层面,要有好与不好标准和高要求才有成就感的来源,把代码写得更好、把事情做得更极致,成为基本的团队风格;业务层面,关键在于自上而下的信息传递,传递到一线成员的除了任务与时间点,关联的目标和价值要多讲讲。

  • 成长空间,首先要有对成长的定义:知识 -> 能力 -> 价值,再结合业务特点设计成长方向与路径,如:复杂 Web 应用的开发、数据可视化、Node 等等。


人均离职成本如何降低


  • 防止知识丢失,产品研发的最终交付除了代码,还要有一系列文档:需求文档、API 文档、总体设计文档、会议纪要、代码注释等等。

  • 人员备份,避免出现关键业务单人跟进的情况,降低技术门槛,如:统一的开发流程、统一的技术栈等等,降低业务门槛,如:新功能、新业务的串讲。


应该怎么做


先设定一个时间线,确定当下要关注多长时间内的产能,三个月、半年、一年,或者更长,由企业所处的阶段决定。


在这个时间线上看各个因素的投入产出比和确定性,有些投入可能需要一年或更长时间才能看到收益,如果我们只关注三个月、半年的产能,那这些事大可不必做;有些投入很确定能立马产生收益,比如:自动化,可以多投入资源做。



---


以上是关于如何提升前端团队产能的主要内容,如果未能解决你的问题,请参考以下文章

DevOps 如何帮助前端提升研发效率?

提升电子邮件产能的4个重要指标

如何提升前端开发速度和效率

循环智能亮相WAIC,以自然语言提升人员产能

全力以赴提升粮食产能建设责任担当

传统企业DevOps与微服务如何落地?QCon北京大会揭晓!