本文翻译自：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+端到端服务”。