Ringkasan Widget Aplikasi

Widget adalah aspek penting dari penyesuaian layar utama. Anda dapat melihatnya sebagai tampilan "sekilas" dari data dan fungsi paling penting aplikasi yang dapat diakses langsung dari layar utama pengguna. Pengguna dapat memindahkan widget ke seluruh panel layar utama, dan, jika didukung, mengubah ukurannya untuk menyesuaikan jumlah informasi di dalam widget sesuai keinginan.

Halaman ini memperkenalkan berbagai jenis widget yang dapat Anda buat dan beberapa prinsip desain yang perlu diikuti. Untuk memulai pembuatan widget aplikasi, baca Membuat Widget Aplikasi.

Jenis widget

Saat mulai merancang widget, tentukan jenis widget yang ingin Anda buat. Widget biasanya dikelompokkan ke dalam kategori berikut:

Widget informasi

Widget informasi biasanya menampilkan beberapa elemen informasi krusial yang penting bagi pengguna dan memantau perubahan informasi tersebut dari waktu ke waktu. Contoh widget informasi yang tepat adalah widget cuaca, widget jam, atau pemantau skor olahraga. Menyentuh widget informasi biasanya akan meluncurkan aplikasi terkait dan membuka tampilan detail informasi widget.

Widget koleksi

Seperti namanya, widget koleksi ditujukan khusus untuk menampilkan berbagai elemen dari jenis yang sama, seperti koleksi gambar dari aplikasi galeri, koleksi artikel dari aplikasi berita atau koleksi email/pesan dari aplikasi komunikasi. Widget koleksi biasanya berfokus pada dua kasus penggunaan: menjelajahi koleksi, dan membuka elemen koleksi hingga tampilan detailnya untuk digunakan. Widget koleksi dapat di-scroll secara vertikal.

Widget ListView

Widget GridView

Widget kontrol

Tujuan utama widget kontrol adalah menampilkan fungsi yang sering digunakan, yang dapat dipicu oleh pengguna langsung dari layar utama tanpa perlu membuka aplikasi terlebih dahulu. Anggap widget ini sebagai remote kontrol untuk aplikasi. Contoh umum widget kontrol adalah widget aplikasi musik yang memungkinkan pengguna memutar, menjeda, atau melewati lagu dari luar aplikasi musik yang sebenarnya.

Interaksi dengan widget kontrol mungkin dapat membuka tampilan detail yang terkait, bergantung pada apakah fungsi widget kontrol membuat kumpulan data, seperti pada penggunaan widget penelusuran.

Widget campuran

Meskipun sebagian besar widget cenderung sesuai dengan tiga jenis yang dijelaskan di atas, banyak widget yang sebenarnya merupakan gabungan elemen dari berbagai jenis widget.

Untuk keperluan perencanaan widget, pusatkan widget pada salah satu jenis dasar widget dan tambahkan elemen jenis lainnya jika diperlukan.

Pada dasarnya, widget pemutar musik adalah widget kontrol, tetapi juga menampilkan informasi tentang lagu yang sedang diputar. Widget ini menggabungkan widget kontrol dengan elemen jenis widget informasi.

Batasan widget

Meskipun widget dapat dipahami sebagai "aplikasi mini", ada beberapa batasan yang penting untuk dipahami sebelum Anda mulai mendesain widget:

Gestur

Karena aktif di layar utama, widget harus digunakan bersama dengan navigasi yang dibuat di sana. Hal ini membatasi dukungan gestur yang tersedia di widget dibandingkan dengan aplikasi layar penuh. Meskipun aplikasi dapat mendukung lebar tampilan yang memungkinkan pengguna berpindah antar-layar secara mendatar, gestur tersebut sudah digunakan di layar utama untuk berpindah antar-panel layar utama.

Satu-satunya gestur yang tersedia untuk widget adalah:

  • Sentuh
  • Geser vertikal

Elemen

Karena adanya batasan interaksi di atas, beberapa elemen penyusun UI yang mengandalkan gestur yang dibatasi tidak tersedia untuk widget. Untuk daftar lengkap elemen penyusun yang didukung dan informasi selengkapnya tentang batasan tata letak, lihat bagian "Membuat Tata Letak Widget Aplikasi" dalam Panduan App Widgets API.

Panduan desain

Konten widget

Widget adalah mekanisme yang tepat untuk menarik pengguna agar menggunakan aplikasi Anda dengan cara "mengiklankan" konten baru dan menarik yang tersedia untuk digunakan di aplikasi Anda.

Seperti teaser pada halaman depan koran, widget harus menggabungkan dan memusatkan informasi aplikasi, lalu menghubungkan ke detail lebih lanjut dalam aplikasi; atau jika diumpamakan: widget itu adalah "hidangan pembuka" dan aplikasi adalah "hidangan utama"-nya. Intinya, selalu pastikan aplikasi Anda menunjukkan lebih banyak detail tentang item informasi daripada yang telah ditampilkan oleh widget.

Selain konten informasi murni, Anda juga harus mempertimbangkan untuk melengkapi penawaran widget dengan menyediakan link navigasi ke area aplikasi yang sering digunakan. Hal ini memungkinkan pengguna menyelesaikan tugas lebih cepat dan memperluas jangkauan fungsional aplikasi ke layar utama.

