雲平臺設計系統,助力業務快速開發

用友雲平臺發表於2019-01-21

用友進入3.0階段,敏捷開發、逆向開發、雙披薩餅原則快速作戰,“使用者之友”價值迴歸,這些都為快速原型、高保真驗證、快速開發、體驗一致提出了更高的要求。也帶來了更大的壓力。

新的變化體現在:

1、階段性發版變成持續迭代,週期短,進度快

2、單週或雙週迭代留給各個角色的時間非常少

3、被C端應用“慣壞”的使用者要求更高的B端體驗

4、為避免資源浪費,研發流程必須UE先行,非常短時間內完成設計方案及高保真驗證

5、各方對產品、體驗一致化的要求越來越高

6、協作各個角色要求快速即時溝通、全員0延誤共享設計方案

7、設計團隊需要摒棄簡單重複的低效率工作,要求高效合作、資源共享、協同設計

8、人人都是產品經理、需求變動頻繁,設計要隨需而變

如何滿足新的需求呢?

要滿足這些變換的新需求,唯一的解決方案就是需要一個設計系統,一個真正的設計系統,這有別於專案級別guideline或uikit的系統性設計系統,這個系統要求:所見即所得、更清晰、看得見、標準明確、可協同、可複用、可配置、可擴充套件…… ……雲平臺設計系統正是為此而生。

設計系統,能夠使設計團隊更好、更快的打造產品並規模化產出。

設計系統由基礎可複用的元件構成,通過明確的標準原則組合在一起,用以搭建任意應用程式。

雲平臺設計系統,助力業務快速開發

雲平臺設計系統,助力業務快速開發

雲平臺設計系統

·雲平臺設計系統是支撐平臺產品體驗一致、高效開發的UE設計系統,是雲平臺產品的設計語言。它是基於用友一致化產品標準和風格指南,遵循用友產品設計模式的一種”溝通方式“,是平臺積累多年的設計方法、模式、體驗原則的理論支撐及應用。它能夠有效保障平臺產品互動、視覺及體驗一致,有效保障團隊開發的敏捷高效。

·對平臺UE、FE角色而言,該系統盡最大可能保障雲平臺產品及服務在使用者體驗領域的整體性、一致性。為團隊提供基本的可參考原則及共享資源,提升工作效率、促進協同與創新。

·雲平臺設計系統秉承用友”使用者之友“的核心體驗價值觀,致力於”穩如磐石、絲般柔滑“的雲平臺使用者體驗理念。助力產品服務實現客戶高價值、使用者高體驗的訴求。

雲平臺設計系統,助力業務快速開發

雲平臺設計系統的原則

雲平臺設計系統定位服務於中、後臺產品,提供:系統的、邏輯的、貼合業務的、可落地的設計理論、模式及規範支撐,設計目標追求簡單、清晰、高效、一致。

雲平臺設計系統,助力業務快速開發

·簡單:

設計師儘可能將複雜的東西,用淺顯的形式呈現出來

·清晰:

對問題的描述、執行、反饋等,不糾結、不含糊

·高效

系統設計、資源共享、元素、模式複用,團隊協同

·一致:

目標一致、互動一致、視覺一致

雲平臺設計系統的特點

1、雲平臺設計系統完成了大部分元件的定製。

在實現業務中就不需要多考慮按鈕圓角要多大,行間距要留多少,可以更加聚焦於業務邏輯本身,節省時間精力。

2、設計系統具有原子級的樣式自定義能力。

我們可以針對不同需求高效地產出對應的設計系統,然後快速複用元件。

3、元素構成系統化。

原子級的顏色、字型、陰影樣式等等這些都可以自定義,而且一次修改,所有元件能夠同步修改。

4、協同作戰

樣式資源規範設計團隊全員共享

5、先設計系統,後業務與元件庫

這是雲平臺設計系統與偽系統的根本性差異

雲平臺設計系統,助力業務快速開發

原子化設計方法的應用

雲平臺設計系統,助力業務快速開發


雲平臺設計系統,助力業務快速開發


設計系統的維護與進化

