Gambaran Umum Kartu Adaptif

  • Artikel

Kartu Adaptif adalah format pertukaran kartu terbuka yang memungkinkan pengembang untuk bertukar konten UI dengan cara yang sama dan konsisten.

Cara kerjanya

Penulis Kartu menjelaskan kontennya sebagai objek JSON sederhana. Konten tersebut kemudian dapat dirender secara asli di dalam Aplikasi Host, secara otomatis beradaptasi dengan tampilan dan nuansa Host.

Misalnya, Contoso Bot dapat menulis Kartu Adaptif melalui Kerangka Kerja Bot, dan ketika dikirimkan ke Skype, itu akan terlihat dan terasa seperti kartu Skype. Ketika payload yang sama dikirim ke Microsoft Teams, payload akan terlihat dan terasa seperti Microsoft Teams. Karena lebih banyak aplikasi host mulai mendukung Kartu Adaptif, payload yang sama akan secara otomatis menyala di dalam aplikasi ini, namun masih terasa sepenuhnya asli untuk aplikasi.

Pengguna menang karena semuanya terasa akrab. Aplikasi host menang karena mengontrol pengalaman pengguna. Dan Penulis Kartu menang karena konten mereka mendapatkan jangkauan yang lebih luas tanpa pekerjaan tambahan.

Sasaran

Tujuan untuk Kartu Adaptif adalah:

  • Portabel - Ke kerangka kerja aplikasi, perangkat, dan UI apa pun
  • Buka - Pustaka dan skema sumber terbuka dan dibagikan
  • Biaya rendah - Mudah didefinisikan, mudah dikonsumsi
  • Expressive - Ditargetkan pada ekor panjang konten yang ingin dihasilkan pengembang
  • Deklaratif murni - Tidak ada kode yang diperlukan atau diizinkan
  • Ditata secara otomatis - Ke UX aplikasi Host dan panduan merek

Untuk Penulis Kartu

Kartu Adaptif sangat bagus untuk penulis kartu:

  • Satu skema - Anda mendapatkan satu format, meminimalkan biaya pembuatan kartu dan memaksimalkan jumlah tempat yang dapat digunakan.
  • Ekspresi yang lebih kaya - Konten Anda dapat lebih selaras dengan apa yang ingin Anda katakan karena Anda memiliki palet yang lebih kaya untuk dilukis.
  • Jangkauan luas - Konten Anda akan berfungsi di serangkaian aplikasi yang lebih luas tanpa Anda harus mempelajari skema baru.
  • Kontrol input - Kartu Anda dapat menyertakan kontrol input untuk mengumpulkan informasi dari pengguna yang melihat kartu.
  • Alat yang lebih baik - Ekosistem kartu terbuka berarti alat yang lebih baik yang dibagikan oleh semua orang.

Untuk Pemilik Pengalaman

Jika Anda adalah pengembang aplikasi yang ingin memanfaatkan ekosistem konten pihak ketiga, Anda akan menyukai Kartu Adaptif karena:

  • Pengalaman pengguna yang konsisten - Anda menjamin pengalaman yang konsisten untuk pengguna Anda, karena Anda memiliki gaya kartu yang dirender.
  • Performa asli - Anda mendapatkan performa asli saat menargetkan kerangka kerja UI Anda secara langsung.
  • Brankas - Konten dikirimkan dalam payload yang aman sehingga Anda tidak perlu membuka kerangka kerja UI Anda ke markup mentah dan pembuatan skrip.
  • Mudah diimplementasikan - Anda keluar dari pustaka rak untuk dengan mudah diintegrasikan di platform apa pun yang Anda dukung
  • Dokumentasi gratis - Anda menghemat waktu karena Anda tidak perlu menciptakan, menerapkan, dan mendokumentasikan skema kepemilikan.
  • Alat bersama - Anda menghemat waktu karena Anda tidak perlu membuat alat kustom.

Prinsip Desain Inti

Kartu Adaptif didorong oleh serangkaian prinsip panduan yang telah berguna untuk menjaga desain tetap sesuai jalur.

Semantik alih-alih pixel-perfect

Kami memiliki usaha sebanyak mungkin untuk nilai dan konsep semantik dibandingkan dengan tata letak sempurna piksel murni. Contoh ekspresi semantik muncul dalam warna, ukuran, dan dalam elemen seperti FactSet dan ImageSet. Ini semua memungkinkan aplikasi host untuk membuat keputusan yang lebih baik tentang tampilan dan nuansa aktual.

Pembuat Kartu memiliki konten, Aplikasi Host memiliki tampilan dan nuansa

Penulis kartu memiliki apa yang ingin mereka katakan, tetapi aplikasi yang menampilkannya memiliki tampilan dan nuansa kartu dalam konteks aplikasi mereka.

Tetap sederhana, tetapi ekspresif

Kami ingin Kartu Adaptif menjadi tujuan ekspresif dan umum, tetapi kami tidak ingin membangun kerangka kerja UI. Tujuannya adalah untuk membuat lapisan perantara yang "cukup ekspresif" dengan cara yang sama Markdown cukup ekspresif untuk dokumen.

Dengan berfokus pada menjaganya tetap sederhana dan ekspresif, Markdown membuat deskripsi konten dokumen yang mudah dan konsisten. Dengan cara yang sama, kami percaya bahwa Kartu Adaptif dapat membuat cara sederhana dan ekspresif untuk menggambarkan konten kartu.

Jika ragu, jauhkan dari

Lebih mudah untuk ditambahkan lebih lambat daripada hidup dengan kesalahan. Jika kita menemukan diri kita berdebat apakah kita harus menambahkan sesuatu atau tidak, kita memilih untuk meninggalkannya. Selalu lebih mudah untuk menambahkan properti daripada hidup dengan warisan yang kami harapkan tidak perlu kami dukung.

Bangun Sesi 2019

Sesi berikut di konferensi Microsoft Build menampilkan Kartu Adaptif dalam berbagai kasus penggunaan.

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