Processus de conception des applications Microsoft Teams
Il existe de nombreux outils et ressources pour concevoir votre application Microsoft Teams. Les étapes suivantes décrivent quand et comment vous pouvez les utiliser au cours du processus de conception. (Certaines étapes peuvent être techniquement en dehors du processus de conception mais sont incluses pour un contexte supplémentaire).
Programmez votre application
Pour concevoir une application Teams de qualité, il faut comprendre ce que vous voulez que l'application fasse et comment vous pensez que les gens vont l'utiliser. Toutefois, avant de commencer la conception, répondez aux questions suivantes :
- Qui sont vos utilisateurs ?
- Quel est leur problème ?
- Comment votre application peut-elle résoudre leur problème ?
- À quelle fréquence votre application sera-t-elle utilisée ?
- Combien de personnes utiliseront votre application ?
- Quel type de retour sur investissement votre application peut-elle fournir ?
Pour plus d'informations, consultez la section Comprendre les cas d'utilisation de votre application et faire correspondre les cas d'utilisation à Teams.
Obtenir des outils de conception pour les équipes
Microsoft fournit des outils pour faciliter la conception de votre application Teams. Au minimum, nous vous recommandons vivement d'utiliser le kit d'interface utilisateur de Microsoft Teams.
Obtenez le kit d'interface utilisateur de Microsoft Teams
Le kit d'interface utilisateur de Microsoft Teams peut vous aider à développer une application Teams efficace en un minimum de temps. Le kit d'interface utilisateur contient tout ce que vous voyez dans ces documents concernant la conception de l'application Teams et bien plus encore, y compris des exemples et des variantes détaillés.
Le kit d’interface utilisateur dispose également de modèles et de composants prédéfinis que vous pouvez copier et modifier en fonction des besoins, ce qui vous permet de passer plus de temps à concevoir la meilleure expérience utilisateur au lieu de vous soucier de ce à quoi doit ressembler un bouton.
Conseil
Le kit d'interface utilisateur est-il pour moi ? Si vous avez participé à la création d'une application Teams, oui. Comprendre comment créer une application Teams n'est pas seulement utile aux concepteurs, mais aussi aux chefs de produit, aux développeurs qui utilisent des IDE et aux créateurs qui construisent avec des outils à code réduit (tels que Microsoft Power Plat).
- Allez sur la page Figma du kit d'interface utilisateur de Microsoft Teams .
- Sélectionnez Duplicate pour ouvrir le kit d'interface utilisateur. (Vous devrez peut-être d’abord créer un compte Figma.)
Essayez l'application d'exemple
Vous pouvez télécharger un exemple d'application pour voir comment les applications doivent se présenter et se comporter dans le client Teams.
Apprendre le système de conception des équipes
Lisez en profondeur ou familiarisez-vous au moins avec les principes fondamentaux de la conception des applications Teams, notamment la mise en page, les schémas de couleurs, et plus.
Choisissez les capacités de l'application
Après la phase de planification, vous pouvez déterminer quelles capacités de Teams correspondent aux cas d'utilisation de votre application. Par exemple, si vous souhaitez informer les gens de manière proactive, un robot pourrait être la bonne solution.
Le kit d’interface utilisateur a des conceptions prédéfinies qui vous montrent comment les utilisateurs ajoutent, configurent, utilisent et gèrent généralement chaque fonctionnalité. Pour une référence rapide, ces informations se trouvent également dans ces documents, mais avec le kit d'interface utilisateur, vous pouvez copier et coller n'importe lequel de ces modèles dans la conception de votre application.
- Dans le menu de gauche du kit d'interface, allez dans Capacités de l'application et sélectionnez la capacité que vous souhaitez pour votre application.
- Copiez ce dont vous avez besoin sur cette page pour concevoir votre application.
Par exemple, si votre application prend en charge l'authentification par signature unique, copiez et collez la conception permettant de gérer ce scénario précis.
Concevoir votre flux UX
Une fois que vous avez conçu une application de base, vous pouvez la modifier et l'affiner autant que vous le souhaitez en copiant les modèles d'interface utilisateur d'équipes et les modèles de base.
Conception avec des modèles d'interface utilisateur
Les modèles d'interface utilisateur sont des conceptions complexes et de haute fidélité pour les cas d'utilisation et les flux de travail courants de Teams. Au lieu de commencer par le bas avec des composants de base, nous vous recommandons d'utiliser ces modèles pour simplifier et accélérer le processus de conception.
- Dans le menu de gauche du kit d'interface utilisateur, allez dans Modèles d'interface utilisateur.
- Copiez les modèles qui conviennent à la conception de votre application.
Par exemple, si vous concevez une application personnelle, vous souhaiterez peut-être utiliser un modèle Tableau de bord.
Conception avec les composants de base de l'interface utilisateur
Basés sur Fluent UI, ce sont les éléments de base pour créer des interfaces familières pour les équipes. Utilisez ces composants si un modèle d'interface utilisateur manque d'un élément dont vous avez besoin ou si vous souhaitez simplement concevoir votre application à partir de zéro.
- Dans le menu de gauche du kit d'interface utilisateur, allez dans Composants de base de l'interface utilisateur.
- Copiez les composants dont vous avez besoin pour la conception de votre application (par exemple, un bouton ou une bascule).
Mettez en œuvre votre conception
La conception est terminée et vous êtes prêt à commencer à construire. L’outil suivant peut vous aider à simplifier le développement frontal de votre application.
Construire avec des composants d'interface utilisateur de base
Contrairement à la phase de conception, vous pouvez utiliser les composants Fluent UI React dans votre projet d’application si un modèle d’interface utilisateur manque quelque chose dont vous avez besoin ou si vous souhaitez simplement créer l’application à partir de zéro.
Examiner les ressources de conception
Que vous commenciez à travailler sur votre application ou que vous soyez sur le point d'avoir une application prête à être mise en production, nous vous recommandons de consulter régulièrement les ressources suivantes :
- Instructions de validation du Microsoft Teams Store : fournit des normes que toutes les applications Teams doivent rechercher, et pas seulement les applications répertoriées dans le Magasin Teams. Pour plus d'informations, voir les directives .
- Meilleures pratiques de conception : Ces documents et le kit d'interface utilisateur fournissent les meilleures pratiques pour concevoir des applications de haute qualité. Par exemple, consultez les meilleures pratiques pour la conception de robots.