Aplikasi Penerima yang Mendukung Fitur Sentuh

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