Conception de votre application Microsoft Teams web

Image conceptuelle présentant les recommandations Microsoft Teams conception.

Que vous êtes concepteur, chef de produit, développeur ou fabricant à l’aide d’outils à code faible, ces instructions peuvent vous aider à prendre rapidement les bonnes décisions en matière de conception pour Microsoft Teams application.

Création d’une expérience cohérente

Concevoir une application Teams s’approche de la conception d’une application web conventionnelle, mais également un peu différente. Une conception efficace met en évidence les attributs uniques de votre application tout en s’ajustant naturellement Teams fonctionnalités et contextes.

Ces instructions et ressources peuvent vous aider à trouver cet équilibre. Vous savez ce qu’il faut faire et ce qu’il faut éviter lors de la conception de votre application Teams (par exemple, navigation à plusieurs niveaux dans un onglet).

Teams de conception d’application

Teams applications permettent aux gens d’atteindre des objectifs plus réussis. Utilisez ces principes pour guider votre conception.

Collaboration

Teams’application favorise la collaboration par le biais d’activités coordonnées et partagées entre les utilisateurs.

Fiable

L’application est sécurisée et conforme. Les utilisateurs peuvent facilement trouver des informations sur la confidentialité.

Globalement inclusive

Les personnes de tous horizons, de tous les compétences et de toutes les disciplines peuvent utiliser l’application. Il s’agit d’une approche culturelle, culturelle et sociale.

Light

L’application se concentre sur les scénarios de base qui se fondent avec Teams flux de travail.

Natif ou distinct

L’application utilise des composants Teams de conception natifs ou les vôtres. Il n’existe aucun mélange de modèles de couleurs, de contrôles, etc.

Utile

L’application est basée sur un scénario que les personnes doivent faire dans Teams.

Facile à utiliser

L’interface utilisateur est facile à comprendre, agréable en apparence et en ton, et rend les utilisateurs plus productifs.

Réactif

L’application est sans périphérique et sans écran.

Accessible

L’application répond Teams exigences d’accessibilité en termes de contraste de couleur, d’alternatives de navigation et bien plus encore.

Bien décrit

Le texte, les icônes et les images montrent clairement à quoi l’application s’utilise et comment l’utiliser.

Teams de conception

Découvrez les principes de base de Teams conception d’application,notamment la disposition, les modèles de couleurs, etc.

Fonctionnalités de l’application

Comprendre comment les personnes ajoutent, utilisent et gèrent Teams applications pour utiliser au mieux chaque fonctionnalité de votre conception.

Modèles d’interface utilisateur

Créez rapidement des conceptions complexes et haute fidélité avec des modèles pour les Teams et les flux de travail.

Composants d’interface utilisateur de base

En fonction de Fluent’interface utilisateur, voici les principaux éléments que vous pouvez utiliser pour créer Teams expériences à partir de zéro.

Outils et exemples

Les outils suivants peuvent aider les concepteurs et les développeurs à démarrer :

Kit d’interface utilisateur de Microsoft Teams

Concevez une Teams avec des composants d’interface utilisateur, des modèles et des exemples que vous pouvez faire glisser, déposer et modifier selon vos besoins. Le kit d’interface utilisateur inclut également des informations complètes sur l’apparence et le comportement des applications dans Teams différents scénarios.

Microsoft Teams’interface utilisateur

Affichez et testez les Teams d’interface utilisateur et les composants associés dans votre navigateur.

Importez ces modèles et composants associés directement dans Teams projet d’application.

Exemple d’application

Vous pouvez télécharger un exemple d’application pour voir l’apparence et le comportement des applications dans Teams client.

Autres ressources

Pour en savoir plus, essayez l’une des ressources suivantes :

Fluent de l’interface utilisateur

Obtenez des exemples de code et des détails d’implémentation pour les composants Fluent’interface utilisateur de base utilisés pour créer Teams expériences utilisateur.

Concepteur de cartes adaptatives

Concevez des cartes adaptatives dans notre outil web.

Voir aussi