中臺建站的智能化探索

時間：2023-07-11 18:33:01 | 來源：網(wǎng)站運營

時間：2023-07-11 18:33:01 來源：網(wǎng)站運營

中臺建站的智能化探索：三年前公司提出大中臺戰(zhàn)略以來，中臺業(yè)務(wù)爆炸性增長。中臺業(yè)務(wù)走到今天，既要好體驗，也要高效率，給技術(shù)團(tuán)隊提出了巨大的挑戰(zhàn)。無法滿足快速迭代的中臺業(yè)務(wù)需求，缺前端、體驗差是各業(yè)務(wù)發(fā)展中名列前茅的痛點之一。

眾多傳統(tǒng)企業(yè)和中小企業(yè)/政府機關(guān)/金融機構(gòu)在 DT 時代中面臨信息化數(shù)字化壓力。沒有龐大的技術(shù)團(tuán)隊支撐，即便有了可購買的云基礎(chǔ)設(shè)施，但自身業(yè)務(wù)系統(tǒng)的建設(shè)門檻太高，依然或不知如何入手或承受著巨大的建設(shè)成本。解決了快速建站和優(yōu)質(zhì)體驗打造問題，會成為企業(yè)信息化的助力。

我們看到，游戲行業(yè)中 unity/unreal 引擎早已打造出 IDE 級別強大的集成解決方案。他們把很多本來需要寫代碼的地方可視化掉，例如 ue4 的 blueprint；他們把游戲中常用的功能集成進(jìn)來，使各種游戲元素觸手可得，以提升效率。不同角色圍繞這一系統(tǒng)協(xié)同工作，逐漸向流水線方式靠攏。

回到建站領(lǐng)域，我們發(fā)現(xiàn)逐漸興起了 low-code development platform，google 有 app maker，微軟有 powerapps，大家都在鉚著勁找解決方案。阿里和螞蟻對中臺建站的探索也層出不窮，有樂高、金蟬、luna、ice、aimake 等，在不同的業(yè)務(wù)領(lǐng)域都進(jìn)行著令人敬佩的探索。

中臺建站是一件很難的事情

前端技術(shù)日趨專業(yè)化，讓參與中臺建設(shè)變得更難




近些年前端技術(shù)飛快發(fā)展，我們有了 react/vue/angular 等優(yōu)質(zhì)的框架，也有層出不窮的狀態(tài)管理方案。這使得我們對于復(fù)雜站點的建設(shè)有了強大的炮火支持。

但日趨專業(yè)化的分工導(dǎo)致門檻過高，招聘反而更難。前端厚度的增加，也使得一個產(chǎn)品的其他角色很難參與到 UI 部分的建設(shè)。

只有將門檻降低下去，才有可能提高效率，也讓更廣泛的群體參與到建設(shè)中來。但降低門檻，很難。




UI 組件庫日趨完善，打造好體驗依然很難




我們打造了 Ant Design 設(shè)計體系和組件庫實現(xiàn)，在內(nèi)外部中臺廣泛應(yīng)用。它很好的解決了從 0 到 1 的問題，使得中臺業(yè)務(wù)可以順手拿來，『彈藥』充足。

但回頭看我們的中臺產(chǎn)品，又有多少真正做到了好體驗。當(dāng)然用戶體驗是一個綜合命題，產(chǎn)品設(shè)計、服務(wù)能力和生態(tài)鏈條的完整都比 UI 體驗起著更大提升作用。但一眼看上去的『山寨感』終究還是不及格的。

做到好體驗的道理很簡單，遵循設(shè)計規(guī)范即可。即便我們有強大的設(shè)計團(tuán)隊，良好的設(shè)計體系，但落地又是另一回事，沒有前端，項目時間緊都會是體驗殺手。

涉及廣泛協(xié)作的命題都是復(fù)雜命題，解決起來很難。




打通簡單，流暢的打通很難




開發(fā)過程中最耗時的一個流程就是聯(lián)調(diào)，上下游間的協(xié)同因約定而高效，也因約定的執(zhí)行不到位而低效。所以有了 datahub 等專門提供 mock 服務(wù)的平臺，也有專門管理接口定義的平臺。

