Aplikasi Penerima Non-Sentuh

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 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

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 pengirim tidak ada aktivitas

Aplikasi penerima tidak ada aktivitas

Pengirim terputus

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