本文翻譯自：Shaping the Future of Digital Experience - UI Framework Workflow

原文作者：Qt Group 產品營銷經理 Matteo Capelletti

校審：Tengxiao Yu

本系列博文的前三篇闡述了在數字設備上創建標志性用戶體驗所需的基本功能：跨平臺的開發和部署環境，實現類似游戲引擎的圖形質量，同時為嵌入式環境優化性能。

本文將討論如何通過UI框架的功能和特性相互配合以確保數字產品從設計到交付的全流程。如果軟件工具間的互動和團隊迭代協作的效率有很大的不同，那么實現這種目標的效率也會有很大的不同。在競爭激烈的現代市場中，分散的工作流程（比如工具之間不能自然地進行對接）和積木式的工作模式（團隊只專注于各自開發代碼），必然會因效率低下而失敗。在涵蓋從UI/UX設計到多種目標設備部署的工作流程中，通過不斷測試和更新的多次迭代，選擇正確的工作方法和工具不僅可以提高產品質量、縮短上市時間，還可以降低成本。這對于產品的成功至關重要。

端到端的解決方案

UI應用創建過程涉及多個階段，包括UI/UX設計、硬件部署以及迭代開發和測試。參與這個過程的涉及各種具有不同職能和能力的團隊，而他們之間的交流并不總是容易的，更別提高效了。如果沒有合適的工具，例如，由工程師和技術美術（Technical Artist）實現的設計和體驗可能會偏離設計師最初的設想。反過來，軟件測試需要在每次迭代、每次更新時進行，如果沒有集成自動化的測試工具，手動執行會非常耗時、容易出錯，而且測試范圍和準確性也有限。

UI框架為軟件開發過程的每個階段都提供了專用解決方案，這些解決方案基于相同的代碼庫，而不是依賴于各種不同的、分散的工具以應對不同需求。通過提供一個統一的工作流程，就可以提供一個協調一致的環境，打破了領域的界限，UI/UX設計師、2D/3D 技術美術、軟件架構師、開發工程師以及質量和測試工程師可以通過UI框架的統一工具在同一代碼庫上進行迭代式協作。

這種工具能夠使OEM廠商建立一種高效的軟件開發方式，其中設計與軟件和硬件規格緊密相關，用戶體驗可以在任何階段根據設定的需求進行定制。通過共享一個通用的UI創建工具，在該工具中應用程序的視覺組件與其代碼并排構建，技術美術和工程師能夠更清晰地了解彼此的目標和局限。在這種工作模式下，UI設計將自動轉換成代碼，代碼更改也會立即在UI的界面和功能上表現出來，這無疑加快了錯誤檢測速度和迭代，同時也避免了可能的誤解。不僅可以分享設計理念，還可以通過網絡共享完整的UI應用程序，讓所有利益相關者都可以審查界面外觀、測試功能并就整體用戶體驗提供反饋。相較于之前使用各種不兼容工具分別應對每一個新需求的分散工作方式，UI框架的端到端工具實現了工作流程的整合，極大地減輕了復雜性和工作量，對縮短上市時間和降低成本產生了顯著影響。

當UI框架的工具不僅包含設計和開發功能，還整合了自動化測試套件時，即便資源和成本有限，也能夠達到最高的質量標準，甚至通過關鍵安全應用認證。測試自動化有助于提高測試覆蓋率和準確性，同時減少了執行時間和人為錯誤。在當前敏捷軟件開發領域，頻繁測試已成為一種標準做法。在多個平臺上進行廣泛的并行測試，可以在短時間內看到創建自動化測試腳本的工作回報。

標準化與定制化

在產品涉及多個品類和型號、不同市場甚至多個品牌（它們可能在各自的型號和市場中競爭）的情況下，標準化成為關鍵因素。為新型號產品開發軟件時不能從頭開始，定義可重用的標準組件對于將核心功能移植到整個產品線至關重要。產品的維護和更新也高度依賴于各種軟件組件之間的兼容性和互操作性。理想情況下，軟件部分功能的更新不應導致其他部分出現回退，新增功能不應破壞原有功能。

為所有UI應用程序的核心組件提供標準化構建模塊，以及方便與現有軟件堆棧集成的UI框架，可以從根本上解決這類問題。

