Kualitas widget

Widget adalah komponen penting untuk menyesuaikan layar utama pengguna. Sering kali, pengguna dapat mencapai perjalanan penting pengguna untuk aplikasi dengan sekali ketuk menggunakan widget atau mendapatkan ringkasan singkat tentang update penting. Pengguna juga dapat menyesuaikan widget agar sesuai dengan preferensi masing-masing.

Checklist kompatibilitas widget

Kualitas widget memengaruhi engagement pengguna dengan konten dan fitur aplikasi Anda. Checklist kompatibilitas menentukan kriteria untuk membantu Anda menilai kualitas widget. Tingkatan mencakup:

Ikon untuk Kualitas Rendah Tingkat 3

TINGKAT 3 - Kualitas rendah

Widget ini gagal memenuhi standar kualitas minimum dan menawarkan pengalaman pengguna yang buruk. Widget dianggap berkualitas rendah jika tidak memenuhi standar kriteria tata letak, warna, penemuan, dan konten.

Ikon untuk Tingkat 2 Standar

TINGKAT 2 - Standar

Widget ini bermanfaat, dapat digunakan, dan memberikan pengalaman berkualitas.Agar dianggap standar, widget harus memenuhi semua kriteria tata letak, warna, penemuan, dan konten berikut.

Ikon untuk Tingkat 1 Terdiferensiasi

TINGKAT 1 - Terdiferensiasi

Ini adalah widget yang patut dicontoh yang menawarkan pengalaman hero yang dipersonalisasi dan membantu pengguna membuat layar utama yang unik dan produktif.


Ikon untuk Kualitas Rendah Tingkat 3

TINGKAT 3

Karakteristik widget berkualitas rendah

Jika widget Anda dapat dideskripsikan oleh salah satu hal berikut, widget tersebut dianggap berkualitas rendah:

Kategori ID Deskripsi
Tata Letak WL-1

Saat pengguna menempatkan widget di platform host, widget tidak mengisi batas petak host.

WL-1.1

Widget tidak menyentuh setidaknya 2 tepi petak yang berlawanan. Dengan kata lain, widget tidak harus berbentuk persegi panjang, tetapi dapat memiliki bentuk kustom, asalkan tepi bentuk menyentuh setidaknya 2 tepi petak.

Warna WC-3

Teks widget dan tombol ikon memiliki rasio kontras warna yang tidak memadai untuk memenuhi persyaratan aksesibilitas.

Discovery WD-4.2

Nama widget tidak disertakan dalam desain widget.

WD-4.3

Widget tidak memiliki gambar pratinjau.

Konten WT-3

Konten widget selalu usang atau tidak tepat waktu.

WT-3.1

Widget tidak diupdate setelah pengguna menyelesaikan tindakan dari widget.

WT-3.2

Widget tidak diupdate setelah pengguna menyelesaikan tindakan terkait dari dalam aplikasi.

WT-4

UI widget tidak berfungsi atau konten terpotong.

Ikon untuk Tingkat 2 Standar

TINGKAT 2

Persyaratan widget standar

Widget yang memenuhi standar kualitas dasar ini dianggap standar, tetapi tidak dianggap sebagai widget unggulan yang akan ditampilkan atau direkomendasikan.

Kategori ID Deskripsi
Tata Letak WL-1

Widget sejajar dengan elemen host lainnya pada sumbu vertikal atau horizontal dan tidak menggunakan ruang tambahan.

WL-1.2

Semua bentuk harus menyentuh setidaknya 2 tepi yang berlawanan dari batas petak.

WL-4

Jika ukuran widget dapat diubah, tentukan ukuran minimum dan maksimum. Atur ulang tata letak untuk menampilkan lebih banyak konten seiring bertambahnya ukuran widget. Jangan menskalakan teks dan ikon secara linear.

WL-4.1

Jika ukuran widget yang lebih besar hanya menambahkan ruang kosong, tetapkan lebar atau tinggi maksimum. Jika widget yang lebih besar menampilkan lebih banyak konten, seperti daftar scroll yang lebih tinggi, izinkan pengubahan ukuran tanpa batas.

WL-4.2

Ukuran widget minimum harus cukup besar untuk menampilkan kasus penggunaan yang jelas dan memenuhi persyaratan target sentuh 48x48 dp. Sistem dapat menskalakan target sentuh untuk layar desktop atau mobil.

