Padrões de design da experiência do usuário para suplementos do Office

  • Artigo

O design da experiência do usuário para os suplementos do Office deve fornecer uma experiência atraente para os usuários do Office e estender a experiência geral do Office, ajustando-se perfeitamente à interface do usuário padrão do Office.

Nossos padrões de experiência do usuário são compostos de componentes. Os componentes são controles que ajudam os clientes a interagir com os elementos do software ou serviço. Botões, navegação e menus são exemplos de componentes comuns que geralmente possuem comportamentos e estilos consistentes.

Os componentes de React de interface do usuário fluentes parecem e se comportam como parte do Office, assim como os componentes neutros da estrutura do Office UI Fabric JS. Aproveite qualquer conjunto de componentes para integrar ao Office. Como alternativa, se o suplemento tiver sua própria linguagem de componente preexistentes, você não precisará descartá-lo. Procure oportunidades para mantê-lo durante a integração ao Office. Considere maneiras de trocar elementos estilísticos, remover conflitos ou adotar estilos e comportamentos que removam a confusão para o usuário.

Os padrões fornecidos são soluções de práticas recomendadas com base em cenários comuns de clientes e pesquisa de experiência do usuário. Eles devem fornecer um ponto de entrada rápido para projetar e desenvolver suplementos, bem como diretrizes para alcançar o equilíbrio entre os elementos da marca Microsoft e os seus. Fornecer uma limpo experiência moderna do usuário que equilibra elementos de design da linguagem de design fluente da interface do usuário da Microsoft e a identidade de marca exclusiva do parceiro pode ajudar a aumentar a retenção do usuário e a adoção do suplemento.

Use os modelos padrão de experiência do usuário para:

  • Aplicar soluções a cenários comuns de clientes.
  • Aplicar as práticas recomendadas de design.
  • Incorpore componentes e estilos de interface do usuário fluentes .
  • Criar suplementos que se integram visualmente à interface do usuário padrão do Office.
  • Idealizar e visualizar a experiência do usuário.

Introdução

Os padrões são organizados por ações principais ou experiências comuns em um suplemento. Os principais grupos são:

Navegar por cada agrupamento para ter uma ideia de como você pode projetar o suplemento usando as práticas recomendadas.

Observação

As telas de exemplo mostradas ao longo desta documentação, estão projetadas e exibidas na resolução de 1366x768.

Confira também