适用于 Office 外接程序的 UX 设计模式

在设计 Office 外接程序的用户体验时,应为 Office 用户提供具有吸引力的体验并通过在默认 Office UI 内无缝接入来扩展整体 Office 体验。

我们的 UX 模式由组件组成。 组件是帮助客户与软件或服务元素进行交互的控件。 按钮、导航、和菜单是常见组件的示例,通常具有一致的样式和行为。

Fluent UI React 组件的外观和行为类似于 Office 的一部分,Office UI Fabric JS 的与框架无关的组件也一样。 利用任一组组件与 Office 集成。 或者,如果你的外接程序具有其自身预先存在的组件语言,则无需放弃它。 与 Office 集成的同时寻找保留该语言的机会。 想办法改变风格元素、消除冲突或采用可避免用户混淆的样式和行为。

提供的模式是基于常见客户方案和用户体验研究的最佳做法解决方案。 它们旨在提供设计和开发加载项的快速入口点,以及实现 Microsoft 品牌元素与你自己的加载项之间的平衡的指导。 提供干净、现代的用户体验,以平衡 Microsoft Fluent UI 设计语言中的设计元素和合作伙伴的独特品牌标识,可能有助于提高用户保留率和加载项的采用率。

使用 UX 模式模板来实现以下目的:

  • 将解决方案应用于常见的客户方案。
  • 应用设计最佳实践。
  • 合并 Fluent UI 组件和样式。
  • 构建以可视方式与默认 Office UI 集成的外接程序。
  • 形成 UX 概念并将其可视化。

入门

该模式按照外接程序中的常见按键操作或体验来进行组织。 主要的组包括:

浏览每个分组,了解如何使用最佳做法来设计外接程序。

注意

本文档中显示的所有示例屏幕均按 1366x768 的分辨率进行设计和显示。

另请参阅