Aplikasi Penerima yang Mendukung Fitur Sentuh

Penerima memutar konten di perangkat yang mungkin atau mungkin tidak memiliki kemampuan kontrol sentuh. Penerima harus segera merespons tindakan di aplikasi pengirim serta melalui kontrol sentuh.

Contoh umpan balik UI penerima:

  • Sedang diputar
  • Dijeda
  • Posisi pemutaran / pencarian
  • Buffering

  UI Penerima

Wajib
  A   Untuk penerima video dan audio, buat aplikasi penerima agar adaptif sehingga 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 menampilkan elemen yang menyarankan gestur sentuh. Misalnya, jangan menampilkan elemen intip untuk menunjukkan gestur geser.
  C   Untuk penerima video dan audio, jangan menampilkan elemen apa pun yang menunjukkan interaksi sentuh.
  D   Untuk penerima audio, jangan menampilkan elemen berjenis kontrol seperti status progres.


Jangan: Menampilkan elemen intip, ikon yang dapat terlihat seperti tombol, atau elemen jenis kontrol.


  E   Untuk penerima video, jangan menampilkan metadata atau elemen kontrol apa pun di penerima selama pemutaran, termasuk saat dalam keadaan dijeda, agar tidak bertentangan dengan kontrol yang ditampilkan oleh sistem.


Jangan: Menampilkan metadata dan kontrol


  F   Untuk penerima audio, tempatkan semua elemen metadata di atas area yang dilindungi agar tidak tumpang-tindih dengan kontrol yang ditampilkan oleh sistem.

Praktik terbaik

  • Semua teks harus dapat dibaca dari jarak 1,5 hingga 3 meter dari unit tampilan.
 

  Aplikasi penerima tidak aktif

Layar tidak ada aktivitas ditampilkan di penerima saat penerima berada di latar depan, tetapi tidak ada konten yang diputar.

Wajib
  A   Mengidentifikasi aplikasi penerima mana yang dimuat dengan menggunakan logo aplikasi.
  B   Tempatkan semua elemen termasuk logo aplikasi di atas area yang dilindungi agar tidak tumpang-tindih dengan kontrol yang ditampilkan oleh sistem.

Praktik terbaik

  • Mengidentifikasi bahwa aplikasi dimuat dengan menampilkan teks "Siap ditransmisikan".
  • Menghentikan penerima agar tidak berjalan jika tidak ada aktivitas selama 5 menit dan memutus koneksi aplikasi pengirim yang terhubung. Saat dihentikan, layar utama perangkat akan muncul dan akan membantu mencegah burn-in layar.

 

  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 memuat dengan menampilkan logo aplikasi.
  B   Mengidentifikasi bahwa aplikasi penerima sedang memuat dengan menampilkan indikator lingkaran berputar pemuatan animasi.

 

  Pemuatan konten penerima

Saat konten sedang dimuat dan sebelum pemutaran dimulai, penerima harus menampilkan info untuk menunjukkan bahwa konten sedang dimuat.

Wajib
  A   Identifikasi konten yang dimuat dengan menampilkan judul atau gambar konten.
  B   Mengidentifikasi bahwa konten sedang dimuat dengan menampilkan indikator pemuatan animasi.

Praktik terbaik
Saat melanjutkan konten, mundur pemutaran 5-10 detik agar penonton tidak melewatkan apa pun selama transisi dari pengirim ke penerima.

 

  Pemutaran penerima

Wajib
  A   Untuk penerima video, jangan menampilkan elemen apa pun selama pemutaran. Saat layar diketuk, sistem akan menampilkan kontrol pemutar.
  B   Untuk penerima audio, tempatkan semua elemen metadata di atas area yang dilindungi dan jangan menampilkan 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 menampilkan elemen apa pun saat dalam keadaan dijeda. Sistem akan menampilkan kontrol pemutar dengan tombol putar untuk menunjukkan pemutaran dijeda.
  B   Untuk penerima audio, jangan menampilkan elemen kontrol apa pun saat dalam status dijeda. Sistem akan menampilkan kontrol pemutar dengan tombol putar untuk menunjukkan bahwa pemutaran dijeda.

Praktik terbaik

  • Aplikasi penerima tidak boleh melanjutkan pemutaran konten kecuali ada permintaan eksplisit dari pengguna untuk memulai pemutaran seperti melanjutkan, atau melewati item dalam antrean.
  • Hentikan penerima agar tidak berjalan jika tidak ada aktivitas selama 20 menit dan putuskan koneksi aplikasi pengirim yang terhubung. Saat dihentikan, layar utama perangkat akan muncul dan akan membantu mencegah burn-in layar.
  • Memastikan keselarasan dengan penerapan sesi latar belakang di masa mendatang.
  • Jika berlaku, 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 di penerima terjadi saat latensi jaringan atau faktor lain menyebabkan penundaan dalam pemutaran.

Wajib
  A   Jangan menampilkan elemen apa pun meskipun penyimpanan dalam buffer 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 berakhir, penerima akan menampilkan UI tidak ada aktivitas penerima.

Wajib
  A   Mengidentifikasi aplikasi penerima mana yang dimuat atau tidak aktif dengan menampilkan logo aplikasi.
  B   Tempatkan semua elemen termasuk logo aplikasi di atas area yang dilindungi agar tidak tumpang-tindih dengan kontrol yang ditampilkan oleh sistem.

Praktik terbaik

  • Berhenti terhubung dari aplikasi penerima dan menghentikan aplikasi agar tidak berjalan jika tidak ada aktivitas selama 5 menit. Saat dihentikan, layar utama penerima akan muncul dan membantu mencegah burn-in layar.

 

 

Gambar yang digunakan dalam panduan desain ini adalah milik Blender Foundation, yang dibagikan berdasarkan lisensi hak cipta atau Creative Commons.

  • Elephant's Dream: (c) hak cipta 2006, Blender Foundation / Netherlands 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