Penerima memutar konten di perangkat yang mungkin memiliki atau tidak memiliki kemampuan kontrol sentuh. Penerima harus segera merespons tindakan di aplikasi pengirim serta melalui kontrol sentuh.
Contoh masukan UI penerima:
- Sedang diputar
- Dijeda
- Posisi / pencarian pemutaran
- Buffering
UI Penerima
Wajib
A Untuk penerima video dan audio, build aplikasi penerima agar
adaptif agar dapat beradaptasi dengan resolusi layar dan rasio aspek apa pun.
Video
UI Penerima Video
Audio
UI Penerima Audio
B Untuk penerima video dan audio, jangan tampilkan elemen
yang menyarankan gestur sentuh. Misalnya, jangan tampilkan elemen mengintip untuk menunjukkan gestur
geser.
C Untuk penerima video dan audio, jangan tampilkan
elemen apa pun yang akan menyarankan interaksi sentuh.
D Untuk penerima audio, jangan tampilkan elemen jenis kontrol apa pun
seperti status progres.
Jangan: Menampilkan elemen mengintip, ikon yang dapat terlihat seperti
tombol, atau elemen jenis kontrol.
E Untuk penerima video, jangan tampilkan metadata atau elemen kontrol apa pun pada penerima selama pemutaran, termasuk saat dalam status dijeda, sehingga tidak bertentangan dengan kontrol yang ditampilkan oleh sistem.
Jangan lakukan: Menampilkan metadata dan kontrol
F Untuk penerima audio, tempatkan semua elemen metadata di atas area yang dilindungi sehingga tidak tumpang tindih dengan kontrol yang ditampilkan oleh sistem.
Praktik terbaik
- Semua teks harus dapat dibaca dari jarak 5 hingga 10 kaki dari unit tampilan.
Aplikasi penerima tidak ada aktivitas
Layar tidak ada aktivitas ditampilkan pada penerima ketika penerima berada di latar depan, tetapi tidak ada konten yang diputar.
Wajib
A Identifikasi aplikasi penerima yang dimuat
menggunakan logo aplikasi.
B Tempatkan semua elemen termasuk logo aplikasi apa pun di atas
area yang dilindungi sehingga tidak tumpang tindih dengan kontrol apa pun yang ditampilkan oleh sistem.
Praktik terbaik
- Identifikasi bahwa aplikasi dimuat dengan menampilkan teks "Siap mentransmisikan".
- Hentikan penerima agar tidak berjalan jika tidak ada aktivitas selama 5 menit, dan putuskan semua aplikasi pengirim yang terhubung. Jika dihentikan, layar utama perangkat akan muncul dan akan membantu mencegah layar terbakar.
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 yang akan dimuat dengan menampilkan
logo aplikasi.
B Mengidentifikasi bahwa aplikasi penerima sedang dimuat dengan
menampilkan animasi indikator lingkaran berputar.
Pemuatan konten penerima
Saat konten sedang dimuat dan sebelum pemutaran dimulai, penerima harus menampilkan info yang menunjukkan bahwa konten sedang dimuat.
Wajib
A Identifikasi konten yang sedang dimuat dengan menampilkan
judul konten atau posternya.
B Identifikasi bahwa konten sedang dimuat dengan menampilkan
indikator lingkaran berputar pemuatan animasi.
Praktik terbaik
Saat melanjutkan konten, putar ulang pemutaran selama 5-10 detik agar penonton tidak melewatkan apa pun
selama transisi dari pengirim ke penerima.
Pemutaran penerima
Wajib
A Untuk penerima video, jangan tampilkan elemen apa pun selama
pemutaran. Saat mengetuk layar, sistem akan menampilkan kontrol pemutar.
B Untuk penerima audio, tempatkan semua elemen metadata di atas
area yang dilindungi dan jangan tampilkan elemen kontrol apa pun. Saat layar diketuk, sistem akan menampilkan
kontrol pemutar.
Video
Pengguna mengetuk layar untuk menampilkan kontrol pemutar.
Audio
Pengguna mengetuk layar untuk menampilkan kontrol pemutar.
Penerima dijeda
Wajib
A Untuk penerima video, jangan tampilkan elemen apa pun saat dalam
status dijeda. Sistem akan menampilkan kontrol pemutar dengan tombol putar untuk menunjukkan
pemutaran dijeda.
B Untuk penerima audio, jangan tampilkan elemen kontrol apa pun
saat dalam status dijeda. Sistem akan menampilkan kontrol pemutar dengan tombol putar untuk menunjukkan
pemutaran dijeda.
Praktik terbaik
- 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.
- Hentikan penerima agar tidak berjalan jika tidak ada aktivitas selama 20 menit dan putuskan semua aplikasi pengirim yang terhubung. Jika dihentikan, layar utama perangkat akan muncul dan akan membantu mencegah burn-in (layar terbakar).
- Pastikan keselarasan dengan penerapan sesi latar belakang di masa mendatang.
- Jika memungkinkan, saat penerima dihentikan karena waktu tidak ada aktivitas, simpan lokasi yang dijeda agar pengguna dapat melanjutkan pemutaran dari titik tersebut di lain waktu.
Video
Video dijeda
Audio
Audio dijeda
Buffering penerima
Buffering pada penerima terjadi ketika latensi jaringan atau faktor lain menyebabkan penundaan dalam pemutaran.
Wajib
A Jangan tampilkan elemen apa pun meskipun
buffering berlanjut selama beberapa detik. Pengguna dapat mengetuk layar untuk menampilkan kontrol
pemutar atau menggeser untuk kembali.
Video
Buffering penerima
Audio
Buffering penerima
Penerima menghentikan transmisi
Saat pemutaran berhenti atau waktu habis, penerima akan menampilkan UI tidak ada aktivitas milik penerima.
Wajib
A Identifikasi aplikasi penerima yang dimuat atau tidak ada aktivitas dengan
menampilkan logo aplikasi.
B Tempatkan semua elemen termasuk logo aplikasi apa pun di atas
area yang dilindungi sehingga tidak tumpang tindih dengan kontrol apa pun yang ditampilkan oleh sistem.
Praktik terbaik
- 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.
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