支付寶玉伯:從前端到體驗,如何把格局做大
國內的前端行業,是一個群星璀璨,同時又有些紛紛擾擾的圈子。很多初出茅廬的年輕人懷著改變世界的夢想,誰也不服誰。不過,有一些為前端領域做出貢獻的拓荒者幾乎受到所有人的尊敬,玉伯就是這些拓荒者中的一員。
如今,他已經是螞蟻金服研究員,帶領著體驗技術部,打造出 Ant Design、AntV、Eggjs 等廣受歡迎的開源專案,他所在的團隊也成為國內前端開發者嚮往的地方。
在同事眼中,玉伯是一個嚴謹的人,同時保持著對生活的熱愛,他曾以 lifesinger 為筆名寫名為“歲月如歌”的部落格、參與 GitHub 上的開源社群,到現在也經常在知乎上分享自己的知識和見解。
從中科院到支付寶
時間轉回到 2006 年,當時在中科院物理所進行碩博連讀的玉伯對前途產生了迷茫,是就這樣繼續深造,將來投身學術界,還是出來幹一番事業?
當時,騰訊的 QQ 已經開始有所起色,在年輕人之間開始風靡,淘寶網已經成為中國最受歡迎的線上購物網站,網際網路正風起雲湧。這時,玉伯得知中科院軟體所正在找人,一番思考之後,玉伯毅然放棄學業投身到軟體行業。由於他當時年齡小,在軟體所工作期間,經常鬧出被誤認為是學生的笑話。
中科院的生活單純但缺乏激情,2008 年,玉伯終於離開了象牙塔,南下杭州,加入了當時正在招兵買馬的淘寶 UED。雖然並非科班出身,但玉伯從 2002 年起就已經開始接觸前端開發,從此與前端結下了不解之緣。
加入淘寶 UED 後,他與承玉等人一起研發了 Kissy,當時淘寶前臺業務的標準前端技術棧,並將之開源,在 GitHub 上,Kissy 一度是阿里系開源專案 Star 數最多的專案。
在淘寶期間,玉伯還發起了 Sea.js,一個開源的 JavaScript 模組載入框架,它契合了前端工程化的演進趨勢,也是現代大中型前端專案的基礎。
2012 年,玉伯加入支付寶前端開發部,負責基礎技術組。第二年,他遇到了職業生涯的另一個重大選擇:阿里宣佈“ALL IN 無線”,支付寶前端解體,所有人都面臨選擇,要麼轉崗去做移動端開發,要麼留下來做中後臺的前端開發。玉伯選擇留了下來。
雖然從事後來看,無論是走的還是留的,結果都挺好的,但當時對於玉伯是一個痛苦的時刻,甚至對前端的價值產生了懷疑,他在《阿里前端的困局與突圍》中寫道:
一個事實:
把國內大部分公司的 UX 部門解散掉,也不會太影響產品的體驗。在國內,UX 主要還是起到美工的作用,雖然我不想承認。
前端依舊是美工,而且僅僅是實現工。
在阿里,我們不得不承認一個事實:前端的確有價值,但放在全域性來看,前端產生的價值並非核心價值。 在阿里,雖然前端的工作已經不可或缺,但對大公司而言,不可或缺的崗位多了去呢,不可或缺不代表有核心價值,我就不說了。
不過好在,他很快振作起來,從中後臺業務中找到了前端的價值。
“ 後來我們發現中後臺業務也是有很多事情可以去做的,無論是業務還是技術都值得深挖,只是以前前端只關注 C 端業務,但其實 To B 的業務對前端來說是一片藍海。 ”玉伯說。
玉伯發現中後臺的業務量其實非常大,如果沒有一套系統的規範來應對,研發效率和產品體驗都將面臨挑戰。
在這樣的背景下,前端技術部改名為體驗技術部,玉伯和他的小夥伴們踏上了新的征程。
冰山之下的體驗
意識到中後臺方面前端體驗的缺失,玉伯開始帶領團隊做這方面的工作,他還專門招募了設計師團隊,和前端工程師一起工作,開始在體驗方面深挖。
設計師的加入讓前端團隊發生了巨大變化,也讓玉伯開始思考體驗的更深層含義,他在《我們是如何從前端技術進化到體驗科技的》一文中表示:
前端技術再牛,都很難直接解決產品層的使用者體驗。對中後臺產品來說,設計的價值也遠遠不止於讓產品的顏值提升, 設計的更多價值,在於深入到產品的業務邏輯裡去,去幫助業務梳理產品資訊架構與任務流程。 使用者體驗是一個非常綜合的事,需要各種專業人士在同一個產品上聚焦發力,一起共同努力才能真正提升產品體驗。
他還引用賈伯斯的話說: 設計不止於好看,更關乎好用 。
為了讓前端工程師和設計師更好的協作,玉伯說,團隊曾經開展過一個活動:任何設計師的要求都是合理的,只要設計師提出的要求都儘可能的去實現,除非技術上的確實現不了。這個活動讓設計師感覺到前端工程師的尊重,增進了雙方的互相瞭解。而且前端工程師和設計師都是視覺型動物,都關注人機互動的細節,所以相處下來很融洽。
2015 年,體驗技術部推出了 Ant Design,它有別於 UI 元件庫,是一種全新的設計系統,隨著 Ant Design 不斷的證明自己,它受到了阿里內外的廣泛讚譽,也在一定程度上引領了國內業界關注中後臺體驗的風潮。
發展到現在,體驗技術部的格局也遠遠超出了之前的設想,玉伯介紹,現在他們除了支援業務之外,還會關注四大塊:
- 企業級的中臺設計體系,包括 Ant Design 等,隨著前端技術的發展繼續打磨。
- 前端基礎技術棧,包括上面的 Ant Design,以及資料視覺化、圖形技術等。
- 工程產品方向,包括 Basement、雲鳳蝶、九色鹿等。
- 創新業務,比如語雀等。
玉伯認為, 好的技術都是源自於好的業務土壤,正是因為有業務需要,所以能逼著他們研究技術,提升效能。
矽谷知名分析師 Ben Thompson 在《神聖的不滿:顛覆者之利器》中說過:“如果你的公司專注於為使用者創造最好的體驗,那麼意味著,你的發展空間上不封頂!”這是因為,使用者的期待不是靜止的,當你滿足使用者現有的體驗時,他們又會產生新的需求,這可能為公司帶來新的商機。
這段話也正是體驗技術部成長的最佳註解。
在這個過程中,體驗技術部越來越大,玉伯的角色也更多的考慮人員和團隊管理上的問題。
以開源的方式做管理
“我更多的還是用一種直覺來做管理,如果要總結的話就是兩點, 找到對的事,找到對的人 。”玉伯說。他還指出,到底是不是對的事有時候不是那麼好判斷,要去不斷的試錯,快速花 1-3 個月嘗試,如果是對的就加大投入;找到對的人,一方面是滿足業務對人員的需求,一方面是找到符合技術發展的人才,需要靠積累的人脈去挖人。
前段時間,在社群知名的 Node 大牛死月被發現在螞蟻金服的職級只有 P6,引起了大家的一些討論,死月本人已做過回覆,玉伯也發表了他對前端人才的看法:
在體驗技術部,我們看一個人的成長,至少會看三個方面: 能力、熱情、思維模式 。
......
還有一個考量維度是一個人的思維模式。具體到技術崗,很重要的一點,是去看一個同學會不會去思考事情背後的 WHY,會不會去深入瞭解 WHY 所處的大環境,會不會在想清楚 WHY 後,去分析思考解決路徑,在有多條路可選的時候,敢不敢去做取捨權衡,能不能去找到最佳路徑和實現策略。WHY - HOW - WHAT - DO 的思維框架下,DO 是最後一步,很關鍵,但前面三步如果思考不清,光有 DO 是很難拿到優秀結果的
體驗技術部的團隊文化是“ 簡單、自由、有愛 ”,玉伯更願意充分發揮團隊成員的個性和聰明才智,並反映到產品中。
在團隊管理上,玉伯是那種有點反流程的管理方法,他更願意使用非同步的溝通方式,透過內部語雀或者 Gitlab 的 issue 來交流,因為他認為多數人在當面溝通中難以表達複雜的思維過程,傾聽者不集中精神也難以理解。
這實際上是開源社群通行的溝通方式,開源的精神和做法貫穿了玉伯的職業生涯。在他剛加入支付寶,在還沒有寫一行程式碼的時候就宣佈要用開源的方式打造支付寶下一代的前端框架。後來更是帶領團隊一手打造出 Ant Design 這樣的廣受歡迎的專案。
“ 開源對個人的程式碼能力還有軟技能都有非常大的幫助,在公司裡可能不是每個人都有機會去寫核心程式碼,但做開源專案你是自由的。 ”玉伯表示。開源也正是讓體驗技術部保持活力,提升對技術追求的重要手段。
開源也是體驗技術部對外重要的品牌形象,正是因為有這些開源專案,大家才會對體驗技術部認可,並且希望來和心目中的大牛一起工作。
最後,針對目前前端領域比較浮躁的風氣,玉伯認為還是應該安下心來,腳踏實地的做些實事,才能取得真正的進步。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69904796/viewspace-2648630/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 觀點|螞蟻金服玉伯:我們是如何從前端技術進化到體驗科技的?前端
- 2018年·玉伯《從前端技術到體驗科技(附演講視訊)》前端
- 【第1164期】從前端技術到體驗科技前端
- 如何把資料從Mysql匯入到GreenplumMySql
- Mac下vagrant從安裝到體驗Mac
- IBM:從客戶體驗到企業體驗(附下載)IBM
- 軟體工程之美-寶玉-極客時間軟體工程
- Flink1.7從安裝到體驗
- 體驗 Java 9(1):從 Hello World 到 LombokJavaLombok
- 從前端介面開發談微信小程式體驗前端微信小程式
- 從前端到全棧前端全棧
- Facebook如何程式設計:祖克伯親自把關程式碼更新程式設計
- 做大廠程式設計師是一種怎樣的體驗?程式設計師
- 前端從? 到? gRPC 框架前端RPC框架
- 寶付談支付前端如何配合javascript前端JavaScript
- 4.0體驗站|OceanBase 4.0,從分散式到單機,從單機到分散式分散式
- 記錄--前端起dev從110秒減少到7秒, 開發體驗大幅提升前端dev
- 公眾號支付-從服務號申請到支付呼叫爬坑
- 老闆:把系統從單體架構升級到叢集架構!架構
- 資料同步:教你如何實時把資料從 MySQL 同步到 OceanBaseMySql
- 前端技術 | 從Flux到Redux前端Redux
- 從前端小白到大佬 flex下前端Flex
- 把成熟的程式碼從.NET移植到MonoMono
- 初體驗Sonar10.6 之 從部署到實戰
- 如何把jboss加入到jbuilder中UI
- 從0到1搞懂分散式架構:Uber大型支付系統構建經驗總結分散式架構
- 體驗了一把快應用
- React 併發功能體驗-前端的併發模式已經到來。React前端模式
- 從 PostCSS 外掛,體驗編碼到釋出全過程CSS
- 利用RMAN把ORACLE從WINDOWS轉換到LINUXOracleWindowsLinux
- Docker 如何把映象上傳到docker hubDocker
- 如何把 awk 指令碼移植到 Python指令碼Python
- 現代DevOps如何改變軟體開發格局dev
- 從前端到“錢”端,前端程式設計師的出路前端程式設計師
- 如何去設計前端框架能力?星巴克訊息開放專案從0到1,從點到面的思考前端框架
- Jenkins流水線(pipeline)實戰之:從部署到體驗Jenkins
- 聰明的BuzzFeed: 從試驗專案到新媒體帝國
- 前端資料校驗從建模開始前端