it-swarm.asia

Haruskah tombol yang dinonaktifkan memberikan umpan balik ketika diklik?

Saya ingin tahu apakah Anda dapat membantu saya dengan masalah UX yang saya hadapi dengan “tombol yang dinonaktifkan di Seluler”

Kami memiliki beberapa bidang input berbeda sebagai bagian dari proses orientasi seluler. Formulir ini memiliki beberapa bidang dan saat ini kami menonaktifkan tombol berikutnya hingga semua bidang diisi. Tetapi, jika pengguna mengetuk tombol yang dinonaktifkan, itu akan menampilkan pesan kesalahan sebaris pada bidang input yang tidak diisi.

Kami telah memperdebatkan apakah ini pengalaman pengguna yang lebih baik untuk menunjukkan umpan balik ketika pengguna mengetuk tombol yang dinonaktifkan untuk menunjukkan bahwa ada sesuatu yang hilang atau jika tombol yang dinonaktifkan umumnya tidak boleh memiliki reaksi apa pun karena dinonaktifkan.

28

Pada akhirnya, kedua cara menghasilkan hasil yang sama. Apakah itu kesalahan inline atau mungkin gelembung dengan umpan balik, pengguna mengetahui mengapa ia tidak dapat melanjutkan (yang mematuhi visibilitas status sistem ).

Poin tentang elemen yang dinonaktifkan tidak pernah memiliki tindakan dapat dimengerti, tetapi dengan berpegang teguh pada aturan ini tidak benar-benar bermanfaat bagi pengguna. Jika dia bisa memiliki UX yang lebih baik dengan produk Anda dengan harga murah karena tidak mematuhi aturan 100%, saya akan mengatakan itu layak. Lagipula Anda tidak sepenuhnya melanggarnya, hanya sedikit menyimpang darinya.

Dengan itu dikatakan, saya pribadi berpikir memberikan umpan balik ini dengan cara ini dapat dianggap lebih modern atau "lebih dingin" . Jadi, terutama jika Anda menargetkan audiens yang lebih muda, saya akan mengatakan itu akan menjadi peningkatan.

Satu kelemahan di sini adalah bahwa beberapa pengguna, yang sangat terbiasa dengan "cara lama", berpotensi menemukan hal yang tak terduga ini dan dengan demikian menjengkelkan. Tapi itu sepertinya peluang yang agak kecil.

Juga hal lain yang perlu dipertimbangkan: Pengguna dengan gangguan penglihatan . Para pembaca layar mereka dapat menangkap pesan kesalahan sebaris dengan baik (sejauh yang saya tahu), tetapi gelembung ucapan mungkin rumit. Paling tidak, itu hanya harus mengambil fokus sistem saat muncul.


Sesuatu seperti ini tampaknya merupakan cara yang baik untuk melakukannya:
A disabled button showing a speech bubble with reasons on why it is disabled
Sumber

Anda dapat menampilkannya di klik tombol atau memiliki tombol yang lebih kecil (?) Yang diletakkan di atasnya, yang pada gilirannya tidak merusak aturan tombol dinonaktifkan lagi.

23
Big_Chair

Jika ini bukan ponsel , saya akan mengatakan akan lebih baik untuk memiliki pesan yang ditampilkan di sebelah tombol dinonaktifkan mengatakan

Silakan isi kolom yang harus diisi (ditandai dengan *)

atau semacamnya (diperlukan pengerjaan kata).

Tetapi untuk seluler , di mana Anda tidak memiliki real estat, memiliki tombol aktif (tidak dinonaktifkan) dan memberi tahu pengguna bidang apa yang masih mereka miliki perlu diisi ketika diklik tampaknya masuk akal. Saya tidak akan membuat tombol dinonaktifkan tetapi masih menanggapi klik, tapi mungkin itu bisa mengatakan (Belum dapat mengirim) vs (ketika semua bidang wajib diisi) Kirim .

Jangan lupa aksesibilitas. Ada berbagai hal dapat Anda lakukan di sana. Salah satunya adalah Anda dapat membuat "petunjuk" yang didengar oleh pengguna tunanetra untuk tombol berbeda, dan lebih lama, dari apa yang ditampilkan secara visual, jika pengguna menggunakan pembaca layar populer untuk seluler (VoiceOver untuk iOS, TalkBack untuk Android ). Detail di sini dan di sini . Misalnya, pesan itu bisa mengatakan "Silakan isi nama depan, nama belakang, dan bidang email." Pastikan untuk menguji dengan pembaca layar.

10
T.J. Crowder

Ini adalah bagaimana proses pendaftaran Google melakukannya. Itu harus sangat mirip dengan proses Anda. Perhatikan bahwa tombol utama selalu diaktifkan, itu hanya mengubah fungsinya!

  1. Anda disajikan dengan formulir yang cukup jelas

empty form

  1. Tombol Berikutnya memiliki warna primer dan dapat diklik. Perhatikan bahwa tombol sekunder membawa Anda ke proses yang sama sekali berbeda (masuk dalam kasus ini.)

Active next button

  1. Setelah mengirimkan formulir yang tidak valid melalui tombol Berikutnya , Anda digulir ke formulir yang tidak valid pertama dan semua kontrol divalidasi (bahkan ketika mereka tidak kotor.) Dengan demikian Anda akan melihat semua yang tidak valid mengontrol perjalanan Anda ke tombol Berikutnya .

Invalid controls

Satu-satunya perbedaan bagi Anda adalah bahwa Anda tampaknya memiliki bidang opsional. Anda dapat menandai ini dengan (opsional) atau mengumpulkannya dalam bentuk yang sepenuhnya opsional yang, selain dari Berikutnya , memiliki Lewati (Ini sangat sering digunakan untuk nomor telepon.)

