Daftar

Daftar dioptimalkan untuk memungkinkan pengguna memilih salah satu dari banyak item saat item tersebut paling mudah dibedakan menurut judul. Pengguna dapat memilih item dengan mengucapkan judulnya atau mengetuknya.

Contoh

Berikut adalah contoh tampilan daftar jika semua kolom wajib diisi dan opsional telah dilengkapi.

Persyaratan

Komponen visual ini saat ini mendukung penyesuaian.

Nama kolom Wajib diisi? Batasan/Penyesuaian
Judul daftar Tidak
  • Jenis dan warna font yang dapat disesuaikan.
  • Maks 1 baris disarankan.
  • Tinggi kartu diciutkan jika tidak ada judul yang ditentukan.
Teks utama Ya
  • Setiap judul item harus unik (untuk mendukung pemilihan suara).
  • Teks biasa. Font dan ukuran telah diperbaiki.
  • Maks. 1 baris. Karakter tambahan akan terpotong dengan elipsis.
Teks sekunder

Juga disebut teks isi atau berformat.

 Tidak
  • Teks biasa. Font dan ukuran telah diperbaiki.
  • Maks. 2 baris. Karakter tambahan akan terpotong dengan elipsis.
Gambar item Tidak
  • Gambar muncul di sepanjang sisi kanan.
  • Bentuk gambar yang dapat disesuaikan (sudut miring atau bulat).
/ /td>

Jumlah item

  • Maksimum: 10
  • Minimum: 2

Konsistensi

Semua item di carousel harus menyertakan kolom yang sama, misalnya jika satu item menyertakan gambar, semua item di carousel harus menyertakan gambar.

Interaktivitas

  • Geser: Geser carousel untuk menampilkan kartu yang berbeda.
  • Ketuk: Saat pengguna mengetuk item, judul item diterima sebagai input pengguna, sehingga memulai belokan berikutnya dalam dialog.
  • Suara/Keyboard: Membalas dengan judul kartu sama dengan memilih item tersebut.

Panduan

Daftar sebagian besar digunakan untuk menjelajahi dan memilih di antara judul. Meskipun Anda dapat memiliki sesedikit 2 dan sebanyak 30 item daftar, sebaiknya gunakan antara 2 dan 10.

Gunakan daftar untuk membantu pengguna memilih dari konten yang:

  • dapat paling bermakna untuk dijelajahi dengan memindai judul atau deskripsi singkat (misalnya, judul lagu, nama kontak, nama acara, topik sesi)
  • pengguna mungkin harus memindai dan membandingkan saat menjelajahi (misalnya harga saham)

Pengguna akan dapat mengucapkan judul item untuk memilihnya, jadi pastikan kata tersebut mudah diucapkan, dan identifikasi setiap item secara unik.

Lakukan.

Setiap judul item harus sesingkat mungkin dengan tetap berbeda dari item lainnya.

Hindari.

Jangan ulangi kata atau frasa di seluruh judul, misalnya, “42 dan kaitannya dengan...”. Item tidak membantu mengidentifikasi item secara unik, dan judulnya akan terlalu panjang untuk ditampilkan di layar.

Ruangnya terbatas, jadi informasi dimuat di awal dengan memberikan informasi terpenting kepada pengguna terlebih dahulu.

Lakukan.

Deskripsi item daftar hanya boleh berisi informasi yang membedakannya satu sama lain dan relevan dengan konteks permintaan tindakan Anda oleh pengguna.

Hindari.

Hindari menyajikan informasi yang tidak relevan dalam deskripsi item daftar Anda; hal ini akan menghilangkan ruang berharga dari informasi yang sebenarnya harus dipilih pengguna.

Pengguna memerlukan waktu untuk memindai semua hal di layar secara visual, jadi pastikan konten tersebut memberikan nilai tambah.

Lakukan.

Jika Anda hanya memberikan dua opsi, mengajukan pertanyaan mungkin merupakan cara terbaik untuk membantu pengguna membuat keputusan.

Hindari.

Dalam hal ini, informasi visual tidak diperlukan untuk menyajikan informasi penting. Chip akan membantu pengguna merespons jika mereka memerlukan saran.

Jika hanya ada 1 opsi, pengguna tidak perlu menampilkan daftar untuk dipilih. Actions on Google hanya mengizinkan daftar yang berisi 2 item atau lebih.

Lakukan.

Daripada menampilkan daftar 1 item, berikan informasi lebih lanjut tentang 1 opsi yang tersedia kepada pengguna.

Hindari.

Jangan membuat pengguna memilih jika hanya ada 1 opsi.

Sebelumnya
Carousel
Berikutnya
Respons media