Cara Meningkatkan UX Pengaturan Aplikasi

Diterbitkan: 2022-03-11

Seperti pola UI tanpa tanda jasa lainnya, panel pengaturan membuat aplikasi lebih mudah digunakan tetapi tampaknya hanya menarik minat jika ada kekurangannya. Pengguna dapat menerima pengaturan begitu saja tetapi desainer tidak seharusnya. Panel pengaturan yang dirancang dengan baik memungkinkan pengguna untuk menyesuaikan aplikasi dengan kebutuhan mereka dan membantu perusahaan menurunkan biaya dukungan pelanggan.

Pengaturan aplikasi membantu pengguna mengelola item seperti pemberitahuan push, zona waktu, dan kredensial masuk. Setiap aplikasi memiliki pengaturan, tetapi pengguna dan desainer secara rutin mengabaikan panel antarmuka yang mengontrolnya. Pengguna cenderung mengabaikan pengaturan, dan desainer tampaknya mengabaikannya sampai akhir proses desain aplikasi.

Ada sedikit alasan bagi pengguna untuk merenungkan pengaturan aplikasi, tetapi desainer memiliki banyak insentif. Pengaturan yang dirancang dengan baik mengurangi biaya dukungan pelanggan dan meningkatkan keterlibatan dengan memungkinkan pengguna untuk menyesuaikan aplikasi mereka sesuai permintaan. Tujuannya adalah untuk memudahkan pengguna mengelola preferensi mereka, tetapi sulit untuk merancang pengaturan yang selaras dengan kebutuhan pengguna. Bahkan sesuatu yang sederhana seperti mengizinkan pengguna untuk memperbarui alamat email membutuhkan perencanaan yang matang.

Praktik desain apa yang memastikan pengaturan UX yang mudah?

Alur pengguna ini mewakili tindakan yang diperlukan untuk memperbarui alamat email.
Alur pengguna ini mewakili tindakan yang diperlukan untuk memperbarui alamat email.

Panduan untuk UX Pengaturan Aplikasi yang Lebih Baik

Kategori Grup

Ketika aplikasi memiliki beberapa pengaturan, mungkin sulit bagi pengguna untuk menemukan apa yang mereka butuhkan. Solusinya adalah mengelompokkan pengaturan ke dalam kategori. Misalnya, Shopify memiliki daftar pengaturan yang panjang, tetapi diatur dalam kategori yang mudah dijelajahi.

Pengaturan Shopify dikategorikan dengan hati-hati.
Pengaturan Shopify dikategorikan dengan hati-hati.

Tetapkan Hirarki Visual

Panel pengaturan tidak dapat berhasil tanpa hierarki visual. Bawa pengaturan yang sering digunakan ke permukaan; jika ada terlalu banyak pilihan, pisahkan kategori ke dalam subhalaman untuk mengurangi beban kognitif.

Facebook menampilkan pengaturan yang sering digunakan pada tingkat tinggi. N26 memisahkan kategori ke dalam subhalaman.
Facebook menampilkan pengaturan yang sering digunakan pada tingkat tinggi. N26 memisahkan kategori ke dalam subhalaman.

Hindari Nama Dengan Jargon

Jargon mengarahkan pengguna untuk mencari konteks di luar panel pengaturan. Pengaturan paling baik dijelaskan dalam bahasa sederhana yang menunjukkan fungsionalitas. Hindari nama teknis atau pintar yang menenangkan tim produk dan pemasaran tetapi membingungkan pengguna.

Kategori pengaturan Calm mudah dimengerti.
Kategori pengaturan Calm mudah dimengerti.

Berikan Deskripsi yang Jelas

Pengaturan memerlukan deskripsi yang menjelaskan dampaknya. Tetapkan dengan jelas apa yang dilakukan pengaturan, tetapi jangan memberikan begitu banyak informasi sehingga pengguna mengabaikan detail penting. Sekali lagi, gunakan bahasa sehari-hari, dan aktifkan opsi untuk mengembalikan pengaturan default.

Deskripsi Brave dengan jelas menjelaskan dampak setiap pengaturan.
Deskripsi Brave dengan jelas menjelaskan dampak setiap pengaturan.

Berikan Indikator Status dan Umpan Balik tentang Status yang Disimpan

Di banyak aplikasi, setelan yang diperbarui disimpan secara otomatis, tetapi pengguna masih memerlukan umpan balik yang mengonfirmasi perubahan mereka. Jika pengguna harus mengklik tombol "Simpan", pastikan tombol itu menonjol. Memaksa pengguna untuk menggulir pasti akan menghasilkan pengaturan yang belum disimpan.

Atlassian Jira memberikan umpan balik instan kepada pengguna saat pengaturan diperbarui.
Atlassian Jira memberikan umpan balik instan kepada pengguna saat pengaturan diperbarui.

Gunakan Kontrol UI yang Sesuai

Tombol radio dan kotak centang adalah kontrol UI standar di panel pengaturan, tetapi tidak dapat dipertukarkan:

  • Tombol radio mengharuskan pengguna untuk membuat satu (dan hanya satu) pilihan dari daftar opsi.
  • Kotak centang memungkinkan pengguna membuat beberapa pilihan (atau tidak sama sekali) dari daftar opsi.