Discovery WD-4

Widget harus memiliki pratinjau yang akurat di alat pilih widget (aset statis).

Konten WT-1

Status kosong dan nol harus diskalakan ke batas widget yang lebih besar tanpa area yang jarang. Saat pengguna menginstal widget sebelum login, widget harus menampilkan kasus penggunaan atau pesan ajakan (CTA) yang berbeda.

WT-2

Widget memungkinkan pengguna memuat ulang konten secara manual jika ada ekspektasi bahwa data akan dimuat ulang lebih sering daripada UI.

Sediakan target sentuh berukuran 48x48 dp.
Membuat target sentuh terlalu kecil.
Pastikan kontras warna memadai.
Menggunakan warna dengan kontras warna yang tidak memadai.
Gambar 1: Jangan membuat widget dengan pratinjau yang tidak akurat.

Ikon untuk Tingkat 1 Terdiferensiasi

TINGKAT 1

Persyaratan widget yang berbeda

Widget ini mendukung penyesuaian layar utama premium dan akan direkomendasikan kepada pengguna serta ditampilkan kepada developer sebagai praktik terbaik. Widget yang berbeda menawarkan pengalaman hero, dan dimanfaatkan oleh Android untuk menginspirasi dan menyemarakkan ekosistem. Aplikasi ini memenuhi semua kriteria tata letak, warna, penemuan, dan konten yang berbeda.

Kategori ID Deskripsi
Tata Letak WL-1

Widget sejajar dengan elemen host lainnya pada sumbu vertikal atau horizontal dan tidak menggunakan ruang tambahan.

WL-1.1

Semua widget persegi panjang HARUS menyentuh keempat tepi batas petak. Semua widget berbentuk kustom HARUS menyentuh keempat tepi batas petak persegi. Jika ukurannya 4x1, dan berisi kotak penelusuran, widget diizinkan untuk menyentuh hanya 2 tepi.

WL-2

Pengguna dapat mengubah ukuran widget menjadi 2x1 dan setidaknya dua dari ukuran berikut: 1x1, 2x2, 4x2, 4x4.

WL-3

Header widget digunakan dan diterapkan secara konsisten.

  • Sebaiknya gunakan header jika:
    • Widget berisi konten yang dapat di-scroll.
    • Konten header memberikan konteks yang berguna seperti nama daftar.
  • Penggunaan header bersifat opsional jika:
    • Widget tanpa batas yang jelas, seperti widget foto.
    • Kuota terbatas.
    • Jika konten header berlebihan.
  • Jika menggunakan header, pastikan:
    • Ikon selalu ada
    • Judul muncul jika ada cukup ruang
    • Tindakan didasarkan pada konteks widget.
WL-5

Widget koleksi dan feed mendukung penampung scroll vertikal. Pada ukuran yang lebih besar seperti 4x2 dan 4x4, widget ini menampilkan lebih banyak item dan lebih banyak detail per item.

Warna WC-1

Widget mendukung tema warna berdasarkan konteks perangkat atau aplikasi.

WC-2

Widget mendukung palet tema terang dan tema gelap.

Discovery WD-1

Pratinjau menampilkan proporsi tata letak untuk faktor bentuk target dan menyertakan konten pengguna, menerapkan tema sistem, atau keduanya.

WD-4.4

Widget memiliki deskripsi yang membantu pengguna memahami nilai widget.

WD-4.5

Nama widget bersifat deskriptif dan unik dari widget lain di aplikasi.

Koherensi Sistem WS-2

Widget persegi panjang harus menggunakan radius sudut yang disediakan oleh sistem (khusus OEM).

WS-3

Widget menggunakan spesifikasi status pemuatan dan menampilkan error langsung di UI widget.

WS-4

Widget menggunakan konfigurasi sistem, bukan titik entri setelan widget kustom.

WS-5

Widget menggunakan transisi peluncuran sistem saat masuk/keluar dari aplikasi dari widget.

Buat widget diperluas ke keempat tepi batas petak.
Buat ukuran kustom yang tidak mengisi batas petak.
Berikan header yang memenuhi spesifikasi widget.
Gunakan spesifikasi kustom untuk ukuran dan judul.
Sertakan deskripsi singkat yang unik.
Berikan deskripsi umum.
Gunakan radius sudut sistem.
Menetapkan radius sudut kustom.