Vue d’ensemble des cartes adaptatives

Les cartes adaptatives sont un format d’échange de cartes ouvert permettant aux développeurs d’échanger du contenu d’interface utilisateur de manière commune et cohérente.

Une nouvelle façon de fournir l’interface utilisateur : les cartes adaptatives sont des extraits de code indépendant de la plateforme de l’interface utilisateur, créés en JSON, que les applications et les services peuvent échanger ouvertement. Lorsqu’il est remis à une application spécifique, le JSON est transformé en interface utilisateur native qui s’adapte automatiquement à son environnement. Il permet de concevoir et d’intégrer une interface utilisateur légère pour toutes les principales plateformes et infrastructures.

Les cartes adaptatives sont destinées à :

• Android
• Ios
• JavaScript
• ASP.NET
• .NET WPF
• Windows
• ReactNative

Rencontrez vos utilisateurs là où ils sont

La vie numérique moderne est trépidante. Les utilisateurs basculent constamment entre les appareils, les applications et les services pour accomplir leur travail. Les cartes adaptatives vous aident à augmenter l’engagement et l’efficacité en injectant votre contenu actionnable directement dans les applications qu’ils utilisent chaque jour.

Intégrer à des applications existantes :

• Cartes adaptatives Teams : En tant que plateforme numérique centrale pour de nombreux travailleurs modernes, Teams propose plusieurs points d’extensibilité pour intégrer des applications. Un agent conversationnel alimenté par des cartes adaptatives peut simplifier considérablement les flux de travail métier sur votre site web ou via d’autres canaux.
• Messages actionnables Outlook : l’e-mail a longtemps été un sang de vie d’un travailleur de l’information, et maintenant vous pouvez remettre du contenu actionnable directement dans leur boîte de réception.
• Chronologie Windows : aide les utilisateurs à reprendre leurs activités sur n’importe quel appareil.

Ouvrir vos applications à l’extensibilité

Il y a un écosystème de développeurs qui souhaitent intégrer vos applications, mais comment pouvez-vous le faire en toute sécurité et sans que leur contenu ne se remarque de manière inappropriée ? Les cartes adaptatives sont toujours natives et se mélangent en toute transparence à l’interface utilisateur environnante, et elles fonctionnent sur chaque plateforme majeure !

Installer les Kits de développement logiciel (SDK) De rendu >

• Performances natives : les cartes adaptatives affichent l’interface utilisateur native sur n’importe quelle plateforme.
• S’adapte à l’interface utilisateur environnante : les cartes sont automatiquement adaptatives à l’interface utilisateur environnante.
• Entièrement extensible : le schéma est ouvert pour vous permettre d’ajouter votre propre élément.
• Dynamique et interactive : l’interactivité est exprimée de manière déclarative pour réduire le risque d’injection de code personnalisée

Cartes de conception n’importe où

Vous n’avez pas besoin d’envoyer vos utilisateurs à ce site web pour concevoir des cartes. Tout comme les cartes adaptatives se fondent dans leur environnement, le Concepteur de cartes adaptatives s'intègre également harmonieusement. Le Kit de développement logiciel (SDK) inclut une API de configuration complète qui vous permet d’intégrer profondément les flux de travail de carte dans votre chaîne d’outils existante.

Installer le Kit de développement logiciel (SDK) du concepteur >

Créer, partager et découvrir des modèles réutilisables

Que se passe-t-il si vous pouviez afficher instantanément n’importe quel type de données ? Il peut s’agir des données de votre propre application, des données de votre organisation ou des données du web. Avec la création de modèles de carte adaptative, vous pouvez séparer les données de la disposition des cartes, et lorsqu’elles sont associées à un nouveau service de modèle, un nouvel écosystème d’échange de cartes devient possible.

Créer des modèles de carte réutilisables >

• Intégration de concepteur enrichi : des exemples de données vous permettent d’afficher un aperçu de votre modèle sans quitter le concepteur.
• Simplifiez les flux de travail de développement : créez votre modèle dans le concepteur, utilisez-le sans vos services, puis collez-le directement dans le concepteur pour apporter des modifications.
• Découvrez et partagez des modèles à l’aide d’un service REST : le service de modèle trouve un modèle pour vos données et le remplira même pour vous.
• Nous voulons connaître votre avis : Nous n’avons pas encore de date de publication pour cette préversion, mais nous attendons de recevoir vos retours.

Fonctionnement

Les auteurs de cartes décrivent leur contenu en tant qu’objet JSON simple. Ce contenu peut ensuite être rendu en mode natif à l’intérieur d’une application hôte, en s’adaptant automatiquement à l’apparence de l’hôte.

