Smartwatch memiliki ukuran layar yang lebih kecil daripada perangkat genggam, sehingga penting untuk mengatur dan menampilkan elemen dengan cara yang membuatnya mudah diakses dan menggunakan ruang layar yang tersedia secara efisien. Agar item Anda sesuai dengan layar, gunakan jumlah padding dan margin yang tepat seperti yang ditentukan dalam Pedoman material.
Meskipun desain Anda sesuai dengan layar, elemen antarmuka dapat terpotong atau terpotong saat pengguna melakukan salah satu tindakan berikut:
- Mengubah bahasa tampilan.
- Mengubah ukuran teks.
- Mengaktifkan setelan sistem Teks tebal.
Sangat penting untuk menguji desain Anda dengan mempertimbangkan pertimbangan ini untuk memastikan desain tersebut beradaptasi secara lancar dengan berbagai lingkungan pengguna.
Menjaga elemen interaktif tetap terlihat sepenuhnya
Jika antarmuka Anda menyertakan elemen interaktif, pastikan pengguna dapat men-scroll
elemen ini sepenuhnya hingga terlihat, terutama jika elemen tersebut ditempatkan di
tepi halaman. Jika aplikasi Anda menggunakan library Horologist, gunakan
factory tata letak responsive()
. Jika tidak, gunakan pengatur jarak dan tambahkan margin ke
bagian atas dan bawah objek ScalingLazyColumn
agar item daftar pertama dan
terakhir tidak selalu terpotong.
Menggunakan chip, bukan kartu, untuk tata letak yang padat
Jika Anda memerlukan tata letak yang lebih padat, gunakan CompactChip
, bukan kartu. Area
permukaan kartu yang lebih besar semakin menyulitkan pemotongan teks
dan pemotongan konten.