Beberapa informasi berkaitan dengan produk yang telah dirilis sebelumnya, yang mungkin dimodifikasi secara substansial sebelum dirilis secara komersial. Microsoft tidak memberikan jaminan, tersirat maupun tersurat, sehubungan dengan informasi yang diberikan di sini.
Penting
Fitur yang dijelaskan dalam topik ini tersedia di build pratinjau Dev Channel Windows yang dimulai dengan build 25217. Untuk informasi tentang build pratinjau Windows, lihat Pratinjau Orang Dalam Windows 10.
Artikel ini menyediakan panduan terperinci untuk merancang interaksi untuk widget Windows.
Navigasi
Widget harus sekilas dan terfokus, dan harus mewakili satu aspek dari tujuan utama aplikasi. Widget dapat menyediakan satu atau beberapa panggilan untuk bertindak. Ketika pengguna mengklik ajakan bertindak, widget harus meluncurkan aplikasi atau situs web terkait alih-alih menerapkan tindakan di widget itu sendiri. Widget hanya memiliki satu halaman utama yang dapat menampung beberapa interaksi. Mengklik item di widget seharusnya tidak pernah membawa Anda ke tampilan widget yang sama sekali berbeda. Misalnya, dalam widget cuaca Anda mungkin menunjukkan cuaca selama beberapa hari tetapi mengklik salah satu hari tidak akan memperluas detail sebaris, tetapi sebaliknya akan meluncurkan aplikasi atau web.
Berikut ini adalah jumlah maksimum titik sentuh yang direkomendasikan untuk setiap ukuran widget yang didukung.
Ukuran widget
Titik sentuh maksimum
kecil
1
Sedang
3
besar
4
Elemen navigasi berikut ini tidak didukung di Widget Windows:
Pivot tidak akan didukung dalam widget
Halaman L2 tidak akan didukung dalam widget
Pengguliran vertikal atau horizontal tidak akan didukung dalam Widget
Kontainer
Gambar berikut menunjukkan contoh penggunaan elemen kontainer dalam templat widget. Kontainer mengelompokkan elemen visual ke dalam kolom dan baris untuk membuat struktur kisi hierarkis.
Tautan gambar
Gambar berikut menunjukkan contoh penggunaan elemen tautan gambar dalam templat widget.
Penentuan halaman
Gambar berikut menunjukkan contoh penomoran halaman dalam templat widget. Kontrol penomoran halaman dapat diratakan secara horizontal atau vertikal. Panah navigasi muncul sebagai respons terhadap kursor mengarahkan kursor.
Hyperlink
Gambar berikut menunjukkan contoh hyperlink dalam templat widget.
Menu dropdown
Widget dapat meluas sedikit melebihi ukuran widget mereka untuk sementara jika pengguna berinteraksi dengan menu atau dropdown. Perilaku menu harus mematikan lampu dan menutup menu jika pengguna mengklik di luar menu / area dropdown.
Berkolaborasi dengan kami di GitHub
Sumber untuk konten ini dapat ditemukan di GitHub, yang juga dapat Anda gunakan untuk membuat dan meninjau masalah dan menarik permintaan. Untuk informasi selengkapnya, lihat panduan kontributor kami.
Umpan balik Windows developer
Windows developer adalah proyek sumber terbuka. Pilih tautan untuk memberikan umpan balik:
The app user experience often defines the success of your app. This learning path will focus on how to provide the best app navigation, and build the best UI using themes, icons, images, personalization, different form factors, and controls.