Kandidat link navigasi yang baik untuk ditampilkan di widget adalah:

  • Fungsi generatif: Ini adalah fungsi yang memungkinkan pengguna membuat konten baru untuk sebuah aplikasi, seperti membuat dokumen baru atau pesan baru.
  • Buka aplikasi di bagian teratas: Mengetuk elemen informasi biasanya akan mengarahkan pengguna ke layar detail di bagian bawah. Memberikan akses ke tingkat teratas aplikasi Anda memberikan fleksibilitas navigasi yang lebih baik dan dapat menggantikan pintasan aplikasi khusus yang biasanya digunakan pengguna untuk menavigasi ke aplikasi dari layar utama. Menggunakan ikon aplikasi sebagai affordance juga dapat memberi identitas yang jelas kepada widget jika data yang ditampilkan kurang spesifik.

Pengubahan ukuran widget

Tekan lama lalu lepas untuk menetapkan widget yang dapat diubah ukurannya ke mode ubah ukuran. Pengguna dapat menggunakan tuas seret atau sudut widget untuk menentukan ukuran yang diinginkan.

Pengubahan ukuran memungkinkan pengguna menyesuaikan tinggi dan/atau lebar widget dalam batasan petak penempatan panel layar utama. Anda dapat memutuskan apakah ukuran widget dapat diubah secara bebas atau dibatasi oleh perubahan ukuran secara vertikal atau horizontal. Anda tidak harus mengizinkan pengubahan ukuran jika widget Anda secara khusus memiliki ukuran tetap.

Memungkinkan pengguna mengubah ukuran widget memiliki manfaat penting:

  • Mereka dapat menyesuaikan jumlah informasi yang ingin dilihat di setiap widget.
  • Mereka dapat mengatur tata letak widget dan pintasan dengan lebih baik di panel layar utama.

Merencanakan strategi pengubahan ukuran untuk widget bergantung pada jenis widget yang Anda buat. Pengubahan ukuran widget koleksi berbentuk daftar atau petak biasanya cukup sederhana karena hanya akan meluaskan atau mengontraksi area scroll vertikal. Terlepas dari ukuran widget, pengguna masih dapat men-scroll semua elemen informasi untuk menampilkannya. Di sisi lain, widget informasi memerlukan lebih banyak perencanaan langsung, karena tidak dapat di-scroll dan semua konten harus sesuai dengan ukuran yang ditentukan. Anda harus menyesuaikan konten dan tata letak widget secara dinamis dengan ukuran yang ditetapkan pengguna melalui operasi pengubahan ukuran.

Dalam contoh sederhana ini, pengguna dapat mengubah ukuran widget cuaca secara horizontal dalam 4 langkah dan menampilkan informasi yang lebih banyak tentang cuaca di lokasi saat widget bertambah.

Untuk setiap ukuran widget, tentukan jumlah informasi aplikasi yang akan ditampilkan. Untuk ukuran yang lebih kecil, fokuskan pada informasi yang penting, lalu tambahkan informasi kontekstual lainnya saat widget bertambah secara horizontal dan vertikal.

Pertimbangan tata letak

Anda mungkin ingin mengatur tata letak widget sesuai dengan dimensi petak penempatan perangkat tertentu yang Anda miliki dan kembangkan. Hal ini dapat menjadi perkiraan awal yang berguna saat Anda mengatur tata letak widget, tetapi perhatikan hal-hal berikut:

  • Jumlah, ukuran, dan jarak sel antar setiap perangkat dapat sangat bervariasi, sehingga sangat penting untuk memastikan widget Anda fleksibel dan dapat mengakomodasi lebih banyak atau sedikit ruang daripada yang diperkirakan.
  • Bahkan, saat pengguna mengubah ukuran widget, sistem akan merespons dengan rentang ukuran dp yang dapat digunakan untuk menggambar ulang widget Anda. Merencanakan strategi pengubahan ukuran widget di seluruh "bucket ukuran" akan memberikan hasil yang paling andal dibandingkan dengan dimensi petak variabel.

Konfigurasi widget

Terkadang, widget harus disiapkan sebelum dapat digunakan. Misalnya, pertimbangkan widget email, tempat Anda harus menyediakan akun sebelum kotak masuk dapat ditampilkan. Contoh lainnya adalah widget foto statis yang mengharuskan pengguna menentukan gambar yang akan ditampilkan dari galeri.

Widget Android menampilkan pilihan konfigurasinya tepat setelah widget dimasukkan ke panel layar utama. Pastikan ukuran konfigurasi widget tetap ringan dan jangan tampilkan lebih dari 2-3 elemen konfigurasi. Gunakan gaya dialog, bukan aktivitas layar penuh, untuk menampilkan pilihan konfigurasi dan mempertahankan konteks tempat pengguna, meskipun itu perlu menggunakan beberapa dialog.

Setelah disiapkan, biasanya Anda tidak perlu membuka kembali penyiapan. Oleh karena itu, widget Android tidak menampilkan tombol "Penyiapan" atau "Konfigurasi".

Setelah ditambahkan ke panel layar utama, widget Play akan meminta pengguna untuk menentukan jenis media yang harus ditampilkan oleh widget.

Checklist

  • Fokus pada bagian kecil informasi yang dapat dilihat di widget Anda. Tampilkan lebih banyak informasi di aplikasi Anda.
  • Pilih jenis widget yang tepat untuk tujuan Anda.
  • Untuk widget yang ukurannya dapat diubah, rencanakan bagaimana konten untuk widget Anda beradaptasi pada ukuran yang berbeda.
  • Jadikan orientasi widget dan perangkat Anda bersifat independen dengan memastikan bahwa tata letak dapat diluaskan dan diperkecil.