支付宝玉伯:从前端到体验,如何把格局做大

简介: 国内的前端行业,是一个群星璀璨的神秘圈子。今天橙子要给大家介绍一位同事,他是这个行业的拓荒者。

国内的前端行业,是一个群星璀璨的神秘圈子。今天橙子要给大家介绍一位同事,他是这个行业的拓荒者。

image.png

他叫玉伯,是蚂蚁金服的研究员,带领着体验技术部,打造出 Ant Design、AntV、Eggjs 等广受欢迎的开源项目,他所在的团队也成为国内前端开发者向往的地方。

在同事眼中玉伯是个严谨的人。他工作中严谨,在生活中热爱分享。

他曾以 lifesinger 为笔名写名为“岁月如歌”的博客、参与 GitHub 上的开源社区,到现在也经常在知乎上分享自己的知识和见解。

从中科院到支付宝

时间回到 2006 年,当时在中科院物理所进行硕博连读的玉伯对前途产生了迷茫。这样继续深造,将来投身学术界,还是出来干一番事业?

当时,腾讯的 QQ 已经有所起色,在年轻人之间开始风靡,淘宝网已经成为中国最受欢迎的线上购物网站,互联网正风起云涌。这时,玉伯得知中科院软件所正在招人,一番思考之后,玉伯毅然放弃学业投身到软件行业。

中科院的生活简单但少了激情,2008 年,玉伯终于离开了象牙塔,南下杭州,加入了当时正在招兵买马的淘宝 UED。虽然并非科班出身,但从2002 年起就已经开始接触前端开发的他,从此与前端结下了不解之缘。

加入淘宝 UED 后,他与承玉等人一起研发了 Kissy,当时淘宝前台业务的标准前端技术栈,并将之开源,在 GitHub 上,Kissy 一度是阿里系开源项目 Star 数最多的项目。

在淘宝期间,玉伯还发起了 Sea.js,一个开源的 JavaScript 模块加载框架,它契合了前端工程化的演进趋势,也是现代大中型前端项目的基础。

2012 年,玉伯加入支付宝前端开发部,负责基础技术组。第二年,他遇到了职业生涯的另一个重大选择:阿里宣布“ALL IN 无线”,支付宝前端解体,所有人都面临选择,要么转岗去做移动端开发,要么留下来做中后台的前端开发。玉伯选择留了下来。

虽然回头来看,无论是走的还是留的,都挺好。但当时对于玉伯却是一个痛苦的选择,甚至对前端的价值产生了怀疑,他在《阿里前端的困局与突围》中写道:

我们不得不承认一个事实:前端的确有价值,但放在全局来看,前端产生的价值并非核心价值。 在阿里,虽然前端的工作已经不可或缺,但对大公司而言,不可或缺的岗位多了去呢,不可或缺不代表有核心价值。

不过好在,他很快振作起来,从中后台业务中找到了前端的价值。

“后来我们发现中后台业务也是有很多事情可以去做的,无论是业务还是技术都值得深挖,只是以前前端只关注 C 端业务,但其实 To B 的业务对前端来说是一片蓝海。”玉伯说。

玉伯发现中后台的业务量其实非常大,如果没有一套系统的规范来应对,研发效率和产品体验都将面临挑战。

在这样的背景下,前端技术部改名为体验技术部,玉伯和他的小伙伴们踏上了新的征程。

冰山之下的体验

意识到中后台方面前端体验的缺失,玉伯开始带领团队做这方面的工作,他还专门招募了设计师团队,和前端工程师一起工作,开始在体验方面深挖。

设计师的加入让前端团队发生了巨大变化,也让玉伯开始思考体验的更深层含义,他在《我们是如何从前端技术进化到体验科技的》一文中写道:

前端技术再牛,都很难直接解决产品层的用户体验。对中后台产品来说,设计的价值也远远不止于让产品的颜值提升,设计的更多价值,在于深入到产品的业务逻辑里去,去帮助业务梳理产品信息架构与任>务流程。用户体验是一个非常综合的事,需要各种专业人士在同一个产品上聚焦发力,一起共同努力才能真正提升产品体验。

他还引用乔布斯的话说:设计不止于好看,更关乎好用。

为了让前端工程师和设计师更好的协作,玉伯说,团队曾经开展过一个活动:任何设计师的要求都是合理的,只要设计师提出的要求都尽可能的去实现,除非技术上的确实现不了。这个活动让设计师感觉到前端工程师的尊重,增进了双方的互相了解。而且前端工程师和设计师都是视觉型动物,都关注人机交互的细节,所以相处下来很融洽。

2015 年,体验技术部推出了 Ant Design,它有别于 UI 组件库,是一种全新的设计系统,随着 Ant Design 不断的证明自己,它受到了阿里内外的广泛赞誉,也在一定程度上引领了国内业界关注中后台体验的风潮。

发展到现在,体验技术部的格局也远远超出了之前的设想,玉伯说,现在他们除了支持业务之外,还会关注四大块:

  • 企业级的中台设计体系,包括 Ant Design 等,随着前端技术的发展继续打磨。
  • 前端基础技术栈,包括上面的 Ant Design,以及数据可视化、图形技术等。
  • 工程产品方向,包括 Basement、云凤蝶、九色鹿等。
  • 创新业务,比如语雀等。

好的技术都是源自于好的业务土壤,正是因为有业务需要,所以能逼着他们研究技术,提升效能。

硅谷知名分析师 Ben Thompson 在《神圣的不满:颠覆者之利器》中说过:“如果你的公司专注于为用户创造最好的体验,那么意味着,你的发展空间上不封顶!”这是因为,用户的期待不是静止的,当你满足用户现有的体验时,他们又会产生新的需求,这可能为公司带来新的商机。