Saat tindakan tidak memerlukan peninjauan atau konfirmasi, gunakan sakelar sakelar dan pertimbangkan untuk menambahkan label "Aktif/Nonaktif" untuk kejelasan lebih lanjut.

Tombol radio, kotak centang, dan sakelar sakelar adalah komponen UI umum di panel pengaturan aplikasi.
Tombol radio, kotak centang, dan sakelar sakelar adalah komponen UI umum di panel pengaturan aplikasi.

Berikan Pengaturan Dasar dan Lanjutan

Cara cerdas untuk menangani aplikasi dengan banyak pengaturan adalah dengan menyediakan dua tingkat input. Pengaturan dasar mengisi panel pengaturan secara default dan memenuhi kebutuhan rata-rata pengguna, sedangkan pengaturan lanjutan menarik bagi pengguna yang menginginkan kontrol yang lebih terperinci.

Pengaturan lanjutan Spotify memungkinkan pengguna untuk menyempurnakan pengalaman mendengarkan mereka.
Pengaturan lanjutan Spotify memungkinkan pengguna untuk menyempurnakan pengalaman mendengarkan mereka.

Kirim Konfirmasi Email

Banyak aplikasi berisi data sensitif, termasuk informasi keuangan. Konfirmasi email ada di luar panel pengaturan, tetapi sangat penting karena pengguna perlu diberi tahu saat detail akun mereka berubah. Bergantung pada aplikasi atau pengaturan yang terlibat, mungkin tidak perlu mengirim konfirmasi untuk setiap pembaruan.

Konfirmasi email harus dikirim setiap kali pengguna memperbarui kredensial login.
Konfirmasi email harus dikirim setiap kali pengguna memperbarui kredensial login.

Tips untuk Proses Desain Pengaturan Aplikasi

Mulai Dengan Arsitektur Informasi dan Aliran Pengguna

Arsitektur informasi adalah tempat terbaik untuk memulai proses desain pengaturan. Gunakan latihan penyortiran kartu untuk memahami bagaimana pengguna akan mengelompokkan pengaturan, kemudian membuat hierarki di antara kategori yang muncul. Rancang alur pengguna untuk setiap setelan, buat label setelan yang sesuai dengan harapan pengguna, dan berusaha keras untuk mempertahankan jumlah kategori tingkat atas menjadi empat atau lima.

Tentukan Mode Default

Pengaturan default memberi pengguna pengalaman yang optimal secara teoritis dari interaksi pertama mereka. Tujuannya adalah untuk membuat orientasi menjadi mudah dan melengkapi pengguna dengan pengaturan yang mendukung tujuan mereka (alasan lain mengapa penelitian pengguna sangat penting). Misalnya, aplikasi keamanan kata sandi seperti 1Password dan LastPass memiliki pengaturan default yang dirancang untuk melindungi informasi rahasia pengguna.

1Password dan LastPass memiliki pengaturan default yang melindungi data sensitif pengguna.
1Password dan LastPass memiliki pengaturan default yang melindungi data sensitif pengguna.

Hubungi Pemangku Kepentingan di Awal Proses Desain

Mulai kolaborasi segera, dan bicarakan dengan pemangku kepentingan tentang kebutuhan terkait pengaturan mereka. Bertemu dengan manajer produk, pakar keamanan, desainer, insinyur, dan siapa pun yang tertarik dengan pengaturan—menunggu hingga terlambat dalam proses desain pengaturan dapat menyebabkan desain ulang yang mahal.

Bicaralah dengan Dukungan Pelanggan

Penyempurnaan desain dimulai dengan mengidentifikasi titik kesulitan pengguna, dan tim dukungan pelanggan menangani masalah pengguna setiap hari. Mereka tahu aspek mana dari aplikasi yang membingungkan dan pengaturan apa yang sulit untuk dikelola. Jika memungkinkan, hadiri rapat dukungan pelanggan secara teratur untuk mendapatkan wawasan untuk iterasi panel pengaturan di masa mendatang.

Prototipe dan Uji

Bangun dan uji prototipe untuk melihat bagaimana pengaturan berfungsi bersama fitur produk inti. Prototipe fidelitas tinggi adalah cara terbaik untuk menguji efektivitas kontrol UI dalam sesi kegunaan. Di sini lagi, menunggu sampai menit terakhir bisa terbukti mahal.

Pengaturan Aplikasi yang Bijaksana Tingkatkan UX

Desainer berusaha membuat aplikasi mudah digunakan. Fitur-fitur menonjol mendapat perhatian paling besar, tetapi seringkali, detail desain yang kurang terlihatlah yang meningkatkan kegunaan. Pengalaman pengaturan yang baik diatur, intuitif, dan memungkinkan pengguna untuk menyempurnakan interaksi harian mereka. Ini memberikan umpan balik yang relevan, menggunakan komponen UI terkenal yang selaras dengan model mental pengguna, dan memungkinkan pengguna untuk membuat pembaruan tanpa menghubungi dukungan pelanggan.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • Prinsip Desain UX Seluler
  • Prinsip Heuristik untuk Antarmuka Seluler
  • Panduan Dasar untuk Kegunaan Seluler
  • Praktik Terbaik eCommerce Seluler untuk UX (dengan Infografis)
  • Kendala Desain UX Seluler, Praktik Terbaik, dan Bekerja dengan Pengembang