Aplikasi Penerima Non-Sentuh

Penerima memutar konten dan mencerminkan statusnya kepada pengguna. Penerima harus segera merespons tindakan di aplikasi pengirim . Misalnya, saat konten dijeda di penerima, ikon jeda akan ditampilkan dan saat pengguna menekan tombol putar di aplikasi pengirim, penerima akan mulai memutar konten dan menghapus ikon jeda.

Contoh umpan balik UI penerima:

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

  UI Penerima

Wajib
  A   Tempatkan sebagian besar elemen UI di 1/4 bagian bawah layar dan pertahankan konsistensinya dengan UX lainnya.
  B   Jangan menampilkan elemen sebagai kontrol interaktif. Misalnya, jangan mereproduksi UI pengirim di UI penerima.

Praktik terbaik

  • Gunakan transisi (pudar), transparansi, dan nuansa untuk memperlembut efek visual.
  • Pertimbangkan fakta bahwa pengguna ingin melihat konten sebanyak mungkin. Pengguna sering kali menjeda konten untuk memeriksanya, jadi hilangkan UI yang tidak perlu jika memungkinkan.

Android

UI Pengirim

UI Penerima

iOS

UI Pengirim

UI Penerima

Chrome

UI Pengirim

UI Pengirim

UI Penerima

 

  Aplikasi penerima tidak aktif

Layar tidak ada aktivitas ditampilkan di penerima, saat penerima terhubung ke pengirim tetapi tidak melakukan transmisi.

Wajib
  A   Mengidentifikasi aplikasi penerima mana yang dimuat

Praktik terbaik

  • Gunakan layar tidak aktif untuk mempromosikan konten atau fitur dari aplikasi pengirim.
  • Ubah konten setiap 30-60 detik untuk menampilkan lebih banyak konten dan mencegah burn-in layar.
  • 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.

Android

Dialog Cast, terhubung tetapi tidak melakukan transmisi

Aplikasi penerima dimuat / tidak aktif

iOS

Dialog Cast, terhubung tetapi tidak melakukan transmisi

Aplikasi penerima dimuat / tidak aktif

 

  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   Identifikasi bahwa aplikasi penerima sedang memuat dengan menampilkan indikator pemuatan animasi

Android

Pengirim sedang menghubungkan

Pemuatan aplikasi penerima

iOS

Pengirim sedang menghubungkan

Pemuatan aplikasi penerima

Chrome

Pengirim sedang menghubungkan

Pengirim sedang menghubungkan

Pemuatan aplikasi penerima

 

  Pemuatan konten penerima

Setelah aplikasi penerima dimuat, konten dapat mulai di-streaming ke penerima.

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

Praktik terbaik
Saat melanjutkan konten yang dijeda, mundur pemutaran 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   Mengidentifikasi konten yang diputar saat konten dimulai
  B   Mengidentifikasi posisi pemutaran saat posisi disesuaikan
  C   Mengidentifikasi bahwa penerima sedang 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   Mengidentifikasi bahwa konten dijeda dengan menampilkan ikon jeda dan posisi pemutaran
  B   Mengidentifikasi konten yang dijeda dengan menampilkan judul atau gambar konten
  C   Mengidentifikasi aplikasi penerima yang dimuat dengan menampilkan logo aplikasi

Praktik terbaik

  • Pengguna sering menjeda konten untuk memeriksanya, jadi hilangkan UI yang tidak perlu saat dijeda selama beberapa detik dengan menampilkan ikon jeda.
  • Aplikasi penerima tidak boleh melanjutkan pemutaran konten kecuali ada permintaan eksplisit dari pengguna untuk memulai pemutaran seperti melanjutkan, atau melewati item dalam antrean.
  • Berhenti terhubung dari aplikasi penerima dan menghentikan aplikasi agar tidak berjalan jika tidak ada aktivitas selama 20 menit. Saat dihentikan, layar utama penerima akan muncul dan membantu mencegah burn-in layar. Simpan lokasi yang dijeda agar 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 di penerima terjadi saat latensi jaringan atau faktor lain menyebabkan penundaan pemutaran.

Wajib
  A   Mengidentifikasi bahwa penerima melakukan buffering setelah beberapa detik dengan menampilkan spinner buffering. Menunggu beberapa detik untuk menunjukkan buffering akan mencegah spinner buffering muncul terlalu sering dalam kondisi jaringan yang buruk

Praktik terbaik
Identifikasi konten yang mengalami buffering jika buffering berlanjut setelah 5 detik.

Android

Pengirim menunjukkan buffering penerima

Penampungan konten penerima

iOS

Pengirim menunjukkan buffering penerima

Penampungan konten penerima

Chrome

Pengirim menunjukkan buffering penerima

Penampungan konten penerima

 

  Penerima menghentikan transmisi

Saat pemutaran berhenti atau waktunya habis, UI penerima harus mempromosikan konten atau fitur lain yang tersedia di aplikasi pengirim.

Wajib
  A   Mengidentifikasi aplikasi penerima mana yang dimuat atau tidak aktif dengan menampilkan logo aplikasi

Praktik terbaik

  • Gunakan layar tidak ada aktivitas setelah pemutaran untuk merekomendasikan konten atau fitur dari aplikasi pengirim, berdasarkan pada konten yang baru saja ditransmisikan
  • Ubah konten layar tidak ada aktivitas setiap 30-60 detik untuk mencegah burn-in layar
  • 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.

Android

Aplikasi pengirim tidak ada aktivitas

Aplikasi penerima tidak ada aktivitas

Koneksi pengirim terputus

Mentransmisikan layar utama

iOS

Aplikasi pengirim tidak ada aktivitas

Aplikasi penerima tidak ada aktivitas

Koneksi pengirim terputus

Mentransmisikan layar utama

Chrome

Aplikasi pengirim tidak ada aktivitas

Aplikasi pengirim tidak ada aktivitas

Aplikasi penerima tidak ada aktivitas

Koneksi pengirim terputus

Koneksi pengirim terputus

Mentransmisikan layar utama

 

 

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