Kartu dasar

Menggunakan kartu dasar (juga disebut kartu entitas) untuk menampilkan gambar dan teks kepada pengguna.

Berikut adalah contoh tampilan kartu dasar saat semua kolom wajib diisi dan opsional telah dilengkapi.

Persyaratan

Komponen visual ini saat ini mendukung penyesuaian.

Nama kolom Wajib diisi? Batasan/Penyesuaian
Gambar latar depan Ya, wajib jika tidak ada deskripsi
  • Maks 1 gambar latar depan.
  • Lebar dan tinggi bervariasi menurut layar. Jika rasio lebar tinggi gambar berbeda dengan layar, gambar akan dipusatkan di tengah dengan batang di sepanjang bagian atas atau samping.
  • Sumber gambar adalah URL. Jika link gambar rusak, maka gambar placeholder yang akan digunakan.
  • Bentuk gambar yang dapat disesuaikan (sudut miring atau bulat).
  • GIF gerakan diizinkan.
  • Teks alternatif diperlukan untuk aksesibilitas.
Latar belakang kartu Tidak
  • Gambar atau warna yang dapat disesuaikan.
Judul Tidak
  • Jenis dan warna font yang dapat disesuaikan.
  • Maks 1 baris disarankan.
  • Tinggi kartu diciutkan jika tidak ada judul yang ditentukan.
Subtitel Tidak
  • Teks biasa. Font dan ukuran telah diperbaiki.
  • Maks 1 baris disarankan.
  • Tinggi kartu diciutkan jika tidak ada subtitel yang ditentukan.
Deskripsi

(juga disebut isi atau teks berformat)

 Ya, wajib jika tidak ada gambar
  • Teks biasa secara default. Font dan ukuran telah diperbaiki.
  • Tebal, miring, dan baris baru tersedia melalui subset markdown terbatas.
  • Maksimum 10 baris dengan gambar. Panjangnya sekitar 500 karakter, bergantung pada layarnya. Karakter tambahan akan dipotong.
  • Maksimum 15 baris tanpa gambar. Panjangnya sekitar 750 karakter, bergantung pada layarnya. Karakter tambahan akan dipotong.
Link tindakan Tidak
  • 1 link dapat ditentukan di akhir kartu teks.
  • Link dapat langsung mengarah ke halaman web atau menghasilkan komponen visual lainnya untuk melanjutkan dialog. Link tujuan juga dapat berupa deep link ke aplikasi.
  • Judul link wajib diisi dan tidak boleh menyesatkan. Hal ini diperiksa selama proses persetujuan.

Panduan

Kartu dasar digunakan untuk mendeskripsikan entitas (yaitu topik termasuk orang, tempat, atau berbagai hal). Kartu ini paling baik digunakan saat faktor bentuk respons 'gaya definisi' diperlukan. Gunakan keduanya untuk meringkas informasi atau memberikan informasi tambahan yang relevan kepada pengguna.

Lakukan.

Rangkum hal-hal seperti detail acara menggunakan kartu dasar. Tindakan ini memungkinkan pengguna memindainya dengan cepat untuk mendapatkan informasi yang mereka inginkan.

Hindari.

Kurang efisien dalam menyajikan informasi seperti detail acara dalam dialog.

Lakukan.

Gunakan perintah lisan dan tampilan untuk memberikan jawaban spesifik atas pertanyaan yang ditujukan kepada pengguna (dalam contoh ini adalah pukul 11.30). Gunakan elemen visual untuk detail terkait.

Hindari.

Hindari redundansi antara perintah lisan, perintah tampilan, dan visual.

Lakukan.

Terkadang gambar adalah cara terbaik untuk menyampaikan informasi kepada pengguna.

Hindari.

Meskipun deskripsinya bagus, gambar akan lebih baik.

Sebelumnya
Penyesuaian
Berikutnya
Carousel penjelajahan