設(shè)計師產(chǎn)出的 icon 會上傳到 iconfont 平臺，視覺稿上傳到語雀畫板。專業(yè)化平臺解決了特定領(lǐng)域問題，開發(fā)框架中如何快速消費上游產(chǎn)出，是否可以打通平臺使得開發(fā)過程更加流暢？從想法到產(chǎn)品，也許可以更快。

開發(fā)過程協(xié)同是復(fù)雜的，總是會出現(xiàn)這樣那樣的問題。不夠好用就不用，是大多數(shù)人的選擇。打通簡單，做到如水流一般流暢很難。




復(fù)用容易，容易的復(fù)用很難




提效的手段中最容易想到的就是復(fù)用，可以復(fù)用的組件、設(shè)計、流程、API 都會大大提高研發(fā)效率。

• 首先是技術(shù)體系必須是對復(fù)用友好的，能夠讓可復(fù)用的東西沉淀下來。
• 另外一方面是信息的流動，這也往往是被忽視的部分。信息能夠在合適的場景被發(fā)現(xiàn)，才能夠被消費。
• 最后是消費的友好度。要寫多少代碼接入？有文檔嗎？融入產(chǎn)品中需要付出多少努力，這都是成本。

復(fù)用容易，容易的復(fù)用很難。




做的到可視化搭建，做好可視化搭建很難




在可視化搭建的道路上各家前赴后繼，產(chǎn)品層出不窮。它化解了 GUI 應(yīng)用技術(shù)棧本身的復(fù)雜度，有效的降低了門檻，使得原本參與不進(jìn)來的人能夠參與進(jìn)來。




可視化搭建類產(chǎn)品細(xì)節(jié)多到爆炸，它要覆蓋 sketch 和 axure 提供的功能。因為需要支持直接上線，還需要提供他們沒有的自適應(yīng)布局能力。做一個可用的版本簡單，做到用戶愿意作為效率工具就很難了。我們已經(jīng)做了有競爭力的初版，并攻克了絕對定位系統(tǒng)下的布局問題，但前路依然漫長。

可視化搭建如何有持久的生命力，它的產(chǎn)物可維護(hù)性就變得很重要。是導(dǎo)出代碼還是直接發(fā)布？目前我們的方向聚焦在一站式平臺，用戶是看不到產(chǎn)物代碼的，從而繞開了用戶因為 flavor 偏好不同而重寫代碼的問題。但這就對功能集合提出了更多的要求，視圖部分沒有代碼，需要提供一個相對全面的功能集合，能夠支撐 Ant Design 設(shè)計體系下的各種變化。

降低了門檻是一回事，提高效率又是另一回事。GUI 界面層有無數(shù)的細(xì)節(jié)，對齊、間距對于非設(shè)計師角色來說既做不好，也做的慢。靈魂拷問：不會寫前端的人就會用 sketch 么？




要有一種方式，能夠粗粒度的拖拖拽拽就完成設(shè)計師才做的好的事情，做好很難。

我們嘗試通過組裝和智能破局

終極目標(biāo)有兩個，提高交付效率和打造極致體驗。

我們看業(yè)界 low-code 平臺的大量實踐，也看我們本身的業(yè)務(wù)特性，結(jié)合對未來的判斷，嘗試找出適合我們的解決方案。我們稱之為『智能建站』，是云鳳蝶產(chǎn)品的新類型『企業(yè)中臺站點』。



組裝是最快速的研發(fā)方式




我們的想法很樸素，復(fù)用依然是提效的不二法寶，我們稱復(fù)用的機制為組裝。




首先，需要建立一條簡單易用的組裝線，組裝過程盡量簡單。它就像生產(chǎn)線一樣，輸入各種原材料，可以通過流程化的通道生產(chǎn)出產(chǎn)品。我們學(xué)習(xí)建站領(lǐng)域的 google app maker，或者游戲領(lǐng)域的 unreal，嘗試通過打造集成 IDE 的方式建立我們的組裝線。我們走了 webIDE 的道路，需要可視化的地方可視化拖拽/配置，需要寫代碼的地方少些代碼（low-code），打通從開發(fā)到上線的一站式通路。組裝過程一定要簡單而順滑，才真正有機會改變開發(fā)方式。

