Aplikasi media

Pengguna Android berinteraksi dengan berbagai jenis media, termasuk buku audio, musik, podcast, dan radio. Penting untuk mendesain aplikasi yang memungkinkan pengguna mengakses konten media di smartwatch dengan mudah. Smartwatch adalah platform unik yang memprioritaskan kemudahan dan kecepatan interaksi, karena pengguna menghabiskan lebih sedikit waktu untuk berinteraksi dengan smartwatch dibandingkan ponsel atau tablet.

Untuk mengetahui informasi selengkapnya, lihat Toolkit Media di GitHub.

Arsitektur aplikasi media

Buat aplikasi media yang memenuhi persyaratan desain Wear OS. Aplikasi media sering kali menyertakan halaman Jelajahi dan Entity.

Jelajahi

Memungkinkan pengguna menemukan media untuk diputar. Prioritaskan item yang didownload untuk membantu pengguna memulai atau melanjutkan pemutaran dengan cepat.

Entitas

Memberi pengguna informasi lebih lanjut tentang item media tertentu. Konteks penting dan tindakan utama harus tersedia, seperti mendownload, memutar, atau mengacak.

Kurangi hierarki aplikasi dan tampilkan media untuk pengguna. Desain dengan arsitektur informasi datar yang memungkinkan pengguna dengan cepat mengakses daftar dan menampilkan thumbnail untuk pengguna. Pertimbangkan untuk menggunakan komponen desain kustom untuk Wear OS. Untuk informasi selengkapnya, lihat rekomendasi desain untuk Chip dan Kartu.

Layar kontrol media

Aplikasi media juga harus menyertakan layar kontrol media. Buat kontrol media menggunakan tata letak 5 tombol. Hal ini untuk memastikan target ketuk minimum terpenuhi. Berikut adalah contoh kontrol media untuk aplikasi musik dan aplikasi podcast:

Sesuaikan kontrol media yang Anda tampilkan, bergantung pada jenis konten. Gunakan ikon overflow tiga titik untuk mengarahkan pengguna ke halaman tambahan jika Anda ingin menyertakan lebih dari 5 tindakan. Anda dapat menggunakan ikon dan font khusus untuk aplikasi Anda.

Mengontrol volume

Kontrol volume adalah salah satu kontrol media yang paling penting bagi pengguna di smartwatch. Kontrol media harus menyertakan tombol volume untuk masuk ke layar kontrol volume.


Sebagian besar perangkat Wear OS memiliki tombol samping yang berputar (RSB) atau bingkai. Beberapa perangkat Wear OS juga memiliki tombol hardware tambahan untuk mengontrol volume. Gunakan RSB, bingkai, atau tombol tambahan untuk mengontrol volume. Tampilkan indikator hanya saat RSB atau bingkai diputar, seperti yang ditunjukkan pada contoh.

Kasus penggunaan umum

Saat mendesain aplikasi media, pastikan Anda memprioritaskan kasus penggunaan penting berikut:

  • Mendengarkan media yang didownload
  • Streaming musik dari smartwatch

Mendengarkan media yang didownload

Pengguna harus dapat mendownload item media secara manual dari halaman entity.

Beri tahu pengguna tempat mereka mendownload konten, progres download, waktu yang dibutuhkan, dan ukuran download, seperti yang ditunjukkan dalam contoh berikut:

Saat pengguna menjelajahi media, tampilkan media yang baru saja didownload:

Jika konten sudah didownload, berikan penjelasan terkait hal tersebut dengan menampilkan tindakan untuk menghapus hasil download dari jam. Dalam hal ini, Anda juga harus menunjukkan berapa banyak ruang yang digunakan oleh unduhan pada jam, seperti yang ditunjukkan pada gambar berikut:

Jika perangkat sumbernya adalah smartwatch, minta pengguna untuk menghubungkan headset sebelum mulai mendengarkan musik. Setelah headset terhubung, putar media dan buka kontrol media.

Streaming musik dari smartwatch

Streaming media dari smartwatch memiliki efek signifikan pada baterai perangkat Wear OS. Prioritaskan konten yang didownload saat pengguna memilih untuk mendengarkan di perangkat Wear OS mereka dengan menampilkan download yang baru-baru ini digunakan dalam daftar penjelajahan. Pertimbangkan untuk menambahkan tombol yang membawa mereka ke daftar lengkap download, seperti yang ditunjukkan pada gambar berikut:

Untuk mengetahui informasi selengkapnya, lihat Toolkit Media di GitHub.

Tata letak adaptif

Adaptasi layar yang lebih besar untuk aplikasi media hanya difokuskan pada pengalaman pemutar media. Semua elemen lainnya diambil di halaman Chip, Tombol, Dialog, dan Daftar yang mendeskripsikan perilaku aplikasi yang tepat untuk mengakomodasi layar yang lebih besar.

Konfigurasi tombol

Untuk mengikuti prinsip ukuran target sentuh, tampilkan tata letak 2 tombol di perangkat Wear OS yang lebih kecil dari 225 dp, dan tata letak 3 tombol pada perangkat dengan layar yang lebih besar. Gambar berikut menguraikan contoh tambahan, seperti tata letak 1 tombol, dan tata letak 2 tombol dengan logo:

Tombol kontrol responsif

Kontrol utama (Putar/Jeda) diskalakan dari 60 dp menjadi 80 dp di perangkat Wear OS dengan ukuran lebih besar dari 225 dp, sehingga tingginya bagian tengah menjadi 80 dp, sehingga meningkatkan target ketuk untuk semua kontrol di dalamnya. Fitur ini dibuat dalam perilaku responsif yang akan Anda warisi dari template Media Player.

Penskalaan pada berbagai ukuran layar:

< 225 dp: 60 dp x 60 dp
&gt; 225 dp: 80 dp x 80 dp

Perilaku marquee

Di dalam header, gunakan margin universal sebesar 9,38%, dengan margin tambahan Judul lagu sebesar 4,16%. Gunakan gradien 8 dp untuk men-scroll judul, dan jarak 8 dp tambahan saat ikon ada. Sertakan transisi scroll marquee apa pun di bawah ikon, yang posisinya tetap.

Margin atom header
9,38%

Margin internal judul lagu
4,16%

Gradien
8 dp penuh

Celah ikon
8 dp

Target ketuk

Pada perangkat Wear OS dengan layar yang lebih besar, ikon di bagian tengah dan footer memanfaatkan ruang ekstra untuk meningkatkan ukuran target ketuk. Ini berarti bahwa, selain dari atom kontrol tetap, “isi ruang yang tersedia” properti diterapkan ke container ikon:

Layar Wear OS kecil

< 225 dp

Layar Wear OS yang lebih besar

&gt; 225 dp