Perangkat Android hadir dalam berbagai faktor bentuk—ponsel, tablet, perangkat foldable, perangkat ChromeOS—yang memiliki berbagai ukuran layar. Android mendukung banyak mode tampilan, termasuk multi-aplikasi, multi-layar, bentuk bebas, dan picture-in-picture. Perangkat foldable dapat berada dalam berbagai status atau postur, seperti di atas meja atau seperti buku.
Pertimbangkan berbagai kasus penggunaan untuk aplikasi Anda saat Anda mulai mendesainnya. Contoh:
Perangkat Layar Besar memberi pengguna lebih banyak ruang untuk berinteraksi dengan konten aplikasi media Anda dengan berbagai cara.
Pengguna dapat melakukan banyak tugas saat menonton video dalam konfigurasi multi-window atau memanfaatkan layar yang lebih besar untuk menerapkan pengeditan yang lebih kompleks setelah mengambil gambar.
Pengguna mungkin menggunakan tablet untuk tetap terhubung melalui panggilan video dan melihat teman serta keluarga mereka dengan lebih detail. Aplikasi Anda dapat menampilkan konteks yang lebih kaya tentang judul atau adegan dalam overlay pemutaran kustom atau menawarkan lebih banyak opsi kontrol di layar.
Carousel dalam tampilan penjelajahan dapat menampilkan lebih banyak variasi untuk daya tarik visual yang lebih besar, atau aplikasi media Anda dapat membuat pengguna tetap berinteraksi dengan menawarkan feed yang dapat dijelajahi berdampingan dengan pemutaran.
Perlu diingat bahwa aplikasi media Anda memiliki kode yang sama yang berjalan di ponsel standar, perangkat foldable, tablet, dan perangkat ChromeOS, jadi Anda harus mendesain untuk layar besar sejak awal pengembangan aplikasi. Untuk mengetahui informasi selengkapnya dan contoh visual, lihat Galeri layar besar.
Membuat aplikasi media Anda responsif secara default
Hindari pengalaman pengguna yang rusak di aplikasi media Anda dengan membuat tata letak aplikasi Anda adaptif di seluruh ponsel, tablet, perangkat foldable, dan perangkat ChromeOS.
Aplikasi Anda harus responsif agar dapat memperhitungkan berbagai ukuran layar, orientasi, dan faktor bentuk. Tata letak adaptif berubah berdasarkan ruang layar yang tersedia untuknya. Untuk mengetahui informasi selengkapnya, lihat Mendukung berbagai ukuran tampilan.
Desain sesuai dengan panduan
Kualitas aplikasi inti adalah dasar dari semua aplikasi Android, terlepas dari ukuran layar, postur perangkat, atau pertimbangan khusus perangkat lainnya. Aplikasi Anda harus memenuhi persyaratan dasar ini sebelum Anda mulai mendesain untuk layar besar. Untuk informasi selengkapnya, lihat Kualitas aplikasi inti.
Aplikasi Anda harus menawarkan pengalaman pengguna yang sangat baik, apa pun faktor bentuk, ukuran layar, mode tampilan, atau postur perangkatnya. Jadi, desain aplikasi Anda sesuai dengan pedoman Tingkat 1, 2, dan 3 berikut.
Pedoman ini menentukan serangkaian persyaratan kualitas yang komprehensif untuk sebagian besar jenis aplikasi Android.
Tingkat 3:
Pada tingkat dasar ini, aplikasi Anda tetap harus mematuhi persyaratan UI dan grafis. Aplikasi Anda siap digunakan di perangkat layar besar, dan pengguna dapat menyelesaikan alur tugas penting, tetapi dengan pengalaman pengguna yang kurang optimal.
Tata letak aplikasi mungkin tidak ideal, tetapi aplikasi berjalan dalam layar penuh, atau jendela penuh dalam mode multi-aplikasi. Aplikasi tidak memiliki tampilan lebar dan tidak berjalan dalam mode kompatibilitas. Aplikasi menyediakan dukungan dasar untuk perangkat input eksternal, termasuk keyboard, mouse, dan trackpad. Untuk mengetahui informasi selengkapnya, lihat Siap untuk layar besar.
Tingkat 2:
Di sini, aplikasi Anda menerapkan pengoptimalan tata letak untuk semua ukuran layar dan konfigurasi perangkat, beserta dukungan yang ditingkatkan untuk perangkat input eksternal. Untuk mengetahui detailnya, lihat Dioptimalkan untuk perangkat layar besar.
Tingkat 1:
Tingkat dukungan ini adalah yang terbaik dan menawarkan pengalaman yang paling luar biasa bagi pengguna dengan aplikasi Anda, karena menentukan fitur dan kemampuan premium.
Jika memungkinkan, aplikasi akan mendukung multitasking, postur perangkat foldable, penarikan, dan input stilus. Pada tingkat ini, aplikasi sangat berbeda, jadi perhatikan baik-baik panduan untuk hal-hal seperti multitasking dan postur perangkat foldable. Untuk mempelajari lebih lanjut, lihat Perbedaan layar besar.
Tata letak yang dioptimalkan
Manfaatkan ruang yang lebih besar pada layar besar tanpa tampilan lebar (karena membatasi orientasi) atau peregangan. Dengan mengoptimalkan tata letak aplikasi untuk media dan media sosial, Anda dapat memperluas jangkauan aplikasi dan menciptakan pengalaman pengguna yang lebih baik di semua faktor bentuk layar besar—tablet, perangkat foldable, dan perangkat ChromeOS—serta mendukung semua ukuran ponsel.
Komponen kolom dan panel samping navigasi memberikan navigasi yang canggih untuk kemudahan dan kontrol UI. Komponen ini juga melengkapi tata letak kanonis (detail daftar, feed, dan panel pendukung) dengan memosisikan tujuan navigasi utama dalam jangkauan yang dekat sekaligus menempati ruang minimum.
Tata letak media
Buat aplikasi Anda lebih mudah digunakan dengan menerapkan tata letak khusus media untuk daftar-detail, feed, dan panel pendukung. Untuk mengetahui informasi tentang tata letak MDX, Flutter, dan Compose, lihat Resource tata letak.
Daftar-detail: Mendesain aplikasi Anda dengan browser media interaktif memungkinkan pengguna menjelajahi berbagai media sambil menonton atau mendengarkan. Judul media ditampilkan berdampingan dengan file video atau audio yang diputar. Jika orientasi perangkat berubah, tata letak daftar-detail akan merespons untuk mempertahankan status aplikasi. Untuk mempelajari lebih lanjut, lihat Tata letak daftar-detail.
Feed: Tata letak feed mengatur elemen konten yang setara dalam petak yang dapat dikonfigurasi agar konten dalam jumlah besar dapat dilihat dengan cepat dan nyaman, seperti feed musik atau kios film dan TV di aplikasi Anda. Untuk mengetahui informasi selengkapnya, lihat Tata letak feed.
Panel pendukung: Dengan area tampilan utama dan sekunder, aplikasi Anda dapat menyematkan panel pendukung untuk konteks, relevansi, atau referensi, seperti daftar judul serupa yang dapat di-scroll, ulasan yang dipublikasikan, atau karya tambahan oleh artis atau aktor yang sama. Untuk mengetahui detail selengkapnya, lihat Mendukung tata letak panel.
Untuk koleksi pilihan tata letak media, lihat Galeri media.
Tata letak Media Sosial
Dengan layar besar, pengguna media sosial memiliki lebih banyak ruang kerja untuk berkarya, melakukan multitasking, menarik konten antar-aplikasi, dan membagikannya. Dengan fitur dan kemampuan unik yang tidak mungkin dilakukan di perangkat layar kecil, aplikasi media layar besar Anda dapat memanfaatkan tata letak panel pendukung, feed, dan detail daftar.
Daftar-detail: Tata letak ini cocok untuk aplikasi pesan, pengelola kontak, atau file browser. Misalnya, aplikasi Anda dapat menampilkan daftar percakapan secara berdampingan dengan detail untuk terus memantau pesan terbaru. Untuk mengetahui informasi selengkapnya, lihat Tata letak daftar-detail.
Feed: Komponen umum dalam gaya tata letak ini adalah kartu dan daftar. Misalnya, buat kolase postingan dalam format petak yang fleksibel, atau gunakan ukuran dan posisi untuk menarik perhatian ke postingan yang menonjol. Pengguna dapat melihat grup besar konten dengan cepat. Untuk mengetahui informasi selengkapnya, lihat Tata letak feed.
Panel pendukung: Aplikasi referensi dan penelusuran atau aplikasi produktivitas dapat memanfaatkan gaya tata letak ini. Tata letak ini membuat alat pembuat konten mudah diakses oleh pengguna. Misalnya, aplikasi Anda dapat memungkinkan pengguna menyesuaikan setelan, mengakses palet warna, menerapkan efek, dan melihat perubahan secara instan. Untuk mengetahui informasi selengkapnya, lihat Mendukung tata letak panel.
Untuk melihat koleksi pilihan tata letak media sosial, lihat halaman Galeri media sosial.
Praktik terbaik untuk aplikasi media layar besar
Menggunakan praktik terbaik untuk layar besar membantu Anda menghindari pengerjaan ulang aplikasi yang tidak perlu. Praktik ini juga membuat aplikasi Anda lebih mudah digunakan di lebih banyak perangkat sejak awal, terutama terkait orientasi, pintasan keyboard, dukungan pratinjau kamera, dan postur perangkat foldable.
Orientasi dan pengubahan ukuran
Jika aplikasi media Anda mendeklarasikan batasan orientasi dan pengubahan ukuran, Android akan mengaktifkan mode kompatibilitas. Meskipun mode kompatibilitas memastikan aplikasi Anda berperilaku dengan baik, kegunaannya sangat berkurang, dan pengalaman pengguna terganggu.
Misalnya, jika aplikasi Anda ada di tablet, tablet akan dipasang dalam orientasi lanskap. Jika aplikasi Anda dibatasi ke mode potret, hal ini menyebabkan tampilan lebar, yang tidak ideal bagi pengguna akhir. Aplikasi Anda harus memungkinkan orang menggunakan orientasi pilihan mereka, jadi manfaatkan ukuran layar besar yang tersedia dalam desain Anda.
Setiap batasan pada orientasi mengurangi cara pengguna dapat berinteraksi dengan konten atau menggunakan media, yang membatasi penggunaan aplikasi Anda. Mengubah orientasi dapat memengaruhi ukuran hingga batas tertentu, tetapi mengubah ukuran tidak selalu mengubah orientasi.
Pintasan keyboard
Di layar yang lebih besar, pintasan keyboard pada keyboard fisik, seperti mulai, berhenti, jeda, mundur, dan maju, lebih mungkin digunakan, sehingga membuat pengalaman pengguna menjadi pengalaman pengguna yang konsisten dengan keyboard.
Pengguna mengharapkan fungsi ini ada di aplikasi media mereka. Untuk mengurangi titik gesekan bagi pengguna, sebaiknya uji aplikasi Anda dengan keyboard fisik. Hal ini membantu Anda memperhatikan dan menyertakan pintasan penting ini di aplikasi Anda pada awal desain.
Dukungan pratinjau kamera
Dengan layar besar, Anda dapat mengalami lebih banyak masalah terkait peregangan, pemangkasan, dan rotasi. Jadi, Anda tidak dapat mengasumsikan bahwa ukuran pratinjau kamera adalah ukuran yang dirender oleh UI di aplikasi media Anda.
Misalnya, jika pengguna mengambil foto dengan tabletnya, tetapi di layar tabletnya, foto tersebut ditampilkan terbalik, ini adalah pengalaman yang kurang optimal. Menyertakan dukungan pratinjau kamera untuk layar besar.
Untuk mengetahui informasi selengkapnya, lihat Pratinjau CameraX, atau Pratinjau Camera2.
Postur perangkat foldable
Mendesain aplikasi media untuk perangkat layar besar mencakup postur perangkat foldable. Misalnya, aplikasi Anda dapat memungkinkan pengguna memiliki konfigurasi di atas meja untuk pemutaran media atau menggunakan mode layar ganda dan tampilan belakang untuk pratinjau dan pengambilan gambar.
Dengan menyertakan postur perangkat foldable dalam rencana pengembangan, aplikasi Anda tersedia untuk lebih banyak perangkat dan memiliki dampak yang lebih luas. Anda memperluas pengalaman media bagi pengguna dengan cara yang tidak dapat dilakukan oleh perangkat lain tanpa postur perangkat foldable. Untuk mengetahui informasi selengkapnya, lihat Postur perangkat foldable.