雲平臺設計系統綜合了以往的產品、專案、經驗及前瞻性趨勢,將這些資訊打散至“原子”顆粒,再結合產品、專案、業務、使用者需求,重新梳理、抽取、沉澱,保留最原始最公共的部分形成設計基礎規範及元素,基於底層設計元素組裝可擴充套件、可配置的塊元素及大型元件,通過顆粒級的元素+塊元素+大型元件來靈活但又不失一致的構建頁面,再融入沉澱的設計模式,快速構建應用,快速完成視覺、互動高保真、可互動介面輸出。

雲平臺設計系統的元素遵循以下原則:

1、結構化、模組化

所有元素在展現及模式上均被視為是可重複使用的零件;均基於結構化設計,隨意搭建拆解。儘可能減少依賴關係。增強體系化元素。

2、高效、標準

元素或元件基於共同的標準規範。組裝時使用最少的元素、產出使用最少的標註及描述來實現並清晰闡述明確設計。

3、抽象、模式化

基礎元素(控制元件、元件、模式)從歸納的典型場景中分離成形。

4、可配置

自定義的基礎元素通過可選的引數配置生成,不需要重新設計。

5、可擴充套件

元件很容易擴充套件,對未來的設計有預期。

6、準確清晰

所有設計不含糊、不糾結、契合場景角色精準傳達。

雲平臺設計系統如何實現快速開發?

平臺設計系統高效一致的保障還來源於UE團隊與FE團隊的產出均依賴這套系統的指導。

雲平臺設計系統,助力業務快速開發

基於雲平臺設計系統的通用sketch庫及前端元件庫

雲平臺設計系統,助力業務快速開發

設計系統對快速交付及一致性的支撐

一體化的雲平臺sketch-Libraries,內含通用的平臺Symbol.基於sketch-Libraries,普通UE設計師原來需要2天工作量的介面,在充分理解業務的前提下僅僅需要幾個小時就可以為開發輸出規範的高保真互動頁面。所有UE覺得全部基於同一套標準symbol,共同使用,共同維護,實現其設計資源的協同與複用共享。

雲平臺設計系統,助力業務快速開發

對前端開發而言,無需重複書寫基礎樣式,這裡的基礎控制元件視覺同時也是tinper-react基礎控制元件的設計規範。設計師基於雲平臺sketch-Libraries快速完成設計方案,併發布到墨刀專案文件,通過共享地址,團隊所有角色實現設計方案協同共享,同步即時更新。

前端開發無需分散精力特別關注UI層的實現,只需要引入tinper-react即可保證一致。因為tinper-beereact 元件庫,包含豐富的基礎元件和應用元件,這些均基於平臺設計系統規範封裝,包含豐富的基礎元件和應用元件, 支援元件的靈活呼叫和擴充套件。

雲平臺設計系統,助力業務快速開發

基於雲平臺設計系統的設計及實現方案

雲平臺設計系統,助力業務快速開發

專屬雲-開發平臺

雲平臺設計系統,助力業務快速開發

開發者中心

雲平臺設計系統應用案例

雲平臺設計系統,助力業務快速開發

企業服務中心、用友雲運營系統、雲商務系統、移動平臺、Moli、企業賬號、資料門戶、開發者中心、開放平臺、友互通、iot物聯網平臺、精智工業雲平臺、服務治理平臺、雲ESB、MDM主資料管理、微服務平臺……等產品或系統均基於雲平臺設計系統。

最後,我們節省了大量的時間,用來做什麼?

雲平臺設計系統幫助設計師避免重複和無用的勞動,避免淪落為密集型勞動力,剔除對設計師沒有價值的工作,從而節省時間。這些時間來自,比如:在100個不同的頁面上進行同樣的調整工作,將系統整體風格變換,建立50次同一個元件或者替換70次同樣文字。

然後我們用這些新獲得時間關注對使用者或是客戶更重要的部分,能帶來更高價值、更高體驗的事兒:深刻理解業務、洞察使用者、改進流程、融入品牌特性,做使用者反饋的分析,創新與相關的解決方案,情感化設計等等。

雲平臺設計系統,助力業務快速開發


相關文章