Overlay

Overlay adalah tampilan terfokus yang menangani tugas yang terlalu kompleks untuk detail, kartu, atau notifikasi. Overlay bersifat imersif. Dalam beberapa hal, overlay serupa dengan antarmuka pengguna utama aplikasi seluler. Gunakan platform seperti kartu, detail, dan notifikasi untuk menyelesaikan tugas sederhana, tetapi tautkan platform ini ke dalam overlay untuk melakukan tugas yang lebih kompleks.

alur-overlay

Tinjau prinsip-prinsip dan kasus penggunaan berikut untuk mendapatkan pemahaman yang lebih baik tentang overlay.

Prinsip UX untuk overlay

Buat desain overlay dengan mempertimbangkan prinsip-prinsip berikut:

Fokus
Fokuskan overlay pada tugas penting untuk membantu orang menyelesaikan berbagai hal dalam hitungan detik guna menghindari ketidaknyamanan ergonomis atau kelelahan lengan
Shallow dan linear
Hindari hierarki yang lebih dalam dari dua tingkat. Tampilkan navigasi inline
Scroll
Tampilan dapat di-scroll. Ini adalah gestur alami bagi pengguna untuk melihat lebih banyak konten di smartwatch

Kapan harus menggunakan overlay

Gunakan overlay dalam situasi berikut:

Untuk info tambahan
Fokuskan overlay pada tugas penting untuk membantu orang menyelesaikan berbagai hal dalam hitungan detik guna menghindari ketidaknyamanan ergonomis atau kelelahan lengan.
fokus-overlay
Untuk interaksi yang lebih kaya
Untuk memberikan interaksi yang lebih kaya daripada detail atau Kartu.
overlay-kaya
Untuk menyesuaikan preferensi
Untuk memberikan akses ke pendidikan dan preferensi.
preferensi-overlay

Membuat overlay

Wear OS mendukung dua cara khusus untuk membuat overlay:

Jika Anda mem-build aplikasi Wear OS baru, pertimbangkan untuk menerapkan overlay menggunakan Compose untuk Wear OS. Compose untuk Wear OS adalah pendekatan yang kami rekomendasikan untuk membuat aplikasi di Wear OS.

Pada umumnya, UI berbasis Compose menghasilkan lebih sedikit kode dan mempercepat proses pengembangan aplikasi Android secara keseluruhan. Lihat Mengapa Compose untuk informasi selengkapnya tentang keuntungan umum framework UI deklaratif.

Katalog Material Compose untuk Wear OS mengikuti penataan gaya material, termasuk aksesibilitas bawaan, dan mengimplementasikan tema material, yang memungkinkan Anda menyesuaikan desain untuk brand Anda. Compose untuk Wear OS menawarkan lebih banyak komponen daripada yang tersedia di View, dan dirancang untuk membantu Anda membuat pengalaman pengguna yang sesuai dengan panduan desain Wear OS.

Jika sudah memiliki aplikasi Wear OS dengan codebase berbasis tampilan yang besar, Anda dapat mengadopsi Compose secara bertahap menggunakan Compose Interoperability API, dan tidak lagi harus menulis ulang seluruh codebase.

Panduan untuk membuat aplikasi dengan Compose

Menggunakan Jetpack Compose di Wear OS
Pelajari cara membuat dengan Compose untuk Wear OS.
Membuat daftar
Pelajari cara membuat daftar yang dioptimalkan untuk perangkat wearable.
Menavigasi dengan Compose untuk Wear OS
Pelajari lebih lanjut cara membuat navigasi di Compose.
Performa Compose di Wear OS
Pelajari performa dan pengujian performa aplikasi Anda lebih lanjut.