Overlay

Overlay adalah salah satu platform utama untuk konten aplikasi. Overlay berbeda dengan detail atau Kartu, yang merupakan representasi konten aplikasi yang mudah dilihat. Overlay menampilkan informasi yang lebih lengkap dan mendukung interaktivitas yang lebih kaya. Pengguna sering memasukkan overlay dari platform aplikasi lain, seperti notifikasi, detail, Kartu, atau voice action.

Prinsip

Perhatikan prinsip-prinsip berikut saat mendesain overlay

Fokus

Fokus pada tugas penting untuk membantu orang menyelesaikan berbagai hal dalam hitungan detik.

Shallow dan linear

Hindari membuat hierarki yang lebih dalam dari dua tingkat. Usahakan untuk menampilkan konten dan navigasi secara inline jika memungkinkan.

Scroll

Overlay dapat di-scroll. Ini adalah gestur alami bagi pengguna untuk melihat lebih banyak konten di smartwatch.

Panduan

Ikuti panduan ini saat mendesain overlay.

Mengoptimalkan tata letak vertikal

Sederhanakan desain aplikasi menggunakan tata letak vertikal, yang memungkinkan pengguna men-scroll ke satu arah untuk melihat konten.

Anjuran

Sasaran aplikasi ini adalah mengarahkan pengguna dari titik A ke titik B.

Larangan

Jangan menggunakan scroll vertikal dan horizontal, karena dapat membuat pengalaman aplikasi Anda membingungkan.

Menampilkan waktu

Pengguna cenderung menghabiskan lebih banyak waktu dalam overlay, jadi penting untuk memberikan akses cepat ke waktu.

Anjuran

Menampilkan waktu di bagian atas overlay, karena hal ini memberikan tempat yang konsisten bagi pengguna untuk melihat waktu.

Larangan

Menampilkan waktu dalam dialog, layar konfirmasi, atau pemilih, karena pengguna cenderung hanya menghabiskan beberapa detik pada layar tersebut.

Titik entri inline yang dapat diakses

Pastikan semua tindakan ditampilkan inline, menggunakan ikon dan label yang jelas untuk aksesibilitas. Ini termasuk titik entri ke setelan dan preferensi.

Anjuran

Menggunakan ikon dan label jika memungkinkan.

Larangan

Mengandalkan ikon saja untuk meminta pengguna mengambil tindakan.

Mendorong tindakan utama

Memudahkan pengguna mengambil tindakan dalam aplikasi Anda dengan menarik tindakan utama ke bagian atas overlay.

Anjuran

Mengangkat tindakan utama yang tidak ambigu ke bagian atas overlay.

Menggunakan label untuk mengorientasikan pengguna

Untuk overlay yang lebih panjang, bantu orientasikan pengguna dengan label saat mereka men-scroll konten.

Anjuran

Menggunakan batas bagian, label, dan petunjuk lainnya untuk mengatur konten serta membantu mengorientasikan pengguna saat mereka men-scroll tampilan yang lebih panjang dengan konten campuran.

Larangan

Menambahkan label untuk overlay yang berisi satu jenis konten.

Menampilkan scrollbar

Anjuran

Menampilkan scrollbar jika seluruh tampilan di-scroll.

Penampung konten

Lihat contoh penampung konten berikut.

Gambar 1. Penampung dengan tinggi tetap.
Gambar 2. Penampung dengan tinggi variabel.
Gambar 3. Penampung dengan tinggi dan lebar yang lebih besar dari area pandang.
Gambar 4. Penampung dengan penomoran halaman.
Gambar 5a Halaman konten yang memenuhi dimensi layar penuh dan telah diberi penomoran halaman secara vertikal.
Gambar 5b