前言
在前面的文章中，我們已經提到，華為雲有一個上雲利器：應用編排設計器。作為華為雲應用編排服務與使用者溝通的橋樑，設計器堅持使用者體驗至上的理念，以圖形化方式，在滑鼠點選之間，助力企業快速上雲。優質的互動體驗，單手即可操作，讓您邊喝咖啡邊上雲。那麼設計器的快，到底體現在哪些方面？下面我們就來聊一聊，設計器如何把快做到極致。
快速響應
俗話說，外在決定了是否要了解內在，使用者對產品的印象，很大程度上取決於使用者看到的第一眼介面。因此，一個能夠快速呈現，乾淨簡潔的介面是我們首先要考慮的。設計器充分考慮到瀏覽器渲染頁面的機制，依照“做的越少，響應越快”的原則，在技術層面上做了如下優化：
a) 程式碼優化，按照CSS在前，JS在後的順序載入頁面，保證頁面的快速呈現，防止JS載入時阻塞頁面。
b) 程式碼充分的合併和壓縮，儘可能的減少資料傳輸量
c) 減少HTTP請求數量，首頁僅需載入靜態檔案。
d) 90%的使用者操作均在前端進行，不會涉及後臺互動
e) 啟用快取
快速引導
對於新使用者來說，能夠快速上手很重要。只有真正的使用了產品，才能對產品有更好的瞭解，才能獲取更優質的體驗。依照“所見即所得”的原則，我們要保證使用者能夠快速的獲取需要的資訊，並引導使用者的操作。為此，設計器在互動上做了如下優化：
a) 首次載入，彈出引導頁面，引導使用者快速瞭解設計器各個功能元件
b) 資源列表歸類分組展示，常用資源優先展示，幫助使用者快速找到需要的資源
c) 拖拽智慧輔助，可以包含的資源高亮顯示
d) 連線智慧輔助，可以建立關係的資源高亮顯示
快速佈局
設計器作為一個圖形化的編輯器，為使用者打造一個視覺化的應用模型，是我們的一大亮點。使用者通過滑鼠的點選和拖拽，即可完成對應用模型的搭建。當然設計器做的不止這些，我們要做的是，幫助使用者快速的搭建自己的應用。為此，設計器在圖形化操作上做了一系列的優化：
a) 邊框自動伸縮：智慧判斷佈局空間，自動伸縮邊框大小，省去使用者反覆調整邊框的操作
b) 資源複製：快速克隆一組資源，效率成倍提升
c) 一鍵美顏：佈局太亂，不美觀怎麼辦？試下一鍵美顏功能，一鍵式佈局。
d) 撤銷/重做：操作錯了怎麼辦？撤銷/重做功能幫你快速恢復，解決後顧之憂。
快速編輯
作為應用編排服務的設計器，對模板的編輯能力必不可少。傳統的手寫模板，不僅耗時耗力，而且對編寫者的門檻要求比較高。編寫者要充分了解各種資源的屬性資訊和關聯關係，還要具備一定的YAML和JSON的語法能力。這很大程度上加大了產品的使用難度，使得大部分使用者只能望而卻步。設計器抓住這一痛點，為模板的編輯功能新增了很多使用技巧和優化：
a) 屬性智慧提示：對於選中的資源，屬性欄中實時顯示該資源包含的屬性資訊，包括取值說明，使用建議等等。
b) 必選屬性自動新增：對於資源的必選屬性，設計器會盡可能的附帶預設值，減輕使用者編寫負擔
c) 可選屬性一鍵新增：對於資源的可選屬性，可根據需要一鍵新增
d) 關聯關係自動補全：資源之間的關聯關係跟隨應用模型設計自動聯動
e) 函式智慧輔助：常用函式進行提示，並支援一鍵新增
f) 一鍵生成/更新inputs：模板輸入引數，一鍵式生成
g) 實時程式碼提示：作為一個優質的編輯器，程式碼提示功能必不可少
h) 語法實時校驗和提示：實時校驗，語法有問題實時提示，專治語法不熟悉，手誤等疑難雜症。
結束語
在應用編排設計器中，還有很多優化的細節，這裡就不一一細說了。設計器致力於不斷提升使用者體驗，持續的進行細節優化，努力為客戶打造上雲利器，幫助更多企業快速上雲。