其次，需要讓可被組裝的原材料極大豐富，觸手可得。只有生產(chǎn)線是不夠的，必須有原材料。這些原材料包括設(shè)計資產(chǎn)、antd 組件、后端 API 、DB 服務(wù)和豐富的云端服務(wù)。有了這些基礎(chǔ)資產(chǎn)和服務(wù)能力的支持，希望業(yè)務(wù)只關(guān)注自身業(yè)務(wù)的開發(fā)。

最后，我們希望建設(shè)出的產(chǎn)品能夠充分發(fā)揮云基礎(chǔ)設(shè)施的威力，利用 serverless 能力達(dá)到運行時和開發(fā)時架構(gòu)一致，部署體驗順滑。這也是眾多 low-code 平臺的選擇，用戶不需要準(zhǔn)備服務(wù)器，不需要關(guān)注發(fā)布和運維，站點可以直接上線。




通過 AI 保障設(shè)計規(guī)范以提升體驗




解決提效之外，對體驗的要求依然是個必選項。如果建設(shè)出的站點體驗不好，一切都失去了意義。遵循設(shè)計規(guī)范即可獲得相對較好的 UI 層體驗。我們已經(jīng)有了比較優(yōu)秀的 Ant Design 設(shè)計體系，那么落地好設(shè)計規(guī)范就是我們一定要解決的問題。

我們嘗試通過 AI 來解決體驗問題，通過智能化的方式優(yōu)化人工產(chǎn)物也許可行。我們觀察已經(jīng)有非常多的智能輔助設(shè)計方面的探索，集團(tuán)前端委員會也成立了智能化方向的委員會。




AI 在圖像領(lǐng)域碩果累累，技術(shù)相對成熟。AI 在代碼方面的探索目前看還在早期階段，實用性還不強。微軟做出了大名鼎鼎的 sketch2html，但由于產(chǎn)物是 html 往往面臨技術(shù)人員的 flavor 窘境，產(chǎn)物需要人的后續(xù)維護(hù)，程序員傾向于重寫。我們的思路是把戰(zhàn)場拉回技術(shù)較為成熟的圖形圖像領(lǐng)域。

• 通過圖片識別技術(shù)自動還原設(shè)計稿。這是目前我們正在嘗試的方向。
• 通過智能布局系統(tǒng)，解決對齊、間距和有效的交互反饋。因為有設(shè)計規(guī)范，所以有跡可循?？梢詫⒃O(shè)計規(guī)范的落實通過 AI 自動落實。

你來嗎

『智能建站』是螞蟻體驗科技從產(chǎn)品到想法中的一環(huán)。著眼未來，立足當(dāng)下。在業(yè)務(wù)中來，到業(yè)務(wù)中去，希望三到五年達(dá)到效率十倍提升，打造極致體驗。




冰凍三尺，非一日之寒，好的產(chǎn)品需要長期的投入。從立項開始，產(chǎn)品已經(jīng)走過了一年的時間。目前落地了四個業(yè)務(wù)，尚未正式對外開放。以上提到的方案中，我們才剛剛打通組裝線的閉環(huán)，坑多體驗差。后端服務(wù)的集成沒做，智能化探索也才剛剛開始。




我們是螞蟻金服的體驗技術(shù)部，我們做了 antd、dva、umi、egg、語雀、antv、云鳳蝶等產(chǎn)品，具體到我們組是云鳳蝶團(tuán)隊。

也許你使用過我們的產(chǎn)品，現(xiàn)在我們在做一件很難的事情。這樣一件事情，不僅有技術(shù)難度，還有來自團(tuán)隊內(nèi)外對方案的爭吵和對方向的挑戰(zhàn)。




我們需要 webIDE、可視化搭建、工程領(lǐng)域和人工智能方向高手，如果你喜歡挑戰(zhàn)，希望我們能夠聊一聊，期待你的加入。




（歡迎私信 or 郵箱聯(lián)系 shuai.shao#http://alipay.com）