Menyesuaikan kontrol pemutaran

Setelah Anda memutuskan cara menyusun konten aplikasi untuk navigasi dan penjelajahan, pertimbangkan apakah Anda menginginkan antrean atau kontrol kustom untuk memutar konten.

Produsen mobil dan Google menangani penerapan dan penataan gaya tampilan pemutaran, panel kontrol yang diminimalkan, dan antrean. Mereka juga menyediakan serangkaian kontrol pemutaran dasar, termasuk:

  • Putar/Jeda
  • Berikutnya (Jika didukung oleh aplikasi Anda)
  • Sebelumnya (Jika didukung oleh aplikasi Anda)
  • Overflow

Namun, jika Anda ingin menyesuaikan antrean atau memberikan tindakan pemutaran tambahan, Anda harus memutuskan:

  • Apakah akan menampilkan thumbnail untuk item antrean
  • Apakah akan menampilkan ikon atau waktu yang telah berlalu untuk item yang sedang diputar dalam antrean
  • Apakah akan menyertakan item yang diputar sebelumnya dalam antrean
  • Tindakan kustom mana yang Anda inginkan di panel kontrol, dan apakah tindakan tersebut harus menggantikan kontrol Berikutnya dan Sebelumnya dari produsen mobil
  • Tampilan ikon yang merepresentasikan status relevan setiap tindakan (seperti tersedia dan dinonaktifkan)

Contoh tampilan pemutaran

Lagu yang sedang diputar
Tampilan pemutaran menampilkan lagu yang sedang diputar.


Menu tambahan di sebelah kanan
Pengguna telah membuka menu tambahan di sisi kanan layar, yang menawarkan lebih banyak fungsi.

Kontrol pemutaran di aplikasi media
Contoh tampilan kontrol pemutaran di aplikasi media.

Persyaratan kontrol pemutaran

Saat mendesain kontrol pemutaran, prioritaskan hal berikut:

  • UI aplikasi yang konsisten: Developer aplikasi harus membuat kontrol pemutaran media kustom di mobil agar konsisten dengan pengalaman pengguna di aplikasi dan perangkat lain
  • Keterbacaan: Teks dapat terlihat lebih kecil saat dipasangkan dengan ikonografi, jadi teks dalam ikon harus dimaksimalkan dalam ruang yang tersedia.

Persyaratan dan rekomendasi ini akan membantu Anda membuat kontrol yang efektif.

Tingkat persyaratan Persyaratan
HARUS
  • Berikan ikon vektor monokrom untuk tindakan kustom yang Anda tambahkan, dan ubah ikon tersebut secara dinamis untuk menunjukkan status
  • SEHARUSNYA
  • Jika menggunakan teks atau angka dalam ikon, gunakan ruang maksimum dalam kotak pembatas untuk membuat teks sebesar dan semudah mungkin dibaca
  • MAY
  • Berikan hingga 6 customaction (atau hingga 8, jika tidak menggunakan Berikutnya dan Sebelumnya)
  • Antrean

    Anda juga harus memberi pengguna cara yang cepat dan mudah untuk menjelajahi antrean media mendatang. Antrean media mendatang dapat mencakup artis dan thumbnail, seperti yang ditunjukkan dalam contoh berikut.

    Antrean dalam mode potret
    Mengantre dalam mode potret


    Antrean dalam mode lanskap
    Mengantre dalam mode lanskap

    Persyaratan antrean

    Untuk membantu meminimalkan gangguan saat mengemudi, pastikan pengguna dapat melihat sekilas konten yang sedang diputar.

    Tingkat persyaratan Persyaratan
    SEHARUSNYA
  • Memberikan indikator untuk item antrean yang sedang diputar
  • Menyertakan item yang sebelumnya diputar dalam antrean
    Untuk mempelajari lebih lanjut indikator progres dan antrean, tinjau Aktifkan kontrol pemutaran.
  • MAY
  • Menyediakan thumbnail untuk item antrean