Projetando seu aplicativo Microsoft Teams
Seja você um designer, gerente de produto, desenvolvedor ou criador que usa ferramentas de código baixo, essas diretrizes podem ajudá-lo a tomar rapidamente as decisões de design corretas para seu aplicativo Microsoft Teams.
Criando uma experiência coesa
Projetar um aplicativo Teams é como projetar um aplicativo Web convencional, mas também um pouco diferente. Um design eficaz realça os atributos exclusivos do seu aplicativo, ajustando-se naturalmente aos recursos e contextos do Teams.
Essas diretrizes e recursos podem ajudá-lo a atingir esse equilíbrio. Você saberá o que fazer e o que evitar ao projetar seu aplicativo teams (como navegação multinível em uma guia).
Princípios de design do aplicativo Teams
Os aplicativos do Teams ajudam as pessoas a alcançar mais juntos. Use estes princípios para orientar seu design.
Colaborativo
O aplicativo Teams promove a colaboração por meio de atividades coordenadas e compartilhadas entre os usuários.
Confiável
O aplicativo é seguro e compatível. Os usuários podem encontrar facilmente informações sobre privacidade.
Inclusivo globalmente
Pessoas de todas as formações, conjuntos de habilidades e disciplinas podem usar o aplicativo. É cultural, racial e socialmente consciente.
Leve
O aplicativo se concentra em cenários principais que se misturam com fluxos de trabalho do Teams.
Nativo ou distinto
O aplicativo usa componentes de design nativos do Teams ou seus próprios. Não há combinação de esquemas de cores, controles e assim por diante.
Útil
O aplicativo é baseado em um cenário que as pessoas precisam executar no Teams.
Fácil de usar
A interface do usuário é fácil de entender, com uma aparência e tom agradáveis e torna as pessoas mais produtivas.
Dinâmico
O aplicativo é independente de dispositivo e de tela.
Acessíveis
O aplicativo atende aos requisitos de acessibilidade do Teams em termos de contraste de cores, alternativas de navegação e muito mais.
Bem descrito
Texto, ícones e imagens tornam claro para que o aplicativo serve e como usá-lo.
Sistema de design do Teams
Conheça os conceitos básicos do design de aplicativo Teams , incluindo layout, esquemas de cores e muito mais.
Recursos do aplicativo
Entenda como as pessoas adicionam, usam e gerenciam aplicativos do Teams para aproveitar o máximo de cada recurso em seu design.
Modelos de Interface de Usuário
Crie designs complexos e de alta fidelidade com modelos para casos de uso e fluxos de trabalho comuns do Teams. Os guias estratégicos do aplicativo e os modelos de interface do usuário também estão disponíveis para ajudar você a começar a usar os aplicativos estendidos no Microsoft 365.
Componentes básicos da Interface de Usuário
Com base na IU do Fluent, esses são os elementos principais que você pode usar para criar do zero experiências do Teams.
Tools and samples
As ferramentas a seguir podem ajudar designers e desenvolvedores a começar:
Kit de IU do Microsoft Teams
Crie um aplicativo Teams com componentes, modelos e exemplos de interface do usuário que pode arrastar, soltar e modificar conforme necessário. O kit de interface do usuário também inclui informações abrangentes sobre a aparência e o comportamento dos aplicativos em diferentes cenários do Teams.
Documentação da IU do Fluent
Obtenha exemplos de código e entenda as especificidades de implementação para os componentes básicos da interface do usuário fluente utilizados na construção de experiências do Teams.
Aplicativo de exemplo
Você pode carregar um aplicativo de exemplo para ver a aparência e o comportamento dos aplicativos no cliente do Teams.
Designer de cartões adaptáveis
Crie Cartões Adaptáveis em nossa ferramenta baseada na Web.