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.
Os componentes fluentes da IU React parecem e comportam-se como parte do Office, assim como os componentes neutros em termos de arquitetura do Office UI Fabric JS. Tire partido de qualquer um dos conjuntos de componentes a integrar no Office. Em alternativa, se o seu suplemento tiver o seu próprio idioma de componente pré-existente, não precisa de o eliminar. 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. Destinam-se a fornecer um ponto de entrada rápido para conceber 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 utilizador moderna e limpo que equilibra 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 e adoção do utilizador do 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 os componentes e estilos da IU 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:
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.