Pengalaman Pengguna dengan Platform Chromecast

Chromecast memungkinkan aplikasi web Android, iOS, dan Chrome untuk "menstreaming" konten — seperti berbagi video, audio, dan layar (pencerminan) — ke perangkat yang siap melakukan transmisi seperti:

  • Chromecast
  • TV yang dilengkapi Chromecast (juga dikenal sebagai TV yang dilengkapi Chromecast)
  • Speaker yang dilengkapi Chromecast (juga dikenal sebagai Speaker yang dilengkapi Chromecast)
  • Layar Smart (monitor LCD layar sentuh portabel yang digunakan sebagai thin client)
  • Tablet Android

Dalam model interaksi Cast, ponsel, tablet, atau laptop adalah pengirim yang bertindak sebagai remote control untuk mengontrol pemutaran, dan TV, layar, atau tablet yang dipasang ke dok adalah penerima yang menerima petunjuk dari pengirim dan menampilkan konten dari koneksi Internet penerima. Semua tindakan pengguna (mengetuk dan menggeser) dapat terjadi di baik perangkat pengirim maupun Penerima Web.

Transmisi bergantung pada koordinasi antara dua layar atau lebih; UI pengirim dan UI penerima — keduanya harus berfungsi bersama. Misalnya, jika Anda menekan tombol di perangkat seluler untuk menjeda konten, TV akan menunjukkan bahwa konten dijeda, sedangkan perangkat seluler akan menyediakan tombol putar untuk melanjutkan pemutaran.

Pertimbangan

Karena keterbatasan hardware dan resource, ada pembatasan tertentu yang diberlakukan pada aplikasi berkemampuan Chromecast:

  • Perangkat Cast adalah perangkat berdaya rendah dengan batasan memori, CPU, dan GPU, sehingga aplikasi Penerima Web harus seringan mungkin.
  • Untuk model interaksi yang dilengkapi Chromecast dan Chromecast, tab, jendela, atau pop-up dapat dibuat di Penerima Web atau aplikasi pengirim, serta menerima input pengguna secara langsung, seperti mengetuk atau menggeser. Misalnya, aplikasi Penerima Web di tablet atau layar yang dipasang ke dok dapat menampilkan tombol jeda dan menerima ketukan pengguna. Dengan cara ini, semua tindakan pada aplikasi harus dipicu dari Penerima Web atau aplikasi pengirim.
  • Layar Smart mendukung input pengguna melalui aplikasi pengirim atau sentuhan pada UI.
  • Penerima Web adalah browser Chrome yang dioptimalkan untuk pemutaran video. Oleh karena itu, WebGL dan Chrome Native Client (NaCL) saat ini tidak didukung, begitu juga ekstensi Chrome.
  • Cast mendukung satu pemutaran streaming media secara serentak di tag <audio> dan <video>, atau beberapa trek audio menggunakan WebAudio API. Hanya satu elemen video yang dapat aktif dalam DOM setiap saat. Selain itu, pengomposisian, manipulasi, transformasi, rotasi, atau zoom video tidak didukung.

Prinsip-prinsip desain secara keseluruhan

Ingatlah hal-hal berikut saat Anda mengembangkan antarmuka pengguna.

Antarmuka Penerima Web:

  • Penerima Web dapat memiliki elemen interaktif dan elemen informasi untuk mendeskripsikan status aplikasi, seperti dijeda atau diputar, atau pesan error. Interaksi pengguna dapat berlangsung di pengirim Transmisi (ponsel, tablet, atau browser Chrome) atau Penerima Web (TV, layar, atau tablet).
  • Perlu diingat bahwa tindakan video terjadi di tengah layar TV, dan elemen UI Anda tidak boleh mengganggu presentasi. Tempatkan elemen UI di dalam sepertiga bagian bawah layar Penerima Web, dengan menyisakan 10% margin dari tepi layar untuk kemungkinan overscan.
  • Jika memungkinkan, transisi dari satu status layar ke status layar lainnya harus lancar dan terasa sinematik. Gunakan transisi seperti fade-in dan fade-out, bukan gerakan mendadak dari satu status ke status lainnya. Misalnya, status pemuatan konten tetap ada di layar dan memudar ke pengalaman pemutaran media.

Antarmuka pengirim:

  • Pengirim mendukung tindakan pengguna dan Penerima Web menampilkan informasi status. Misalnya, jika konten dijeda, TV akan menunjukkan bahwa konten sedang dijeda, sedangkan perangkat seluler menunjukkan bahwa konten siap untuk mulai diputar (misalnya, menampilkan tombol putar kepada pengguna).
  • Kecepatan itu penting. Pengguna harus dapat menemukan kontrol transmisi dengan cepat dan melihat konten langsung diputar di layar besar. Saat konten sedang dimuat, berikan animasi indikator pemuatan dan gunakan transisi untuk membantu membuat semuanya terasa lebih cepat.

Cara termudah untuk memastikan aplikasi Cast Anda mengikuti prinsip-prinsip ini adalah dengan meninjau antarmuka pengguna dengan Checklist Desain Cast dan menguji aplikasi Cast.

Pedoman merek

