Panoramica delle schede adattive

Le schede adattive sono un formato di scambio di schede aperto che consente agli sviluppatori di scambiare il contenuto dell'interfaccia utente in modo comune e coerente.

Come funzionano

Gli autori di schede descrivono il contenuto come un semplice oggetto JSON. Il rendering del contenuto può quindi essere eseguito in modo nativo all'interno di un'applicazione host, adattandolo automaticamente all'aspetto dell'host.

Ad esempio, Contoso Bot può creare una scheda adattiva tramite Bot Framework e, quando viene recapitata a Skype, avrà un aspetto simile a una scheda Skype. Quando lo stesso payload viene inviato a Microsoft Teams, avrà un aspetto simile a Microsoft Teams. Man mano che più app host iniziano a supportare le schede adattive, lo stesso payload verrà abilitato automaticamente all'interno di queste applicazioni, risultando ancora completamente nativo nell'app.

Gli utenti vincono perché tutto si sente familiare. Le app host vincono perché controllano l'esperienza utente. E gli autori di carte vincono perché il loro contenuto diventa più ampio senza alcun lavoro aggiuntivo.

Obiettivi

Gli obiettivi per le schede adattive sono:

• Portabile : per qualsiasi app, dispositivo e framework dell'interfaccia utente
• Open - Le librerie e lo schema sono open source e condivisi
• Basso costo - Facile da definire, facile da usare
• Espressivo - Mirato alla lunga coda di contenuto che gli sviluppatori vogliono produrre
• Puramente dichiarativo : non è necessario o consentito alcun codice
• Stile automatico - In conformità alle linee guida per l'esperienza utente e il marchio dell'applicazione host

Per gli autori di schede

Le schede adattive sono ideali per gli autori di schede:

• Uno schema : si ottiene un singolo formato, riducendo al minimo il costo della creazione di una scheda e ottimizzando il numero di posizioni che può essere usato.
• Espressione più completa: il contenuto può essere più allineato a quello che vuoi dire perché hai una tavolozza più ricca con cui disegnare.
• Ampia copertura : il contenuto funzionerà in un set più ampio di applicazioni senza dover apprendere nuovi schemi.
• Controlli di input: la scheda può includere controlli di input per raccogliere informazioni dall'utente che sta visualizzando la scheda.
• Strumenti migliori : un ecosistema di schede aperte significa strumenti migliori condivisi da tutti.

Per i responsabili dell'esperienza

Se sei uno sviluppatore di app che vuole sfruttare un ecosistema di contenuti di terze parti, ti piaceranno le schede adattive perché:

• Esperienza utente coerente : si garantisce un'esperienza coerente per gli utenti, perché si è proprietari dello stile della scheda di cui è stato eseguito il rendering.
• Prestazioni native - Si ottengono prestazioni native poiché viene mirato direttamente il framework dell'interfaccia utente.
• Sicuro : il contenuto viene distribuito in payload sicuri, quindi non è necessario aprire il framework dell'interfaccia utente per il markup non elaborato e lo scripting.
• Facile da implementare - Si ottengono le librerie di scaffale per integrarsi facilmente in qualsiasi piattaforma supportata
• Documentazione gratuita : è possibile risparmiare tempo perché non è necessario inventare, implementare e documentare uno schema proprietario.
• Strumenti condivisi : è possibile risparmiare tempo perché non è necessario creare strumenti personalizzati.

Principi di base della progettazione

Le schede adattive sono guidate da un set di principi guida utili per tenere traccia della progettazione.

Preferenza semantica rispetto a pixel-perfect

Abbiamo dato priorità, il più possibile, ai valori semantici e ai concetti piuttosto che a un layout perfettamente corrispondente ai pixel. Esempi di espressione semantica vengono visualizzati in colori, dimensioni e in elementi come FactSet e ImageSet. Questi consentono all'applicazione host di prendere decisioni migliori sull'aspetto effettivo.

Gli autori delle schede sono proprietari del contenuto, mentre l'applicazione host detiene l'aspetto e il design.

Gli autori delle schede possiedono ciò che vogliono dire, ma l'applicazione che la visualizza è proprietaria dell'aspetto e della sensazione della scheda nel contesto dell'applicazione.

Mantieni semplice, ma espressivo

Vogliamo che le schede adattive siano espressive e per utilizzo generico, ma non vogliamo creare un framework dell'interfaccia utente. L'obiettivo è creare un livello intermedio che sia "sufficientemente espressivo" nello stesso modo in cui Markdown è sufficientemente espressivo per i documenti.

Concentrandosi su come mantenerlo semplice ed espressivo, Markdown ha creato una descrizione semplice e coerente del contenuto del documento. Allo stesso modo, riteniamo che le schede adattive possano creare un semplice mezzo espressivo per descrivere il contenuto della scheda.

Quando in dubbio, lasciarlo fuori

È più facile aggiungere più tardi di quanto sia vivere con un errore. Se ci siamo trovati a discutere se dovremmo aggiungere qualcosa o no, abbiamo scelto di lasciarlo fuori. È sempre più facile aggiungere una proprietà che vivere con un legacy che non avremmo dovuto supportare.

Sessione Build 2019

La sessione seguente alla conferenza Microsoft Build presenta le schede adattive in diversi casi d'uso.

[! VIDEO [https://www.youtube.com/embed/wT1yFr_j6IM]