Par exemple, Contoso Bot peut créer une carte adaptative via Bot Framework et, lorsqu’elle est remise à Skype, elle ressemble à une carte Skype. Lorsque cette même charge utile est envoyée à Microsoft Teams, elle ressemble à Microsoft Teams. À mesure que davantage d'applications hôtes commencent à prendre en charge les Cartes Adaptatives, ce même payload s'allume automatiquement à l’intérieur de ces applications, tout en paraissant toujours entièrement natif pour l’application.

Les utilisateurs gagnent parce que tout se sent familier. Les applications hôtes gagnent, car elles contrôlent l’expérience utilisateur. Les auteurs de cartes gagnent parce que leur contenu atteint une audience plus large sans aucun travail supplémentaire.

Objectifs

Les objectifs des cartes adaptatives sont les suivants :

• Portable - Pour n’importe quelle application, appareil et infrastructure d’interface utilisateur
• Open - Les bibliothèques et le schéma sont open source et partagés
• Faible coût - Facile à définir, facile à consommer
• Expressif - Ciblé sur la longue traîne du contenu que les développeurs souhaitent produire
• Purement déclaratif - Aucun code n’est nécessaire ou autorisé
• Style automatique - Conformément à l'UX et les lignes directrices de la marque de l'application hôte

Pour les auteurs de cartes

Les cartes adaptatives sont idéales pour les auteurs de cartes :

• Un schéma : vous obtenez un format unique, ce qui réduit le coût de création d’une carte et optimise le nombre d’emplacements qu’il peut utiliser.
• Expression plus riche : votre contenu peut s’aligner plus étroitement sur ce que vous voulez dire, car vous avez une palette plus riche avec laquelle peindre.
• Large portée : votre contenu fonctionnera dans un ensemble plus large d’applications sans avoir à apprendre de nouveaux schémas.
• Contrôles d’entrée : votre carte peut inclure des contrôles d’entrée pour collecter des informations auprès de l’utilisateur qui consulte la carte.
• Meilleur outil - Un écosystème de cartes ouvertes signifie de meilleurs outils partagés par tout le monde.

Pour les propriétaires d’expérience

Si vous êtes développeur d’applications qui souhaite exploiter un écosystème de contenu tiers, vous aurez l’amour des cartes adaptatives, car :

• Expérience utilisateur cohérente : vous garantissez une expérience cohérente pour vos utilisateurs, car vous possédez le style de la carte rendue.
• Performances natives : vous obtenez des performances natives au fur et à mesure qu’elle cible directement votre infrastructure d’interface utilisateur.
• Sécurisé : le contenu est fourni dans des charges utiles sécurisées afin que vous n’ayez pas à ouvrir votre infrastructure d’interface utilisateur en balisage brut et en script.
• Facile à implémenter - Vous obtenez des bibliothèques prêtes à l'emploi pour une intégration facile sur n'importe quelle plateforme que vous prenez en charge
• Documentation gratuite : vous gagnez du temps, car vous n’avez pas besoin d’inventer, d’implémenter et de documenter un schéma propriétaire.
• Outils partagés : vous gagnez du temps, car vous n’avez pas besoin de créer d’outils personnalisés.

Principes de conception de base

Les cartes adaptatives sont pilotées par un ensemble de principes directeurs qui ont été utiles pour maintenir la conception en cours.

Sémantique au lieu d’un pixel parfait

Autant que possible, nous privilégions les valeurs sémantiques et les concepts plutôt que de chercher un agencement parfait au pixel près. Des exemples d’expression sémantique s’affichent en couleurs, tailles et dans des éléments tels que FactSet et ImageSet. Toutes permettent à l’application hôte de prendre de meilleures décisions sur l’apparence réelle.

Les auteurs de cartes possèdent le contenu, tandis que l’application hôte contrôle l’apparence et l’aspect.

Les auteurs de cartes ont la maîtrise de leur message, mais l'application qui l'affiche détermine l'apparence de la carte dans le contexte de leur application.

Gardez-le simple, mais expressif

Nous voulons que les cartes adaptatives soient expressifs et à usage général, mais nous ne voulons pas créer d’infrastructure d’interface utilisateur. L’objectif est de créer une couche intermédiaire qui est « suffisamment expressif » de la même façon que Markdown est suffisamment expressif pour les documents.

En mettant l’accent sur la simple et l’expressivité, Markdown a créé une description simple et cohérente du contenu du document. De la même façon, nous pensons que les cartes adaptatives peuvent créer un moyen simple et expressif de décrire le contenu des cartes.

En cas de doute, abstenez-vous

Il est plus facile d’ajouter plus tard que de vivre avec une erreur. Si nous nous retrouvions à débattre si nous devrions ajouter quelque chose ou non, nous avons choisi de l'exclure. Il est toujours plus facile d’ajouter une propriété que de vivre avec un héritage dont nous préférerions ne pas avoir à nous occuper.