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.

Una nueva manera de entregar la interfaz de usuario: las tarjetas adaptables son fragmentos independientes de la plataforma de la interfaz de usuario, creados en JSON, que las aplicaciones y los servicios pueden intercambiar abiertamente. Cuando se entrega a una aplicación específica, el JSON se transforma en una interfaz de usuario nativa que se adapta automáticamente a sus alrededores. Ayuda a diseñar e integrar la interfaz de usuario ligera para todas las plataformas y marcos principales.

Las tarjetas adaptables se realizan para:

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

Conocer a los usuarios donde están

La vida digital moderna es agitada. Los usuarios cambian constantemente entre dispositivos, aplicaciones y servicios para realizar su trabajo. Las tarjetas adaptables le ayudan a aumentar la interacción y la eficacia insertando el contenido accionable directamente en las aplicaciones que usan todos los días.

Integrar en aplicaciones existentes:

• Tarjetas adaptables de Teams: como centro digital para muchos trabajadores modernos, Teams ofrece varios puntos de extensibilización para que las aplicaciones se integren. Un agente conversacional con tecnología de tarjetas adaptables puede simplificar considerablemente los flujos de trabajo empresariales en su sitio web o a través de otros canales.
• Mensajes interactivos de Outlook: El correo electrónico ha sido durante mucho tiempo una parte esencial del trabajo de un profesional de la información, y ahora puede enviar contenido interactivo directamente a su bandeja de entrada.
• Escala de tiempo de Windows: ayude a los usuarios a reanudar sus actividades en cualquier dispositivo.

Abre tus aplicaciones para permitir su adaptación.

Hay una comunidad de desarrolladores que quieren integrarse con tus aplicaciones, pero ¿cómo puedes hacerlo de forma segura y sin que su contenido llame la atención de manera inapropiada? Las tarjetas adaptables siempre son nativas y se combinan perfectamente en la interfaz de usuario circundante, y funcionan en todas las plataformas principales.

Instalación de los SDK de representación >

• Rendimiento nativo: las tarjetas adaptables representan la interfaz de usuario nativa en cualquier plataforma.
• Se adapta a la interfaz de usuario circundante: las tarjetas se adaptan automáticamente a la interfaz de usuario circundante.
• Totalmente extensible: el esquema está abierto para que pueda agregar su propio elemento.
• Dinámica e interactiva: la interactividad se expresa mediante declaración para ayudar a reducir el riesgo de inyección de código personalizada

Diseñar tarjetas en cualquier lugar

No es necesario enviar a los usuarios a este sitio web para diseñar tarjetas. Al igual que las tarjetas Adaptivas se mezclan con su entorno, también lo hace el Diseñador de tarjetas Adaptivas. El SDK incluye una API de configuración completa que le permite integrar profundamente los flujos de trabajo de tarjetas en la cadena de herramientas existente.

Instalación del SDK del diseñador >

Creación, uso compartido y detección de plantillas reutilizables

¿Qué ocurre si pudiera mostrar instantáneamente cualquier tipo de datos? Puede ser los datos de su propia aplicación, los datos de la organización o los datos de la web. Con plantillas de tarjetas adaptables, puede separar los datos del diseño de la tarjeta y, cuando se combina con un nuevo servicio de plantilla, se puede hacer posible un nuevo ecosistema de intercambio de tarjetas.

Creación de plantillas de tarjeta reutilizables >

• Integración avanzada del diseñador: los datos de ejemplo le permiten obtener una vista previa de su plantilla sin salir del diseñador.
• Simplificar los flujos de trabajo de desarrollo: cree la plantilla en el diseñador, úsela sin los servicios y péguela de nuevo en el diseñador para realizar cambios.
• Detectar y compartir plantillas mediante un servicio REST: el servicio de plantilla busca una plantilla para los datos e incluso la rellenará automáticamente.
• Queremos saber de usted: Aún no tenemos una fecha de lanzamiento para esta versión preliminar, pero estamos esperando aprender de usted.

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.