Pedoman merek Chromecast berikut ditujukan bagi developer aplikasi dan berfokus pada persyaratan tambahan yang harus Anda patuhi untuk mendeskripsikan aplikasi Anda dalam teks. Untuk pedoman merek perangkat Cast, lihat Hub Pemasaran Partner. Anda dapat memberi tahu orang lain bahwa aplikasi Anda berfungsi dengan perangkat yang dilengkapi Chromecast dengan menggunakan istilah "berkemampuan Chromecast". Namun, pastikan aplikasi Anda mematuhi Persyaratan Layanan Developer Tambahan SDK Cast dan Checklist Desain, serta bahwa penggunaan "berkemampuan Chromecast" Anda mematuhi pedoman branding kami.

Anda juga dapat menggunakan badge Chromecast selama aplikasi atau perangkat Anda mematuhi pedoman badge kami. Google berhak meminta Anda mengubah atau menghentikan penggunaan badge jika tidak mematuhi pedoman brand.

Menggunakan "Chromecast" dalam teks

  • Saat menjelaskan aplikasi (bukan produk hardware) sebagai aplikasi yang kompatibel untuk Cast, gunakan frasa "berkemampuan Chromecast". Misalnya: "Aplikasi ini berkemampuan Chromecast".
  • Saat menjelaskan produk hardware pihak ketiga yang kompatibel dengan Cast, gunakan "TV yang dilengkapi Chromecast", "Speaker bawaan Chromecast", atau hanya "bawaan Chromecast".
  • Jika ditulis dalam teks, "Chromecast" harus ditulis dengan huruf kapital, dan "bawaan" harus menggunakan huruf kecil.
  • Dalam aset pemasaran apa pun yang menggunakan "Chromecast" dalam teks atau badge/logo, Anda harus menyertakan atribusi hukum berikut: Chromecast adalah merek dagang Google LLC.
  • Jangan masukkan Chromecast di judul aplikasi (misalnya Aplikasi Chromecast XYZ).

Pesan aplikasi berkemampuan Chromecast

Anda dapat mempromosikan aplikasi sebagai berikut:

  • "XYZ adalah aplikasi berkemampuan Chromecast yang memungkinkan Anda streaming hiburan favorit dari perangkat seluler ke TV Anda".
  • "Aplikasi XYZ kini tersedia untuk TV yang dilengkapi Chromecast."
  • "Aplikasi XYZ kini tersedia untuk semua produk Chromecast termasuk Chromecast, Chromecast Audio, dan TV serta speaker yang dilengkapi Chromecast".
  • "Aplikasi XYZ berkemampuan Chromecast, memungkinkan Anda menikmati semua acara/film/musik/game favorit Anda di TV dengan perangkat yang dilengkapi Chromecast".
  • "Aplikasi XYZ kini memiliki dukungan Chromecast, yang memungkinkan pengguna menstreaming konten dari ponsel ke TV dengan Chromecast bawaan."

Badge Chromecast

Anda dapat menggunakan badge "Chromecast" di situs, listingan app store, materi pemasaran, dan materi promosi untuk menampilkan kompatibilitas dengan perangkat yang menggunakan protokol Cast.

  • Jangan ubah warna, proporsi, spasi, atau aspek lainnya dari gambar badge.
  • Jika digunakan bersama logo untuk teknologi bahan lainnya (misalnya, Bluetooth, Spotify Connect, AirPlay, dll.), badge Chromecast harus memiliki ukuran yang sama atau lebih besar.
  • Jangan menjadikan badge sebagai elemen utama di halaman Anda.
  • Jaga jarak antara badge dan logo serta ikon lain di halaman Anda.
  • Saat digunakan di latar belakang berwarna putih, terang, atau berwarna sedang, gunakan badge hitam.
  • Saat digunakan pada latar belakang berwarna hitam atau gelap, gunakan badge putih.
  • Jangan menggunakan badge di halaman yang berisi atau menampilkan konten khusus dewasa, mempromosikan perjudian, mendukung kekerasan, berisi ujaran kebencian, melibatkan penjualan tembakau atau alkohol kepada orang berusia di bawah dua puluh satu tahun, melanggar hukum atau peraturan lainnya yang berlaku, atau tidak pantas.

Penautan badge

Jika digunakan secara online, badge Chromecast harus tertaut ke salah satu hal berikut:

  • Daftar aplikasi dan produk berkemampuan Chromecast, saat ini di g.co/castapps.
  • Daftar produk yang dipublikasikan oleh Anda.
  • Halaman detail produk tertentu yang Anda publikasikan.
  • Daftar aplikasi yang dipublikasikan oleh Anda.
  • Halaman detail aplikasi spesifik yang Anda publikasikan, di Google Play, atau di Apple App Store.

Download aset badge Chromecast

Paket download mencakup format Portable Network Graphics (.png), Adobe Illustrator (.ai), dan Enapsulated Postscript (.eps).

Pratinjau badge Chromecast

Logo biru dan teks putih pada latar belakang hitam
Logo putih dan teks putih pada latar belakang hitam
Logo biru dan teks abu-abu pada latar belakang putih