Panduan untuk pengaturan aplikasi

Pengaturan aplikasi adalah bagian yang dapat disesuaikan pengguna dari aplikasi Windows Anda yang diakses melalui halaman pengaturan aplikasi. Misalnya, aplikasi pembaca berita mungkin memungkinkan pengguna menentukan sumber berita mana yang akan ditampilkan atau berapa banyak kolom yang akan ditampilkan di layar, sementara aplikasi cuaca dapat memungkinkan pengguna memilih antara Celcius dan Fahrenheit. Artikel ini memberikan rekomendasi dan praktik terbaik untuk membuat dan menampilkan pengaturan aplikasi.

Kapan harus menyediakan halaman pengaturan

Berikut adalah contoh opsi aplikasi yang termasuk dalam halaman pengaturan aplikasi:

• Opsi konfigurasi yang memengaruhi perilaku aplikasi dan tidak memerlukan penyesuaian yang sering, seperti memilih antara Celcius atau Fahrenheit sebagai unit default untuk suhu di aplikasi cuaca, mengubah pengaturan akun untuk aplikasi email, pengaturan untuk pemberitahuan, atau opsi aksesibilitas.
• Opsi yang bergantung pada preferensi pengguna, seperti musik, efek suara, atau tema warna.
• Informasi aplikasi yang tidak terlalu sering diakses, seperti kebijakan privasi, bantuan, versi aplikasi, atau info hak cipta.

Perintah yang merupakan bagian dari alur kerja aplikasi umum (misalnya, mengubah ukuran kuas di aplikasi seni) tidak boleh berada di halaman pengaturan. Untuk mempelajari selengkapnya tentang penempatan perintah, lihat Dasar-dasar desain perintah.

Rekomendasi umum

• Pertahankan halaman pengaturan tetap sederhana dan manfaatkan kontrol biner (aktif/nonaktif). Sakelar pengalih biasanya merupakan kontrol terbaik untuk pengaturan biner.
• Untuk pengaturan yang memungkinkan pengguna memilih satu item dari satu set hingga 5 opsi terkait yang saling eksklusif, gunakan tombol radio.
• Buat titik masuk untuk semua pengaturan aplikasi di halaman pengaturan aplikasi Anda.
• Jaga agar pengaturan Anda tetap sederhana. Tentukan default cerdas dan minimalkan jumlah pengaturan.
• Saat pengguna mengubah pengaturan, aplikasi harus segera mencerminkan perubahan.
• Jangan sertakan perintah yang merupakan bagian dari alur kerja aplikasi umum.

Titik masuk

Cara pengguna masuk ke halaman pengaturan aplikasi Anda harus didasarkan pada tata letak aplikasi Anda.

Panel navigasi

Untuk tata letak panel navigasi, pengaturan aplikasi harus menjadi item terakhir dalam daftar pilihan navigasi dan disematkan ke bagian bawah:

Bilah perintah

Jika Anda menggunakan bilah perintah atau bilah alat, letakkan titik entri pengaturan sebagai salah satu item terakhir di menu luapan "Lainnya". Jika penemuan yang lebih besar untuk titik entri pengaturan penting untuk aplikasi Anda, letakkan titik masuk langsung di bilah perintah dan tidak dalam luapan.

Hub

Jika Anda menggunakan tata letak hub, titik masuk untuk pengaturan aplikasi harus ditempatkan di dalam menu luapan "Lainnya" dari bilah perintah.

Tab/pivot

Untuk tata letak tab atau pivot, kami tidak merekomendasikan menempatkan titik entri pengaturan aplikasi sebagai salah satu item teratas dalam navigasi. Sebagai gantinya, titik masuk untuk pengaturan aplikasi harus ditempatkan di dalam menu luapan "Lainnya" dari bilah perintah.

Detail daftar

Alih-alih mengubur titik entri pengaturan aplikasi secara mendalam dalam panel detail daftar, jadikan item terakhir yang disematkan di tingkat atas panel daftar.

Layout

Jendela pengaturan aplikasi harus membuka layar penuh dan mengisi seluruh jendela. Jika menu pengaturan aplikasi Anda memiliki hingga empat grup tingkat atas, grup tersebut harus menurunkan satu kolom.

Pengaturan "Mode warna"

Jika aplikasi Anda memungkinkan pengguna untuk memilih mode warna aplikasi, sajikan opsi ini menggunakan tombol radio atau kotak kombo dengan header "Pilih mode aplikasi". Opsi harus dibaca

• Terang
• Gelap
• Default Windows

Sebaiknya tambahkan hyperlink ke halaman Warna aplikasi Pengaturan Windows tempat pengguna dapat mengakses dan mengubah mode aplikasi default saat ini. Gunakan string "Pengaturan warna Windows" untuk teks hyperlink dan ms-settings:colors untuk URI.

Tentang bagian dan tombol Umpan Balik

Sebaiknya letakkan bagian "Tentang Aplikasi ini" di aplikasi Anda baik sebagai halaman khusus atau di bagiannya sendiri. Jika Anda menginginkan tombol "Kirim Umpan Balik", letakkan di bagian bawah halaman "Tentang Aplikasi ini".

