Bagikan melalui


Gambaran umum widget

Widget Windows adalah kontainer UI kecil yang menampilkan teks dan grafik, yang terkait dengan aplikasi yang diinstal pada perangkat. Widget yang dipasang ditampilkan dalam kisi di Papan Widget: bidang flyout yang melapisi desktop Windows ketika pengguna mengklik ikon Widget pada taskbar, menggunakan pintasan Windows+W, atau menggesek dari tepi kiri layar. Widget membantu orang tetap berada di atas apa yang penting bagi mereka dengan menggabungkan konten yang dipersonalisasi dan tindakan cepat dari aplikasi yang mereka gunakan. Mereka cepat dikonsumsi dan dapat ditindak. Widget tidak dimaksudkan untuk menggantikan aplikasi dan situs web, melainkan menyediakan akses tanpa gesekan ke informasi yang paling dibutuhkan atau fungsionalitas yang sering digunakan yang dapat segera dibaca/dipicu orang. Saat merancang widget Anda, pertimbangkan jenis nilai yang akan dibawanya kepada konsumen Anda. 

Cuplikan layar Papan Widget. Papan adalah persegi panjang bulat dengan waktu yang ditampilkan di bagian atas, diikuti oleh bilah pencarian. Papan lainnya adalah kisi persegi panjang bulat yang masing-masing mewakili widget. Widget individu menunjukkan berita teratas, cuaca saat ini, lalu lintas saat ini, dll.

Terminologi widget

Term Definisi
Host widget Aplikasi yang menampilkan dan mengelola widget Windows. Dalam rilis saat ini, satu-satunya host Widget adalah Papan Widget yang dibangun ke dalam Windows 11.
Papan Widget Papan Widget adalah komponen sistem Windows 11 yang ditampilkan melalui desktop ketika pengguna mengklik ikon Widget pada taskbar, menggunakan pintasan Windows+W, atau menggesek dari tepi kiri layar. Papan Widget menampilkan widget dan mengelola tata letaknya di papan.
Widget Widget adalah Kartu Adaptif yang menyajikan konten atau tindakan penting dari aplikasi. Ini memungkinkan pengguna untuk mengakses informasi yang diinginkan secara instan tanpa perlu meluncurkan aplikasi atau situs web terkait. Konten widget di-refresh secara dinamis sepanjang hari untuk memberi pengguna konten saat ini dan menarik yang dapat dikonsumsi sekilas. Widget menyediakan fitur interaktif dasar yang memungkinkan pengguna meluncurkan aplikasi terkait untuk keterlibatan yang lebih dalam. Widget tidak dimaksudkan untuk menggantikan aplikasi dan situs web.
Penyedia widget Penyedia widget adalah aplikasi Windows yang menyediakan konten untuk ditampilkan di widget. Penyedia widget memiliki konten, tata letak, dan elemen interaktif widget.

Panduan desain widget

Pengalaman visual widget mencakup elemen visual dan elemen interaksi yang ditentukan menggunakan format JSON Kartu Adaptif. Perancang Kartu Adaptif menyediakan editor real-time untuk merancang kartu adaptif serta templat untuk ukuran dan tema widget yang didukung. Penting bahwa desain widget Anda mematuhi prinsip desain Windows Widget untuk membantu memastikan bahwa Papan Widget memberikan pengalaman yang konsisten dan akrab untuk semua widget.

Untuk panduan tingkat tinggi dari elemen visual widget, lihat Status widget dan komponen UI bawaan.

Prinsip widget

Untuk membuat Widget Windows yang hebat, pertimbangkan prinsip-prinsip berikut saat Anda merancang dan mengembangkan widget Anda:

Sekilas

Pengguna dapat mengintip cepat untuk mendapatkan nilai maksimal dari widget. Mereka hanya perlu mengkliknya jika mereka menginginkan detail yang lebih kaya atau interaksi yang lebih dalam.

Diandalkan

Permukaan informasi yang sering digunakan secara instan untuk menghemat waktu pengguna dalam mengulangi langkah-langkah tersebut. Dorong keterlibatan ulang yang konsisten ke aplikasi Anda.

Bermanfaat

Tingkatkan informasi yang paling berguna dan relevan.

Pribadi

Berikan konten yang dipersonalisasi dan bangun koneksi emosional dengan pelanggan. Widget tidak boleh berisi iklan. Pelanggan memegang kendali atas konten dan tata letak widget mereka.

Terfokus

Setiap widget umumnya harus fokus pada satu tugas atau skenario utama. Widget tidak dimaksudkan untuk menggantikan aplikasi dan situs web Anda.

Segar

Konten harus di-refresh secara dinamis berdasarkan konteks yang tersedia. Ini sudah diperbarui dan menyediakan konten yang tepat pada waktu yang tepat.

Merencanakan pengalaman widget aplikasi Anda

  1. Berdasarkan pemahaman Anda tentang pelanggan Anda, identifikasi konten terpenting atau tindakan paling berguna yang ingin diakses oleh pengguna Anda tanpa membuka aplikasi atau situs web Anda. Pertimbangkan prinsip-prinsip yang dijumlahkan di bagian Prinsip widget dan pikirkan tentang bagaimana prinsip tersebut dapat diterapkan ke aplikasi Anda.
  2. Aplikasi Anda dapat mendukung beberapa widget individual. Tentukan jumlah widget terpisah yang ingin Anda dukung sehingga setiap widget berfokus pada tujuan tertentu.
  3. Tentukan konten yang ingin Anda sertakan untuk setiap widget. Satu widget dapat mendukung tiga ukuran yang berbeda; kecil, sedang, dan besar. Untuk setiap widget, pikirkan konten apa yang akan membawa nilai paling besar bagi pengguna dan kebutuhan bisnis Anda. Untuk setiap ukuran dari kecil hingga besar, tujuan widget harus tetap sama, tetapi jumlah informasi yang ditampilkan harus diperluas dengan ukuran yang lebih besar. Sebaiknya penyedia widget menerapkan semua ukuran widget untuk memberi pengguna fleksibilitas saat menyesuaikan tata letak widget.
  4. Pikirkan interaksi pengguna yang akan didukung widget Anda. Pengguna dapat mengklik judul widget atau target klik apa pun yang telah Anda tentukan pada widget. Interaksi ini dapat mengaktifkan pintasan tautan mendalam ke aplikasi atau situs web Anda yang membawa pengguna langsung ke apa yang mereka minati, sehingga mereka tidak perlu menavigasi dari akar aplikasi Anda. Pertimbangkan berbagai model navigasi yang ditawarkan.
  5. Aplikasi harus menerapkan penyedia widget yang mengimplementasikan fungsionalitas back-end untuk mengirim tata letak dan data widget Anda ke papan widget yang akan ditampilkan. Saat ini Anda dapat menerapkan penyedia widget menggunakan aplikasi desktop Win32 paket atau Progressive Web App (PWA). Untuk informasi selengkapnya tentang membuat penyedia widget Win32, lihat Penyedia layanan Widget. Untuk informasi tentang penyedia widget PWA, lihat Membuat widget berbasis PWA.

Di bagian ini

Status widget dan UI

Dasar-dasar desain widget

Desain interaksi widget

Membuat templat widget dengan Perancang Kartu Adaptif