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

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.

IU do Fluent Os componentes do React se parecem e se comportam como parte do Office, da mesma forma que os componentes neutros em termos de estrutura do Office UI Fabric JS. Aproveite qualquer conjunto de componentes para integração com o Office. Como alternativa, se o suplemento tiver seu próprio idioma de componente preexistente, 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 destinam-se a fornecer um ponto de entrada rápido para projetar e desenvolver suplementos, bem como orientações para alcançar o equilíbrio entre os elementos da marca Microsoft e os seus. Fornecer uma experiência de usuário moderna e limpa que equilibre elementos de design da linguagem de design Fluent UI da Microsoft e a identidade de marca exclusiva do parceiro pode ajudar a aumentar a retenção de usuários e a adoção de seu 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 do Fluent .
• 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:

• OOBE (FRE)
• Autenticação
• Navegação
• Design de identidade Visual

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

Confira também

• Idioma de design de suplemento do Office
• Práticas recomendadas para o desenvolvimento de suplementos do Office
• Interface do usuário Fluent React em Suplementos do Office