第三屆螞蟻金服體驗科技大會都講了些什麼?

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

從好看到好用的體驗科技

37d7d3dc-f297-483f-8f52-642fbc6c1d6e.jpeg

在開場演講中,螞蟻金服體驗技術部負責人玉伯,分享了他對體驗科技與好的產品的思考。

在過去幾年,體驗技術部致力於中後臺以及企業級SaaS產品的研發,但在他看來,SaaS 產品讓我們的生活更簡單,但還遠遠不夠美好。

玉伯認爲,SaaS 產品的體驗需要更新迭代,SaaS 產品體驗的演進分爲兩個階段,第一個階段是從有到美,也就是從功能滿足需求之後,開始追求頁面美化、UI 重新設計,這也是Ant Design 的初衷和對業界最重要的貢獻;第二個階段是從美到好,也就是從好看到好用,需要重新思考整個產品,降低研發和使用成本。

那麼,什麼是好的產品呢?張小龍提出的十條原則,俞軍提出了使用價值理論,給出了各自的闡述。

玉伯和他的小夥伴們也有自己的想法,那就是,在體驗科技的視角下,好用等於“效用”加上“愛用”。

631ed419-a1ba-45b9-a060-dcd0930f26c3.jpeg

所謂效用,就是理性的好用,愛用就是感性的好用,好用的產品是理性和感性層面好用的結合。

以體驗科技爲例,它的發展就經歷了從無到有、從有到美,以及現在正在從美到好的這樣一個過程。

10d9adb6-320b-4e85-b3c1-c6c93a05741c.jpeg

設計師如何直接創造社會價值?

來自湖南大學的設計藝術學院院長何人可教授,分享了基於地域文化的設計創新,也就是他所帶領完成的新通道設計與社會創新項目。在這個項目裏,何教授帶領設計師團隊不僅挽救了少數民族的非物質文化遺產,還推動了精準扶貧讓當地民衆擺脫貧困生活,可以說設計師直接創造了社會和商業價值。

在湖南省通道侗族自治縣,有少數民族的大量非物質文化遺產,比如侗族建築風雨橋、鼓樓等非常有名。但是,隨着時代發展,這些非遺面臨着消失的危機。何教授帶領團隊對當地的文化遺產資源從設計的角度進行分析,提煉出了非遺的設計元素並進行數字化、當代化、全球化、商品化,從而讓非物質文化遺產在社會、文化、環境、經濟等各個層面可持續發展。

幾年多來,新通道項目讓侗族傳統文化和全球進行文化交流,並建立合作關係,例如和奔馳合作推出侗族風格的汽車內飾產品,讓侗族文化能繼續延續生命力,進入更廣泛的天地。

新通道項目是一個絕佳的例子,讓我們看到設計以及設計師對社會直接創造的價值。

Ant Design 4.0想讓每個人快樂工作

Ant Design 經過多年的發展,成爲 GitHub 上最受歡迎的UI組件庫,在打造4.0版本的時候,開發團隊重新思考了 Ant Design 的原點。

現在,Ant Design有一個基本假定:每個人都追求快樂工作。工作是不可避免的,我們一半以上時間都在工作。快樂工作,對於每個人意義重大。

從數據來看,工作並不讓人開心,很多人寧願發呆也不願工作。其中的重要原因包括,工作設計的不合理,挑戰和技能不匹配,挑戰過高,工作太艱難讓人望而卻步,另一方面,長期缺乏挑戰的工作也讓人如坐鍼氈。

Ant Design 如何解決這個問題呢?團隊認爲,讓挑戰持續匹配技能,就能創造連續的快樂工作。

在這個假定之上,他們衍生 Ant Design 的價值觀體系,針對產品的設計者和用戶,提供快感和樂趣兩類感受,其中包括確定性、意義感、生長性,以及自然。

b7b3e671-f553-4c4e-bb07-fba0c767e654.jpeg

所謂自然式的交互,就是讓功能找到用戶,節省用戶腦力體力。Ant Design 4.0 在設計上也遵循這個原則。

在基本假定以及這套設計價值觀之上,加上三類設計資產和兩種設計策略,以及爲開發者提供的配套工具,就構成了 Ant Design 4.0 的全景圖。

2173daf0-db5d-4ddc-9c9e-4bcb8d30b0aa.jpeg

對於這張圖,後面會有文章詳細解讀,這裏值得一提是圖形化資產HiTu,通過 Sketch 插件 Kitchen 進行可視化的拖拽,就可以快速生產原型圖、頁面配置,甚至代碼,極大的解放了前端開發者的生產力。

