Introducción a las tarjetas adaptables

Las tarjetas adaptables son un formato abierto de intercambio de tarjetas que permite a los desarrolladores intercambiar contenido de la interfaz de usuario de una manera común y coherente.

Cómo funcionan

Los autores de tarjetas describen su contenido como un objeto JSON simple. Ese contenido se puede representar de forma nativa dentro de una aplicación host, adaptándose automáticamente a la apariencia del host.

Por ejemplo, Contoso Bot puede crear una tarjeta adaptable a través de Bot Framework y, cuando se entrega a Skype, tendrá un aspecto similar a una tarjeta de Skype. Cuando se envía esa misma carga a Microsoft Teams, tendrá un aspecto similar a Microsoft Teams. A medida que más aplicaciones host comienzan a admitir tarjetas adaptables, esa misma carga se iluminará automáticamente dentro de estas aplicaciones, pero todavía se siente completamente nativa para la aplicación.

Los usuarios ganan porque todo se siente familiar. Las aplicaciones host ganan porque controlan la experiencia del usuario. Y los autores de tarjetas ganan porque su contenido obtiene un alcance más amplio sin ningún trabajo adicional.

Objetivos

Los objetivos de las tarjetas adaptables son:

• Portable : para cualquier aplicación, dispositivo y marco de interfaz de usuario
• Open : las bibliotecas y el esquema son de código abierto y compartidos
• Bajo costo : fácil de definir, fácil de consumir
• Expresivo - Orientado a la larga cola de contenido que los desarrolladores quieren producir
• Declarativo puro: no se necesita ni se permite ningún código
• Estilo automático - Según la experiencia de usuario de la aplicación host y las directrices de marca

Para autores de tarjetas

Las tarjetas adaptables son excelentes para los autores de tarjetas:

• Un esquema : obtiene un único formato, lo que minimiza el costo de crear una tarjeta y maximizar el número de lugares en los que se puede usar.
• Expresión más rica - El contenido puede alinearse más estrechamente con lo que quiere decir porque tiene una paleta más completa con la que pintar.
• Alcance amplio : el contenido funcionará en un conjunto más amplio de aplicaciones sin tener que aprender nuevos esquemas.
• Controles de entrada : la tarjeta puede incluir controles de entrada para recopilar información del usuario que está viendo la tarjeta.
• Mejores herramientas : un ecosistema de tarjetas abiertas significa una mejor herramienta compartida por todos los usuarios.

Para propietarios de experiencia

Si eres un desarrollador de aplicaciones que quiere acceder a un ecosistema de contenido de terceros, te encantarán las tarjetas adaptables porque:

• Experiencia de usuario coherente : garantiza una experiencia coherente para los usuarios, ya que posee el estilo de la tarjeta representada.
• Rendimiento nativo - obtiene un rendimiento nativo ya que apunta directamente a su marco de interfaz de usuario.
• Seguro : el contenido se entrega en cargas seguras, por lo que no es necesario abrir el marco de interfaz de usuario para el marcado sin procesar y el scripting.
• Fácil de implementar: obtiene bibliotecas disponibles para integrar fácilmente en cualquier plataforma que usted soporte
• Documentación gratuita : ahorra tiempo porque no tiene que inventar, implementar y documentar un esquema propietario.
• Herramientas compartidas : ahorra tiempo porque no tiene que crear herramientas personalizadas.

Principios básicos de diseño

Las tarjetas adaptables se basan en un conjunto de principios rectores que han sido útiles para mantener el diseño encaminado.

Semántica en lugar de perfecta a nivel de píxel

Nos hemos esforzado en la medida de lo posible por los valores y conceptos semánticos en lugar de un diseño perfectamente alineado a los píxeles. Algunos ejemplos de expresiones semánticas aparecen en colores, tamaños y elementos como FactSet e ImageSet. Estas características permiten a la aplicación host tomar mejores decisiones sobre la apariencia y sensación reales.

Los autores de tarjetas poseen el contenido, la aplicación anfitriona posee la apariencia y la experiencia de usuario.

Los autores de las tarjetas son dueños de lo que quieren expresar, pero la aplicación que las muestra posee el aspecto y la sensación de la tarjeta en el contexto de dicha aplicación.

Mantenerlo sencillo, pero expresivo

Queremos que las tarjetas adaptables sean expresivas y de uso general, pero no queremos crear un marco de interfaz de usuario. El objetivo es crear una capa intermedia que sea "lo suficientemente expresiva" de la misma manera que Markdown es lo suficientemente expresiva para los documentos.

Al centrarse en mantenerla simple y expresiva, Markdown creó una descripción fácil y coherente del contenido del documento. De la misma manera, creemos que las tarjetas adaptables pueden crear un medio simple y expresivo de describir el contenido de la tarjeta.

Cuando esté en duda, manténgalo fuera

Es más fácil añadir después que vivir con un error. Si nos encontramos debatiendo si debemos agregar algo o no, optamos por dejarlo fuera. Siempre es más fácil agregar una propiedad que vivir con un legado que deseamos no tener que admitir.

Sesión de Microsoft Build 2019

En la siguiente sesión de la conferencia de Microsoft Build se muestran las tarjetas adaptables en una variedad de casos de uso.

[! VÍDEO [https://www.youtube.com/embed/wT1yFr_j6IM]