Di bawah subheader "Legal", tempatkan "Ketentuan Penggunaan" dan "Pernyataan Privasi" (harus berupa tombol hyperlink dengan teks pembungkus) serta informasi hukum tambahan, seperti hak cipta.

Konten halaman yang direkomendasikan

Setelah Anda memiliki daftar item yang ingin Disertakan di halaman pengaturan aplikasi, pertimbangkan panduan berikut:

• Mengelompokkan pengaturan serupa atau terkait di bawah satu label pengaturan.

• Cobalah untuk menyimpan jumlah total pengaturan hingga maksimum empat atau lima.

• Tampilkan pengaturan yang sama terlepas dari konteks aplikasi. Jika beberapa pengaturan tidak relevan dalam konteks tertentu, nonaktifkan pengaturan tersebut di flyout pengaturan aplikasi.

• Gunakan label satu kata deskriptif untuk pengaturan. Misalnya, beri nama pengaturan "Akun" alih-alih "Pengaturan akun" untuk pengaturan terkait akun. Jika Anda hanya menginginkan satu opsi untuk pengaturan Anda dan pengaturan tidak meminjamkan diri mereka ke label deskriptif, gunakan "Opsi" atau "Default."

• Jika pengaturan langsung ditautkan ke web alih-alih ke flyout, beri tahu pengguna dengan petunjuk visual, seperti "Bantuan (online)" atau "Forum web" yang ditata sebagai hyperlink. Pertimbangkan untuk mengelompokkan beberapa tautan ke web ke dalam flyout dengan satu pengaturan. Misalnya, pengaturan "Tentang" dapat membuka flyout dengan tautan ke ketentuan penggunaan, kebijakan privasi, dan dukungan aplikasi Anda.

• Gabungkan pengaturan yang kurang digunakan ke dalam satu entri sehingga pengaturan yang lebih umum masing-masing dapat memiliki entri mereka sendiri. Letakkan konten atau tautan yang hanya berisi informasi dalam pengaturan "Tentang".

• Jangan menduplikasi fungsionalitas di panel "Izin". Windows menyediakan panel ini secara default dan Anda tidak dapat mengubahnya.

• Menambahkan konten pengaturan ke Flyout Pengaturan

• Sajikan konten dari atas ke bawah dalam satu kolom, dapat digulir jika perlu. Batasi pengguliran hingga maksimum dua kali tinggi layar.

• Gunakan kontrol berikut untuk pengaturan aplikasi:

  • Beralih ke pengalih: Untuk memungkinkan pengguna mengatur nilai aktif atau nonaktif.
  • Tombol radio: Untuk memungkinkan pengguna memilih satu item dari satu set hingga 5 opsi terkait yang saling eksklusif.
  • Kotak input teks: Untuk memungkinkan pengguna memasukkan teks. Gunakan jenis kotak input teks yang sesuai dengan jenis teks yang Anda dapatkan dari pengguna, seperti email atau kata sandi.
  • Hyperlink: Untuk membawa pengguna ke halaman lain dalam aplikasi atau ke situs web eksternal. Saat pengguna mengklik hyperlink, flyout Pengaturan akan ditutup.
  • Tombol: Untuk memungkinkan pengguna memulai tindakan segera tanpa menutup flyout Pengaturan saat ini.

• Tambahkan pesan deskriptif jika salah satu kontrol dinonaktifkan. Tempatkan pesan ini di atas kontrol yang dinonaktifkan.

• Animasikan konten dan kontrol sebagai blok tunggal setelah flyout Pengaturan dan header dianimasikan. Animasikan konten menggunakan animasi enterPage atau EntranceThemeTransition dengan offset kiri 100px.

• Gunakan header bagian, paragraf, dan label untuk membantu menata dan mengklarifikasi konten, jika perlu.

• Jika Anda perlu mengulangi pengaturan, gunakan tingkat UI tambahan atau model perluas/ciutkan, tetapi hindari hierarki yang lebih dalam dari dua tingkat. Misalnya, aplikasi cuaca yang menyediakan pengaturan per kota dapat mencantumkan kota dan membiarkan pengguna mengetuk kota untuk membuka flyout baru atau memperluas untuk menampilkan opsi pengaturan.

• Jika memuat kontrol atau konten web membutuhkan waktu, gunakan kontrol kemajuan yang tidak ditentukan untuk menunjukkan kepada pengguna bahwa info sedang dimuat. Untuk informasi selengkapnya, lihat Panduan untuk kontrol kemajuan.

• Jangan gunakan tombol untuk navigasi atau untuk menerapkan perubahan. Gunakan hyperlink untuk menavigasi ke halaman lain, dan alih-alih menggunakan tombol untuk menerapkan perubahan, simpan perubahan secara otomatis ke pengaturan aplikasi saat pengguna menutup flyout Pengaturan.

Artikel terkait

• Dasar-dasar desain perintah
• Panduan untuk kontrol kemajuan
• Menyimpan dan mengambil data aplikasi
• EntranceThemeTransition