it-swarm.asia

Menutup dialog modal

Saya menemukan dialog modal setiap hari dan saya melihat implementasi yang berbeda sepanjang waktu.

Sebagian besar dialog modal memiliki [X] di sudut kanan atas dialog bersama dengan tombol Batal/Tutup.

Ada begitu banyak pilihan, apa praktik terbaik untuk menutup dialog modal? Juga, apakah ada studi untuk referensi yang menunjukkan apa yang disukai?

Implementasi yang saya lihat:

  • Tombol Batal/Tutup dengan [X] di sudut (kanan atas/kiri, kanan bawah/kiri?)

  • Klik di mana saja pada modal untuk menutup

  • Hanya [X] di sudut (kanan atas/kiri, kanan bawah/kiri?)

  • Hanya tombol Batal/Tutup

  • Klik di mana saja di luar modal

  • Tombol Esc dengan atau tanpa [X]/Batal/Tutup

23
rick schott

Saya pikir implementasi terbaik tergantung pada jenis dialog dan mode interaksi yang diinginkan.

Dialog yang membutuhkan tindakan seharusnya tidak memiliki [X] untuk menutupnya, menurut saya (juga tidak bisa ditutup dengan mengklik di mana saja selain tombol tindakan.
Sebagian besar dari mereka memiliki seperangkat tombol "Simpan" dan "Batalkan", sehingga membuat pengguna berpikir (bahkan jika sepersekian detik) jika "tutup" berarti "membatalkan" atau tidak.

Informasi dialog harus memiliki tombol "tutup" dan [X], menurut saya.
Jika informasi tersebut adalah sesuatu yang mungkin ingin dilakukan pengguna berinteraksi dengan (misalnya teks yang akan dipilih dan disalin), maka tentu saja Anda tidak dapat mengizinkan klik di dalam untuk menutup dialog.
Jika Anda ingin pengguna memperhatikan informasi, saya juga akan melarang mengklik di luar untuk mengabaikan, karena itu meningkatkan kemungkinan pengguna harus fokus pada dialog untuk menutupnya. (dan semoga membaca sesuatu di sana).

16
Dan Barak

Anda lupa MELARIKAN DIRI (tombol Esc) untuk menutup sebagian ( Batalkan (OK/Batal), atau [~ # ~] ok [~ # ~] untuk OK tunggal ) modal windows

6
igor

Saya tidak pernah klik tanda silang di sudut. Jika tombol ditinggalkan, saya biasanya bingung sampai saya ingat itu masih sebuah jendela. Saya akan menggunakan tombol OK/Batalkan (kecuali kata-kata lain lebih pas, misalnya 'ya/tidak' 'simpan/jangan simpan') dan tanda silang di sudut yang melakukan hal yang sama dengan tombol batal. Tidak ada tindakan 'tersembunyi' lainnya, seperti menutup jika Anda mengklik di mana saja.

4

Tombol keluar selalu diperlukan, apakah pengguna mengkliknya atau tidak, karena ketidakhadirannya membingungkan. Tutup tautan membantu, tetapi harus disertai dengan 'X'. Saya sarankan Anda selalu memberikan semua opsi keluar ('x', tautan dan klik di mana saja untuk menutup).

Saat ini saya tidak mengetahui adanya penelitian yang merujuk pada topik ini, tetapi ada artikel menarik tentang Smashing Magazine tentang penggunaan Modal Windows yang tepat yang mungkin menarik bagi Anda: http://www.smashingmagazine.com/2009/ 05/27/modal-windows-in-modern-web-design /

4
Pam Rdz

Tombol dialog eksplisit juga berubah menjadi fitur aksesibilitas penting. Saya telah bekerja pada Panduan Antarmuka Manusia GNOME selama bertahun-tahun, dan setiap kali kami memperbaruinya ada panggilan untuk 'mengurangi kekacauan' dengan menghapus 'tombol Tutup berlebihan' dalam dialog, untuk dialog yang dapat ditutup dengan jelas menggunakan kontrol bingkai jendela dan pintasan keyboard yang terkait (Alt-F4, sama seperti MS Windows).

Namun, setiap kali kami menyarankannya ke komunitas aksesibilitas GNOME, mereka menyatakan kembali preferensi mereka untuk mempertahankan tombol nyata di dalam jendela itu sendiri.

2
calum_b

Saya mungkin akan menggunakan kedua kontrol:

(X) - sudut kanan atas

Dasar Pemikiran: sangat umum untuk web dan saya pikir bahkan pengguna Mac sudah terbiasa dengannya. [X] adalah simbol yang dikenali pengguna dengan baik dan memiliki (Tutup) tampaknya berlebihan.

[OK/Tutup] - dalam konten

Rasional: jika pengguna menelusuri teks, mata mungkin akan mendarat di bawah teks dan kursor mungkin lebih dekat ke tombol tutup, jadi mungkin lebih cepat untuk menekan tombol, terutama, karena lebih besar juga. Anda juga dapat menempatkan fokus pada tombol Tutup sehingga pengguna bisa menekan Enter untuk menutup dialog.

0
Anna Rouben