2020年1月4日,由螞蟻金服體驗科技主辦的第三屆 SEE Conf 螞蟻金服體驗科技大會在杭州如期舉行。大會上,螞蟻金服公開了 Ant Design 4.0 預覽版本、幻鹦數字駕駛艙,以及可視化智能研發流程 AVA 等。用可視化、智能化等手段,讓體驗科技從好看到好用,讓前端和設計能夠更快樂的一起工作。
從好看到好用的體驗科技

在開場演講中,螞蟻金服體驗技術部負責人玉伯,分享了他對體驗科技與好的産品的思考。
在過去幾年,體驗技術部緻力于中背景以及企業級SaaS産品的研發,但在他看來,SaaS 産品讓我們的生活更簡單,但還遠遠不夠美好。
玉伯認為,SaaS 産品的體驗需要更新疊代,SaaS 産品體驗的演進分為兩個階段,第一個階段是從有到美,也就是從功能滿足需求之後,開始追求頁面美化、UI 重新設計,這也是Ant Design 的初衷和對業界最重要的貢獻;第二個階段是從美到好,也就是從好看到好用,需要重新思考整個産品,降低研發和使用成本。
那麼,什麼是好的産品呢?張小龍提出的十條原則,俞軍提出了使用價值理論,給出了各自的闡述。
玉伯和他的小夥伴們也有自己的想法,那就是,在體驗科技的視角下,好用等于“效用”加上“愛用”。
所謂效用,就是理性的好用,愛用就是感性的好用,好用的産品是理性和感性層面好用的結合。
以體驗科技為例,它的發展就經曆了從無到有、從有到美,以及現在正在從美到好的這樣一個過程。
設計師如何直接創造社會價值?
來自湖南大學的設計藝術學院院長何人可教授,分享了基于地域文化的設計創新,也就是他所帶領完成的新通道設計與社會創新項目。在這個項目裡,何教授帶領設計師團隊不僅挽救了少數民族的非物質文化遺産,還推動了精準扶貧讓當地群眾擺脫貧困生活,可以說設計師直接創造了社會和商業價值。
在湖南省通道侗族自治縣,有少數民族的大量非物質文化遺産,比如侗族建築風雨橋、鼓樓等非常有名。但是,随着時代發展,這些非遺面臨着消失的危機。何教授帶領團隊對當地的文化遺産資源從設計的角度進行分析,提煉出了非遺的設計元素并進行數字化、當代化、全球化、商品化,進而讓非物質文化遺産在社會、文化、環境、經濟等各個層面可持續發展。
幾年多來,新通道項目讓侗族傳統文化和全球進行文化交流,并建立合作關系,例如和奔馳合作推出侗族風格的汽車内飾産品,讓侗族文化能繼續延續生命力,進入更廣泛的天地。
新通道項目是一個絕佳的例子,讓我們看到設計以及設計師對社會直接創造的價值。
Ant Design 4.0想讓每個人快樂工作
Ant Design 經過多年的發展,成為 GitHub 上最受歡迎的UI元件庫,在打造4.0版本的時候,開發團隊重新思考了 Ant Design 的原點。
現在,Ant Design有一個基本假定:每個人都追求快樂工作。工作是不可避免的,我們一半以上時間都在工作。快樂工作,對于每個人意義重大。
從資料來看,工作并不讓人開心,很多人甯願發呆也不願工作。其中的重要原因包括,工作設計的不合理,挑戰和技能不比對,挑戰過高,工作太艱難讓人望而卻步,另一方面,長期缺乏挑戰的工作也讓人如坐針氈。
Ant Design 如何解決這個問題呢?團隊認為,讓挑戰持續比對技能,就能創造連續的快樂工作。
在這個假定之上,他們衍生 Ant Design 的價值觀體系,針對産品的設計者和使用者,提供快感和樂趣兩類感受,其中包括确定性、意義感、生長性,以及自然。
所謂自然式的互動,就是讓功能找到使用者,節省使用者腦力體力。Ant Design 4.0 在設計上也遵循這個原則。
在基本假定以及這套設計價值觀之上,加上三類設計資産和兩種設計政策,以及為開發者提供的配套工具,就構成了 Ant Design 4.0 的全景圖。
對于這張圖,後面會有文章詳細解讀,這裡值得一提是圖形化資産HiTu,通過 Sketch 插件 Kitchen 進行可視化的拖拽,就可以快速生産原型圖、頁面配置,甚至代碼,極大的解放了前端開發者的生産力。
目前 Ant Design 4.0 已經在官網對外開放:
https://next.ant.design幻鹦數字駕駛艙讓科幻照進現實
來自螞蟻金服體驗技術部圖形與藝術實驗室的分享顯得有些科幻,他們将西部世界和饑餓遊戲裡的 Control Room 變成了現實。
幻鹦數字駕駛艙是一套沉浸式的、模拟場景的人機互動系統。具體來說就是作為業務資訊的資料中樞、決策思維的可視化載體、成果對外展示的視窗。這三個方面也是團隊在和合作夥伴溝通中最常見的需求。
對于一個可視化的決策和互動系統,人們希望能做到内容直覺,辦事高效。幻鹦的做法就是在客戶和從實體世界采集的資料之間建構體驗科技。這個中間層是一個使用者友好型的感覺和讀取資料的環境。它的存在是為了讓資料深入淺出。
團隊将數字駕駛艙分為多個圖層,如空間 UI、3D Data Viz、模拟場景等。然後基于圖層建構了幻鹦設計體系以及設計方法論,并沉澱為三位一體的解決方案 Cocka Studio 1.0.
目前幻鹦數字駕駛艙僅對阿裡和螞蟻集團的合作夥伴開放,後面會有文章進行詳細解讀,敬請關注。
AVA用一行代碼解決圖表問題
最後值得一提的就是 AntV 的最新力作 AVA,通過智能技術實作自動化圖表,在實際使用中可以通過一行代碼,經過幾分鐘即可生成圖表,并且可以應對不同場景。
AVA後兩個字母表示 Visual Analysis,而前面的“A”是個包含多個含義的向量。具體含義包括阿裡巴巴、AI、自動化以及增強,分别代表不同方面的特征。
上面提到的一行代碼長這樣:
裡面的參數,container 表示圖表所在的容器,data 即資料,後面的參數是圖表的配置。
而更友善的是,這裡的配置不用手動填寫,在開發模式下可以通過實時調整圖表并自動生成配置代碼。如果連資料也不知道,也可以不填,在頁面中初始化後進行編輯。
更神奇的是,autoChart 可以根據提供的資料自動推薦圖表。事實上每種圖表都有它适用的場景,比如常見的餅圖,适合分類有限、占比突出、差異明顯的資料。
通過知識庫、推薦規則和推薦器,autoChart 做到根據資料推薦适合的圖表。如果不放心, 它還在頁面上提供了三種不同的圖表,可以随時切換。
AntV 團隊還分享了他們對于智能可視化未來的看法,智能可視化将經曆從研發态到閱讀态再到分析态的演進過程。
其中 autoChart 代表的就是研發态,它将原來的100+行原始代碼,濃縮到一行代碼解決。閱讀态指的是互動分析元件的智能增強,讓使用者更友善的從圖表擷取資訊。分析态則是指的運作時的可視分析智能輔助,比如自動識别出趨勢、回歸、奇異點等統計特征。
總結
體驗科技到底是什麼,并沒有定論,每一年的螞蟻金服體驗科技大會上,演講者都會給出自己的思考。SEE 是 Seeking Experience and Engineering 的縮寫,同時 SEE 也代表着“看見”,希望技術能看見設計的價值,也希望設計能看見技術的力量,在彼此看見中互相融合成長,一起讓世界更美好。從體驗出發,為使用者提供更好的産品,同時提升開發者和設計師的效率,這也正是 SEE Conf 的獨特之處。
除了上午場之外,下午還分成了技術和設計兩個分會場,包括如何用 React 更友善的開發小程式、Serverless、JCD 思維等等,會後 PPT 和視訊在準備完成後會第一時間放出,後續我們也會将分享整理為圖文釋出,歡迎關注。
另外,如果你在現場參加了本屆 SEE Conf 或者觀看了線上直播,歡迎在
知乎分享你的收獲和吐槽,主辦方會認真聽取大家的回報,讓我們一起将 SEE Conf 辦的更好~