Penerima memutar konten dan mencerminkan statusnya kepada pengguna. Penerima harus segera merespons tindakan di aplikasi pengirim . Misalnya, saat dijeda di penerima, konten akan menampilkan ikon jeda dan saat pengguna menekan tombol putar di aplikasi pengirim, penerima akan mulai memutar konten dan menghapus ikon jeda.
Contoh masukan UI penerima:
- Sedang diputar
- Dijeda
- Posisi / pencarian pemutaran
- Buffering
UI Penerima
Wajib
A Tempatkan sebagian besar elemen UI di 1/4 bagian bawah layar
dan pertahankan konsistensinya dengan UX Anda yang lainnya.
B Tidak menampilkan elemen sebagai kontrol interaktif. Misalnya, jangan mereproduksi UI pengirim di UI penerima.
Praktik terbaik
- Gunakan transisi (memudar), transparansi, dan nuansa untuk melembutkan efek visual.
- Pertimbangkan fakta bahwa pengguna ingin melihat konten sebanyak mungkin. Pengguna akan sering menjeda konten untuk memeriksanya, sehingga menghilangkan UI yang tidak perlu jika memungkinkan.
Android
UI Pengirim
UI Penerima
iOS
UI Pengirim
UI Penerima
Chrome
UI Pengirim
UI Penerima
Aplikasi penerima tidak ada aktivitas
Layar tidak ada aktivitas ditampilkan pada penerima, saat penerima terhubung ke pengirim tetapi tidak melakukan transmisi.
Wajib
A Identifikasi aplikasi penerima yang dimuat
Praktik terbaik
- Gunakan layar tidak ada aktivitas untuk mempromosikan konten atau fitur dari aplikasi pengirim.
- Ubah konten setiap 30-60 detik untuk menampilkan lebih banyak konten dan mencegah layar terbakar.
- Putuskan koneksi dari aplikasi penerima dan hentikan aplikasi jika tidak ada aktivitas selama 5 menit. Jika dihentikan, layar utama penerima akan muncul dan akan membantu mencegah layar terbakar.
Android
Dialog Cast, terhubung tetapi tidak mentransmisikan
Aplikasi penerima dimuat / tidak ada aktivitas
iOS
Dialog Cast, terhubung tetapi tidak mentransmisikan
Aplikasi penerima dimuat / tidak ada aktivitas
Pemuatan aplikasi penerima
Saat pengguna terhubung ke penerima, aplikasi penerima harus dimuat terlebih dahulu sebelum dapat menampilkan status tidak ada aktivitas aplikasi atau mulai memutar konten.
Wajib
A Identifikasi aplikasi penerima mana yang sedang dimuat dengan menampilkan
logo aplikasi
B Identifikasi bahwa aplikasi penerima sedang dimuat dengan menampilkan
indikator lingkaran berputar pemuatan animasi
Android
Pengirim terhubung
Aplikasi penerima sedang dimuat
iOS
Pengirim terhubung
Aplikasi penerima sedang dimuat
Chrome
Pengirim terhubung
Aplikasi penerima sedang dimuat
Pemuatan konten penerima
Setelah aplikasi penerima dimuat, konten dapat memulai streaming ke penerima.
Wajib
A Identifikasi konten yang sedang dimuat dengan menampilkan
judul konten atau ilustrasi
B Identifikasi bahwa konten sedang dimuat dengan menampilkan
indikator lingkaran berputar pemuatan animasi
Praktik terbaik
Saat melanjutkan konten yang dijeda, putar ulang pemutaran selama 5-10 detik agar penonton tidak melewatkan apa pun
selama transisi dari pengirim ke penerima.
Android
Memuat konten pengirim
Memuat konten penerima
iOS
Memuat konten pengirim
Memuat konten penerima
Chrome
Memuat konten pengirim
Memuat konten penerima
Pemutaran penerima
Wajib
A Identifikasi konten yang sedang diputar saat konten dimulai
B Identifikasi posisi pemutaran saat posisi disesuaikan
C Identifikasi bahwa penerima mencari konten saat
posisi pemutaran diubah, tetapi belum diputar
Android
Pengirim menyesuaikan posisi pemutaran
Pencarian konten penerima
iOS
Pengirim menyesuaikan posisi pemutaran
Pencarian konten penerima
Chrome
Pengirim menyesuaikan posisi pemutaran
Pencarian konten penerima
Penerima dijeda
Wajib
A Identifikasi bahwa konten dijeda dengan menampilkan ikon
dijeda dan posisi pemutaran
B Identifikasi konten yang dijeda dengan menampilkan judul
atau ilustrasi konten
C Identifikasi aplikasi penerima mana yang dimuat dengan menampilkan
logo aplikasi
Praktik terbaik
- Pengguna akan sering menjeda konten untuk memeriksanya, sehingga UI yang tidak perlu akan memudar saat dijeda selama beberapa detik dengan menampilkan ikon jeda.
- Aplikasi penerima tidak boleh melanjutkan pemutaran konten kecuali jika ada permintaan eksplisit dari pengguna untuk memulai pemutaran seperti melanjutkan pemutaran, atau melewati item dalam antrean.
- Putuskan koneksi dari aplikasi penerima dan hentikan aplikasi jika tidak ada aktivitas selama 20 menit. Jika dihentikan, layar utama penerima akan muncul dan akan membantu mencegah layar terbakar. Simpan lokasi yang dijeda sehingga pengguna dapat melanjutkan pemutaran dari titik tersebut di lain waktu.
Android
Pengirim dijeda
Konten penerima dijeda
Pengirim dijeda
Penerima dijeda, setelah 5 detik
iOS
Pengirim dijeda
Konten penerima dijeda
Pengirim dijeda
Penerima dijeda, setelah 5 detik
Chrome
Pengirim dijeda
Konten penerima dijeda
Pengirim dijeda
Penerima dijeda, setelah 5 detik
Buffering penerima
Buffering pada penerima terjadi ketika latensi jaringan atau faktor lain menyebabkan penundaan pemutaran.
Wajib
A Identifikasi bahwa penerima melakukan buffering setelah beberapa
detik dengan menampilkan indikator lingkaran berputar buffering. Menunggu beberapa detik untuk menunjukkan buffering akan
mencegah indikator lingkaran berputar buffering terlalu sering muncul dalam kondisi jaringan yang buruk
Praktik terbaik
Identifikasi konten yang buffering jika buffering terus berlanjut setelah 5 detik.
Android
Pengirim menunjukkan buffering penerima
Buffering konten penerima
iOS
Pengirim menunjukkan buffering penerima
Buffering konten penerima
Chrome
Pengirim menunjukkan buffering penerima
Buffering konten penerima
Penerima menghentikan transmisi
Saat pemutaran berhenti atau habis waktunya, UI penerima harus mempromosikan konten atau fitur lain yang tersedia di aplikasi pengirim.
Wajib
A Identifikasi aplikasi penerima yang dimuat atau tidak ada aktivitas dengan
menampilkan logo aplikasi
Praktik terbaik
- Gunakan layar tidak ada aktivitas setelah pemutaran untuk merekomendasikan konten atau fitur dari aplikasi pengirim, berdasarkan konten yang baru saja ditransmisikan
- Mengubah konten layar tidak ada aktivitas setiap 30-60 detik untuk mencegah burn-in (layar berbayang)
- Putuskan koneksi dari aplikasi penerima dan hentikan aplikasi jika tidak ada aktivitas selama 5 menit. Jika dihentikan, layar utama penerima akan muncul dan akan membantu mencegah layar terbakar.
Android
Aplikasi pengirim tidak ada aktivitas
Aplikasi penerima tidak ada aktivitas
Pengirim terputus
Transmisikan layar utama
iOS
Aplikasi pengirim tidak ada aktivitas
Aplikasi penerima tidak ada aktivitas
Pengirim terputus
Transmisikan layar utama
Chrome
Aplikasi pengirim tidak ada aktivitas
Aplikasi penerima tidak ada aktivitas
Pengirim terputus
Transmisikan layar utama
Gambar yang digunakan dalam panduan desain ini disediakan oleh Blender Foundation, yang dibagikan berdasarkan hak cipta atau lisensi Creative Commons.
- Gajah's Dream: (c) hak cipta 2006, Blender Foundation / Belanda Media Art Institute/www.elephantsdream.org
- Sintel: (c) hak cipta Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) hak cipta 2008, Blender Foundation / www.bigbuckbunny.org