目前 Ant Design 4.0 已經在官網對外開放:https://next.ant.design

幻鸚數字駕駛艙讓科幻照進現實

來自螞蟻金服體驗技術部圖形與藝術實驗室的分享顯得有些科幻,他們將西部世界和飢餓遊戲裏的 Control Room 變成了現實。

幻鸚數字駕駛艙是一套沉浸式的、模擬場景的人機交互系統。具體來說就是作爲業務信息的數據中樞、決策思維的可視化載體、成果對外展示的窗口。這三個方面也是團隊在和合作伙伴溝通中最常見的需求。

a90a10ac-0b8c-4747-a6a3-528e1502b128.jpeg

對於一個可視化的決策和交互系統,人們希望能做到內容直觀,辦事高效。幻鸚的做法就是在客戶和從物理世界採集的數據之間構建體驗科技。這個中間層是一個用戶友好型的感知和讀取數據的環境。它的存在是爲了讓數據深入淺出。

ac5cc3e9-b06a-4e50-9605-436403abb455.jpeg

團隊將數字駕駛艙分爲多個圖層,如空間 UI、3D Data Viz、模擬場景等。然後基於圖層構建了幻鸚設計體系以及設計方法論,並沉澱爲三位一體的解決方案 Cocka Studio 1.0.

目前幻鸚數字駕駛艙僅對阿里和螞蟻集團的合作伙伴開放,後面會有文章進行詳細解讀,敬請關注。

AVA用一行代碼解決圖表問題

最後值得一提的就是 AntV 的最新力作 AVA,通過智能技術實現自動化圖表,在實際使用中可以通過一行代碼,經過幾分鐘即可生成圖表,並且可以應對不同場景。

AVA後兩個字母表示 Visual Analysis,而前面的“A”是個包含多個含義的向量。具體含義包括阿里巴巴、AI、自動化以及增強,分別代表不同方面的特徵。

0f41e37b-0ee0-4420-aefc-c4af782bf8d3.jpeg

上面提到的一行代碼長這樣:

8aa6c4b7-f9a8-4577-a015-985dc954c48a.jpeg

裏面的參數,container 表示圖表所在的容器,data 即數據,後面的參數是圖表的配置。

而更方便的是,這裏的配置不用手動填寫,在開發模式下可以通過實時調整圖表並自動生成配置代碼。如果連數據也不知道,也可以不填,在頁面中初始化後進行編輯。

867a37fd-dc71-4694-bb35-3c8efd4319ef.jpeg

更神奇的是,autoChart 可以根據提供的數據自動推薦圖表。事實上每種圖表都有它適用的場景,比如常見的餅圖,適合分類有限、佔比突出、差異明顯的數據。

通過知識庫、推薦規則和推薦器,autoChart 做到根據數據推薦適合的圖表。如果不放心, 它還在頁面上提供了三種不同的圖表,可以隨時切換。

AntV 團隊還分享了他們對於智能可視化未來的看法,智能可視化將經歷從研發態到閱讀態再到分析態的演進過程。

其中 autoChart 代表的就是研發態,它將原來的100+行原始代碼,濃縮到一行代碼解決。閱讀態指的是交互分析組件的智能增強,讓用戶更方便的從圖表獲取信息。分析態則是指的運行時的可視分析智能輔助,比如自動識別出趨勢、迴歸、奇異點等統計特徵。

總結

體驗科技到底是什麼,並沒有定論,每一年的螞蟻金服體驗科技大會上,演講者都會給出自己的思考。SEE 是 Seeking Experience and Engineering 的縮寫,同時 SEE 也代表着“看見”,希望技術能看見設計的價值,也希望設計能看見技術的力量,在彼此看見中互相融合成長,一起讓世界更美好。從體驗出發,爲用戶提供更好的產品,同時提升開發者和設計師的效率,這也正是 SEE Conf 的獨特之處。

除了上午場之外,下午還分成了技術和設計兩個分會場,包括如何用 React 更方便的開發小程序、Serverless、JCD 思維等等,會後 PPT 和視頻在準備完成後會第一時間放出,後續我們也會將分享整理爲圖文發佈,歡迎關注。

另外,如果你在現場參加了本屆 SEE Conf 或者觀看了在線直播,歡迎在知乎分享你的收穫和吐槽,主辦方會認真聽取大家的反饋,讓我們一起將 SEE Conf 辦的更好~


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章