Conception de votre application Microsoft Teams

Image conceptuelle présentant les instructions de conception Microsoft Teams.

Que vous soyez concepteur, chef de produit, développeur ou créateur à l’aide d’outils à faible code, ces instructions peuvent vous aider à prendre rapidement les bonnes décisions de conception pour votre application Microsoft Teams.

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

Concevoir une application Teams revient à concevoir une application web conventionnelle, mais aussi un peu différente. Une conception efficace met en évidence les attributs uniques de votre application tout en s’ajustant naturellement avec les fonctionnalités et les contextes Teams.

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

Principes de conception des applications Teams

Les applications Teams aident les utilisateurs à aller plus loin ensemble. Utilisez ces principes pour guider votre conception.

Collaboration

L’application Teams 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 inclusif

Les personnes de tous les arrière-plans, ensembles de compétences et disciplines peuvent utiliser l’application. C’est culturellement, racialement et socialement conscient.

Light

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

Natif ou distinct

L’application utilise des composants de conception Teams natifs ou les vôtres. Il n’existe aucun mélange de jeux de couleurs, de contrôles, et ainsi de suite.

Utile

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

Simplicité d’utilisation

L’interface utilisateur est facile à comprendre, agréable dans l’apparence et le ton, et rend les gens plus productifs.

Réactif

L’application est indépendante de l’appareil et de l’écran.

Accessible

L’application répond aux exigences d’accessibilité de Teams en termes de contraste des couleurs, d’alternatives de navigation, etc.

Bien décrit

Le texte, les icônes et les images indiquent clairement à quoi sert l’application et comment l’utiliser.

Système de conception Teams

Découvrez les principes de base de conception d’application Teams, notamment la disposition, les jeux de couleurs et bien plus encore.

Fonctionnalités de l’application

Découvrez comment les utilisateurs ajoutent, utilisent et gèrent les applications Teams pour tirer le meilleur parti de chaque fonctionnalité de votre conception.

Modèles d’interface utilisateur

Créez des conceptions complexes et haute fidélité avec des modèles pour les cas d’usage et les flux de travail Teams courants. Les playbooks d’application et les modèles d’interface utilisateur sont également disponibles pour vous aider à prendre en main les applications étendues dans Microsoft 365.

Composants d’interface utilisateur de base

En fonction de l’interface utilisateur Fluent, il s’agit des éléments principaux que vous pouvez utiliser pour créer des expériences Teams à 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 application Teams avec des composants d’interface utilisateur, des modèles et des exemples que vous pouvez faire glisser, déplacer 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 différents scénarios Teams.

Documentation de l’interface utilisateur Fluent

Obtenez des exemples de code et comprenez les spécificités de l’implémentation des composants d’interface utilisateur Fluent fondamentaux utilisés dans la construction d’expériences Teams.

Exemple d’application

Vous pouvez charger un exemple d’application pour voir comment les applications doivent ressembler et se comporter dans le client Teams.

Concepteur de cartes adaptatives

Concevez des cartes adaptatives dans notre outil web.

Voir aussi