这段话也正是体验技术部成长的最佳注解。

在这个过程中,体验技术部越来越大,玉伯开始考虑团队管理和人员成长。

以开源的方式做管理

“我更多的还是用一种直觉来做管理,如果要总结的话就是两点,找到对的事,找到对的人。”玉伯说。到底是不是对的事有时候不是那么好判断,要去不断的试错,快速花 1-3 个月尝试,如果是对的就加大投入;找到对的人,一方面是满足业务对人员的需求,一方面是找到符合技术发展的人才,需要靠积累的人脉去挖人。

玉伯这样讲,他对前端人才的看法:

在体验技术部,我们看一个人的成长,至少会看三个方面:能力、热情、思维模式。
......

还有一个考量维度是一个人的思维模式。具体到技术岗,很重要的一点,是去看一个同学会不会去思考事情背后的 WHY,会不会去深入了解 WHY 所处的大环境,会不会在想清楚 WHY 后,去分析思考解决路径,在有多条路可选的时候,敢不敢去做取舍权衡,能不能去找到最佳路径和实现策略。

WHY - HOW - WHAT - DO 的思维框架下,DO 是最后一步,很关键,但前面三步如果思考不清,光有 DO 是很难拿到优秀结果的

玉伯的团队文化是“简单、自由、有爱”,他更愿意充分发挥团队成员的个性和聪明才智,并反映到产品中。

在团队管理上,玉伯更愿意使用异步的沟通方式,通过内部语雀或者 Gitlab 的 issue 来交流,因为他认为多数人在当面沟通中难以表达复杂的思维过程,倾听者不集中精神也难以理解。

这实际上是开源社区通行的沟通方式,开源的精神和做法贯穿了玉伯的职业生涯。在他刚加入支付宝,在还没有写一行代码的时候就决定要用开源的方式打造支付宝下一代的前端框架。后来更是带领团队一手打造出 Ant Design 这样的广受欢迎的项目。

开源对个人的代码能力还有软技能都有非常大的帮助,在公司里可能不是每个人都有机会去写核心代码,但做开源项目你是自由的。玉伯说,开源也正是让体验技术部保持活力,提升对技术追求的重要手段。

玉伯说,安下心来,脚踏实地做实事,才能获得自己真正的进步。

来源:蚂蚁金服科技

橙子说:

生活中的每一滴改变,都因为有这样的技术人,

用自己的热爱和坚持去做拓荒。

也希望有更多热爱技术的同学,

能和我们一起迎接时代的巨浪,还以激情!

相关文章
|
6月前
|
前端开发 小程序
前端解析支付宝返回form表单,自动跳转支付
前端解析支付宝返回form表单,自动跳转支付
269 1
|
4月前
|
前端开发 开发工具 数据库
支付系统资料-青戈版沙箱支付,订单编号样式设计,还有七天无理由退款,常与会员系统相搭配,内网穿透客户看到页面,前端展示,直播过程所有都能访问的写法
支付系统资料-青戈版沙箱支付,订单编号样式设计,还有七天无理由退款,常与会员系统相搭配,内网穿透客户看到页面,前端展示,直播过程所有都能访问的写法
支付系统资料-青戈版沙箱支付,订单编号样式设计,还有七天无理由退款,常与会员系统相搭配,内网穿透客户看到页面,前端展示,直播过程所有都能访问的写法
|
4月前
|
前端开发
支付系统--微信支付21--搭建前端环境,payment-demo-front这个项目文件夹是前端显示文件,payment-demo是后端项目,支付页面常见三个页面:购买课程,我的订单,下载账单
支付系统--微信支付21--搭建前端环境,payment-demo-front这个项目文件夹是前端显示文件,payment-demo是后端项目,支付页面常见三个页面:购买课程,我的订单,下载账单
|
4月前
|
前端开发 API
支付系统27-------梳理一下支付按钮,前端的代码
支付系统27-------梳理一下支付按钮,前端的代码
|
6月前
|
前端开发 定位技术 API
【Flutter前端技术开发专栏】Flutter中的第三方服务集成(如支付、地图等)
【4月更文挑战第30天】本文介绍了在Flutter中集成第三方服务,如支付和地图,以增强应用功能和用户体验。开发者可通过官方或社区插件集成服务,关注服务选择、API调用、错误处理和用户体验。支付集成涉及选择服务、获取API密钥、引入插件、调用API及处理结果。地图集成则需选择地图服务、获取API密钥、初始化地图并添加交互功能。集成时注意选择稳定插件、阅读文档、处理异常、优化性能和遵循安全规范。随着Flutter生态发展,更多第三方服务将可供选择。
91 0
【Flutter前端技术开发专栏】Flutter中的第三方服务集成(如支付、地图等)
|
前端开发 API
前端 -PC 端-支付流程
前端 -PC 端-支付流程
150 0
|
存储 移动开发 前端开发
前端-移动端--支付
前端-移动端--支付
67 0
|
移动开发 前端开发 Android开发
前端微信支付开发H5支付(微信外)
前端微信支付开发H5支付(微信外)
437 0
前端微信支付开发H5支付(微信外)
|
前端开发
前端微信JSAPI支付
前端微信JSAPI支付
210 0
|
前端开发
《蚂蚁金服玉伯:我们是如何从前端技术进化到体验科技的?》电子版地址
蚂蚁金服玉伯:我们是如何从前端技术进化到体验科技的?
151 0
《蚂蚁金服玉伯:我们是如何从前端技术进化到体验科技的?》电子版地址

热门文章

最新文章

下一篇
无影云桌面