Jika formulir Anda tumbuh terlalu besar, pikirkan apakah semua data yang diperlukan benar-benar diperlukan saat mendaftar. Jika pengguna sendiri memicu tindakan yang memerlukan lebih banyak data - seperti pembelian di online toko - lebih baik hanya memerlukan metode dan alamat pembayaran.

7
knallfrosch

Mengikuti konsep 'keputusan berdasarkan informasi', selalu lebih baik untuk memberikan petunjuk yang cukup kepada pengguna sehingga mereka tidak melakukan kesalahan alih-alih membiarkan mereka mengetahui bahwa apa yang mereka lakukan adalah salah. Jika bidang formulir harus ditandai dengan tanda bintang * atau dengan beberapa cara lain bersama dengan niat desain lainnya, formulir akan diisi dengan benar dan tidak perlu menonaktifkan tombol kirim. Saya sarankan tidak menggunakan tombol yang dinonaktifkan kecuali benar-benar diperlukan.

4
Ren

Bagi saya, sepertinya Anda belum benar-benar menonaktifkan tombol "selanjutnya", hanya mengubah perilakunya. Jadi, bukannya

enabled (action a) ↔︎ disabled (no action)

sekarang Anda miliki

enabled (action a) ↔︎ enabled (action b)

Itu sendiri tidak selalu menjadi masalah kecuali jika Anda membuatnya benar-benar dinonaktifkan. Jika Anda melakukannya, pengguna Anda akan mengharapkan tombol "dinonaktifkan" lainnya berperilaku. Ketika mereka menemukan tombol yang benar-benar dinonaktifkan (mis. Tanpa perilaku), mereka mungkin mendapatkan kesan bahwa tombol tersebut rusak, karena harapannya adalah bahwa tombol "dinonaktifkan" akan memberikan umpan balik (atau setidaknya melakukan beberapa tindakan).

Ini, seperti yang saya pahami, solusi Anda saat ini:

current solution

Pengguna tidak mendapatkan indikasi yang mana dari dua tombol terakhir akan bereaksi terhadap interaksi.

Sebagai gantinya, pertimbangkan perbedaan visual antara "diaktifkan", "dinonaktifkan-tetapi-tidak-benar" dan "dinonaktifkan-untuk-nyata", mis:

proposed solution

Dengan cara ini Anda memiliki perbedaan antara status biasa, status umpan balik, dan sebenarnya dinonaktifkan.

2
Zano

Saya pikir cara Anda menggambarkannya masuk akal. Saya akan menyertakan tanda bintang pada semua bidang yang diperlukan, meskipun semuanya diperlukan. Anda bahkan dapat memiliki catatan di bagian atas yang menyatakan semua bidang wajib diisi. Apa pun untuk membantu pengguna memahami apa yang harus dilakukan pada formulir yang kompleks adalah yang terbaik.

0
David Saunders

Karena dalam ruang ponsel vertikal (hampir) tidak terbatas, saya hanya akan menambahkan pesan permanen yang terlihat tepat di atas tombol yang dinonaktifkan.

Anda perlu mengisi nama, nomor ponsel, dan menyetujui T&C kami sebelum dapat melanjutkan.

Karena pesan hanya akan muncul jika seseorang menggulir ke tombol Berikutnya, itu hanya akan terlihat oleh pengguna yang meraih tombol tanpa mengisi semua bidang yang diperlukan. Dan Anda dapat membiarkan kebijakan dinonaktifkan = tidak ada reaksi tetap.

0
Falco

Dengan mengamati bagaimana pengguna menggunakan aplikasi saya, saya telah melihat bahwa tombol yang dinonaktifkan masih ditekan oleh sebagian besar pengguna, terutama mereka yang kurang mengenal secara teknis. Ini terjadi bahkan ketika tombol yang dinonaktifkan jelas diklik.

Solusi saya biasanya adalah memicu respons validasi jika tombol yang dinonaktifkan ditekan. Dari mengamati perilaku sebelum dan sesudah menerapkan pesan validasi seperti ini memang memiliki efek yang diinginkan.

Solusi lain adalah dengan tidak menonaktifkan tombol aksi, dan memiliki pesan validasi yang ditampilkan seperti biasanya ( contoh pada stackexchange).

0
Tom

Saya akan melakukan beberapa pengujian kegunaan terlebih dahulu untuk melihat apakah semua ini penting. Anda tidak dapat memastikan pengalaman pengguna yang hebat tanpa menyertakan pengguna, bukan? Lakukan pengujian kegunaan untuk melihat apakah pengguna bingung mengapa tombol dinonaktifkan. Pengguna khusus Anda mungkin mengerti mengapa itu dinonaktifkan dan ini bisa menjadi masalah. Menambahkan gelembung bantuan atau hal-hal lain hanya menambah kompleksitas pada antarmuka Anda yang Anda tidak tahu Anda butuhkan.

Jika pengguna Anda mengklik tombol yang dinonaktifkan secara konsisten, maka Anda harus menentukan alasannya. Apakah mereka mengklik karena tidak terlihat dinonaktifkan? Mungkin itu masalah keterjangkauan visual? Apakah mereka mengklik karena mereka secara tidak sengaja melewatkan salah satu bidang yang diperlukan? Saya pernah mengalami ini di mana pengguna harus mencentang kotak untuk menyetujui persyaratan dan dengan semua konten lain di layar, mereka tidak melihatnya. Kemudian ketika mereka sampai di ujung formulir, mereka tidak mengerti mengapa tombol itu dinonaktifkan.

0
John