多產品公司面臨的另一個關鍵問題是差異化。這涉及到不同型號、產品線、市場、區域和人群之間的功能、外觀和體驗差異。

要在全球范圍內實現成功的端到端開發，關鍵在于協調這兩個相對矛盾的需求：一方面是標準化和可重用性，避免重復完成相同任務；另一方面是差異化，即輕松定制在不同型號、區域、語言環境等方面的外觀和功能。

為了實現這種平衡，我們可以將UI的外觀和底層邏輯分離，這遵循了模型-視圖-控制器（Model-View-Controller）的軟件設計模式。大致而言，在應用的行為和功能邏輯保持不變的情況下，UI元素的外觀可以根據不同的需求輕松定制。比如說，應用程序的連接和通信功能可以在所有設備上統一定義。而按鈕和控制元素的布局和外觀可以在不同的場景中靈活調整，還可以隨時新增新主題等。

UI框架能夠創建抽象的原子級UI基本構件，這些構件可在不同的邏輯工作流和平臺中使用。因為每個原子都由特定的代碼部分定義，所以可以將它們方便地組合成更大的構建模塊或者模板，從而定義出更復雜的UI元素和功能，適用于各種應用場景和產品系列，實現一致的功能。同時，UI框架還包含了可以輕松定制和區分不同產品型號外觀的工具，滿足不同的設計模式和用戶體驗需求。

從工作流程和生產效率的角度來看，通過創建外觀和邏輯分離的模板，高級開發者可以交付高度優化的現成軟件組件，這些組件內置了最佳編碼實踐，確保功能穩定、可移植性和與其他組件的兼容性。這使得即使初級開發者也能遵循預設要求輕松使用和定制這些模板，提升生產力，降低出錯的可能。

一個支持創建和輕松定制模板的UI框架，能讓高級軟件開發者與技術美術師/前端開發人員在同一代碼庫上并行工作，從而在質量、效率和成本方面帶來顯著優勢。當然，這還不是全部。

自主權

隨著數字設備用戶體驗逐漸向智能手機體驗靠攏，技術趨勢也在向智能手機解決方案轉變：硬件方面，技術正發展為板載多處理器解決方案；而軟件方面，則向一個適用于所有場景的統一操作系統發展。無論是消費電子、醫療設備還是汽車領域，這種趨勢都存在，而這些領域都在市場上生產著一些最先進、最復雜的軟件。推動這一趨勢的原因是它能為原始設備制造商（OEM）提供縮減物料清單、減少維護代碼和降低對第三方供應商依賴的機會。

Qt中所謂的“平臺思維”，側重于統一軟硬件架構，并根據不同品牌和型號進行定制。這種“大規模定制模式”也是近期預打包的HMI解決方案成功背后的核心原因，如Android Automotive提供的解決方案，可以利用合適的工具根據特定品牌的外觀和體驗進行定制。除汽車行業外，采用標準化軟件組件以及在統一UI框架中提供便于定制這些組件的工具，是在現代競爭市場中獲得成功的關鍵驅動力。

從這種轉向平臺化策略的趨勢中，我們可以得出關鍵的啟示：通過增加自主權，原始設備制造商可以簡化流程、降低成本并加強品牌建設。采用統一的UI框架及其覆蓋端到端產品生命周期的工具，可以讓OEM擺脫對第三方供應商的依賴，從而在提高生產力、交付效率，實現品牌差異化和保證質量方面帶來巨大的潛在收益。

深圳市優飛迪科技有限公司成立于2010年，是一家專注于產品開發平臺解決方案與物聯網技術開發的國家級高新技術企業。

十多年來，優飛迪科技在數字孿生、工業軟件尤其仿真技術、物聯網技術開發等領域積累了豐富的經驗，并在這些領域擁有數十項獨立自主的知識產權。同時，優飛迪科技也與國際和國內的主要頭部工業軟件廠商建立了戰略合作關系，能夠為客戶提供完整的產品開發平臺解決方案。

優飛迪科技技術團隊實力雄厚，主要成員均來自于國內外頂尖學府、并在相關領域有豐富的工作經驗，能為客戶提供“全心U+端到端服務”。