it-swarm.asia

Gotchas kegunaan aplikasi web yang umum?

Apa sajakah kesalahan umum mengenai kegunaan untuk aplikasi web?

75
tobeannounced

CSS/Javascript drop down menu yang tidak memiliki penundaan ditentukan pada mereka sehingga Anda mengalami "masalah diagonal" (via Jakob Nielsen )

alt text

81
jessegavin

Tidak menempatkan label yang dapat diklik pada kotak centang dan bidang formulir lainnya.

Ini sangat mudah untuk dilakukan. Lihat tag HTML <label> .

74

Desain validasi formulir buruk.

Saya benci ketika saya mengirimkan formulir yang gagal validasi dan aplikasi melakukan salah satu dari yang berikut:

  • Kolom adalah BLANK saat formulir dimuat ulang. Ini terjadi pada saya ketika mendaftar untuk aplikasi web di iPhone saya. Saya sangat kesal karena ada lebih dari 8 bidang.
  • Hanya menampilkan satu kesalahan validasi per formulir kirim.
  • Tidak menyajikan ringkasan kesalahan di bagian atas formulir.
  • Tidak menyoroti input bidang yang tidak valid secara visual.
74
jessegavin

Desain buruk saat menyangkut tombol aksi Primer vs Sekunder pada formulir.

http://www.lukew.com/resources/articles/psactions.asp

alt text

55
jessegavin

Pengguna menggunakan tombol kembali & maju di browser mereka (atau di mouse mereka). Dan mereka menggunakan tombol refresh juga. Jadi berhati-hatilah dengan posting formulir di situs web Anda.

Tidak ada yang suka ini ...

enter image description here

Kotak dialog ini muncul ketika Anda me-refresh halaman tempat data dikirimkan. Untungnya, ini dapat dihindari dengan menggunakan method = "get" bila memungkinkan, atau method = "post" diikuti segera oleh redirect jika diperlukan. Jika Anda harus menggunakan kiriman untuk alasan keamanan atau panjang, pengalihan harus menuju ke URL yang berbeda dari tindakan formulir untuk menghindari pesan ini.

52
Steve Wortham

tautan JavaScript. Anda tidak dapat mengklik tengah membuka tab baru untuk javascript:loadPage(34576).

43
Casey Chu

Meminta informasi pribadi wajib dalam formulir pendaftaran ketika mereka tidak diperlukan.

Contoh:

  • menanyakan alamat di situs web di mana informasi ini tidak berguna
  • Memaksa memasukkan nama "asli"
  • ...

Membuat informasi ini wajib adalah cara terbaik untuk mendapatkan basis data yang benar-benar tercemar, penuh "dummy", "[email protected]", dll. Karena kebanyakan orang tidak suka memberikan informasi seperti itu padahal sebenarnya tidak diperlukan.

Selain itu, tidak dapat memodifikasi informasi ini adalah desain yang sangat buruk.

37
Julien N

target = "_ blank" pada jangkar adalah salah satu yang paling umum, dan yang paling saya benci. Ada beberapa kasus yang menurut saya masuk akal.

Berikut adalah daftar 10 Kesalahan Terbesar dalam Desain Web: http://www.useit.com/alertbox/9605.html

30
Nacho

Ketika fungsionalitas tombol kembali dinonaktifkan atau diubah dari apa yang diharapkan pengguna. Saya melihat ini banyak pada aplikasi yang menggunakan custom dialog/lightboxes/iframe.

30
jessegavin

Membuat saya mencari "lupa kata sandi Anda?" tautan, dan kemudian setelah saya klik, mengirimkan kata sandi saya di tempat yang jelas 1 setelah saya menemukannya. Jeff Atwood kami yang tercakup cukup baik di " Anda Mungkin Menyimpan Kata Sandi Salah "

1 Memang, bagian ini lebih dari masalah pemrograman , tapi saya menganggapnya masalah kegunaan juga.

26
Jared Harley

Menggunakan kotak centang sebagai radiobuttons dan sebaliknya.

24
Gelatin

Tidak ada tempat untuk menutup akun Anda atau atau membuatnya sangat sulit untuk menemukan tempat untuk menutup akun Anda.

Idealnya Anda menginginkan bagian "Akun" atau sesuatu yang ditulis dengan kata-kata yang sama, dan di halaman itu, di samping semua hal lain yang Anda inginkan di sana, tautan atau tombol berlabel jelas yang bertuliskan "tutup akun saya". Anda dapat mengikutinya dengan halaman yang menanyakan kepada pengguna mengapa mereka pergi atau mengundang mereka untuk memberikan umpan balik, tetapi semua hal itu harus dideprioritaskan dibandingkan dengan panggilan "tutup akun saya" yang sebenarnya (atau hapus, hapus, dll.) .

22
Rahul
  • Bidang dengan validasi super ketat. Misalnya, jika Anda mengetikkan kode pos dan "V5X4O4" berfungsi tetapi "V5X 4O4" tidak.

  • Ikon tanpa label atau judul teks (saat dibawa atau tidak).

  • Jika judul sedang terpotong, saya pikir Anda harus dapat melihat tooltip dengan judul lengkap di hover.

  • Ketika tombol-tombol penting dikaburkan dari pengguna akhir demi iklan atau materi promosi. Pikirkan tombol "Lanjutkan tanpa akun" Paypal.

    • AUDIO YANG BERMAIN TANPA IZIN! Lol - Juga, tidak ada tombol bisu.
21
Motolix

Tidak memiliki situs Anda terdegradasi dengan anggun ketika JavaScript dinonaktifkan.

19
GSto

Pertanyaannya agak terlalu umum dan sebenarnya lebih merupakan diskusi.

Saya dapat berkontribusi satu hal yang saya lihat berulang kali:

Formulir yang memiliki tombol "hapus semua".

  • Beberapa dari mereka bahkan mendesain tombol "kirim" dan "hapus semua" yang sama, sehingga memberi bobot yang sama.
  • Belum lagi saya telah melihat contoh (tidak memiliki tautan spesifik dalam pikiran saat ini ...) di mana "jelas" ada di sebelah kiri dan "kirim" di sebelah kanan, menyebabkan beberapa pengguna menekan yang pertama tombol terdekat dengan kursor mereka ketika meninggalkan bidang terakhir.

Saya sama sekali tidak melihat alasan untuk tombol "jelas", tetapi jika Anda benar-benar bersikeras maka gunakan saja tautan yang sangat halus, yang memungkinkan hanya satu tindakan sederhana dan jelas bagi pengguna.

18
Dan Barak

Harus mendaftar untuk melakukan beberapa operasi dasar yang tidak benar-benar perlu registrasi. Atau izinkan metode pendaftaran "sekali klik".
Pengguna harus memiliki hak untuk memutuskan. Saya berakhir dengan banyak akun "sekali pakai" di begitu banyak situs web!

Beberapa contoh di mana seharusnya tidak perlu:

  • mengunduh file (berapa banyak "kode" situs web meminta Anda untuk mendaftar agar Anda dapat mengunduh file sampel?)
  • pencarian (ya, beberapa forum menonaktifkan pencarian untuk pengguna yang tidak terdaftar)
  • mengakses sebuah artikel (ketika aksesnya gratis)
  • ...
17
Julien N

Situs dengan bilah status mengambang

Seperti Meebo Bar . Ini menjengkelkan dan jarang memberikan fungsionalitas yang berguna. Mereka mengambil ruang yang tidak perlu dan memunculkan balon yang mengganggu.

16
Gelatin

Menjadi "kreatif" dan menyelipkan bilah pencarian Anda di belakang tab/tautan/dll. Jika Anda menawarkan pencarian, cukup sediakan kotak, daripada perlu berburu!

16
agartzke

Kencing hewan peliharaan terbesar saya adalah situs yang karena satu atau banyak alasan tidak mendukung dengan benar tanda plus di alamat email . Sering kali, situs web tidak akan memvalidasi alamat email dengan tanda '+' sebelum '@'. Yang terburuk adalah ketika sebuah situs menerima alamat, tetapi kemudian tidak melarikan diri dan/atau menghapus data dengan benar dan mencoba mengirim email ke alamat dengan spasi di dalamnya atau dengan kedua sisi '+' dihancurkan bersama .

Validator gratis ini ditulis dalam PHP konon mengikuti semua RFC dan errata yang terkait.

15
waymost

Banyak situs tidak menggunakan warna berbeda untuk tautan yang dikunjungi .

Jakob Nielsen: bah Warna dari Tautan yang Dikunjungi

12
Marc Dong

Aplikasi Web yang berjalan pada koneksi HTTPS yang aman, tetapi memuat konten dari koneksi HTTP. Di satu sisi ini benar-benar baik-baik saja, tetapi untuk IE pengguna khususnya (bukan saya biasanya) peringatan keamanan canggung dan membingungkan bagi pengguna ...

Tidak hanya itu sangat memberatkan untuk mengabaikan pada setiap halaman, tetapi kata-katanya canggung, dan tindakan tombol berbeda untuk IE (6 & 7) vs IE8 +

Old IE dialog:

alt text

Baru IE dialog:

alt text

Jadi, jika sebagai pengguna Anda "hanya ingin memuat satu halaman penuh" (mis. Anda mencari tombol "pergi") ... itu adalah default Yes di IE6 & IE7, tetapi tidak standar No di IE8 +.

Catatan: Saya sepenuhnya sadar sebagai pengembang apa tujuan dialog dan bahkan mengapa Microsoft mengubahnya tetapi untuk pengguna akhir hanya membingungkan mereka terutama di IE8. Pengguna akhir melihat dialog muncul meminta "izin", "konfirmasi", dll. Dan berharap untuk mengklik opsi "ok" atau "ya" karena mereka tidak membaca dialog. Orang dapat berargumen bahwa pengguna harus membacanya, tetapi hanya lebih mudah jika pengembang memastikan mereka tidak memiliki konten campuran jika hal itu dapat dihindari sama sekali.

12
scunliffe

Harus mencari tautan logout. Saya masuk ke halaman, dan saya di beberapa, setelah selesai, saya harus mencari tombol atau tautan keluar.

12
thursdaysgeek

Baru-baru ini saya memperhatikan sesuatu yang saya tidak pernah anggap sebagai masalah kegunaan:

Arahkan kursor untuk membuat tindakan tersedia. Seperti misalnya di Twitter.com di mana mengarahkan Tweet menampilkan perintah retweet dan balasan.

Ini sama sekali tidak bekerja pada perangkat berbasis sentuhan sama sekali. Tidak ada kursor!

Kencing hewan peliharaan saya yang lain adalah situs web yang tidak membuka tautan eksternal di tab baru. Dengar, aku menjelajah di pohon. Saya berharap setiap domain yang saya tampilkan mewakili cabang, ketika saya selesai dengan itu saya akan menutup tab. Saya tentu tidak ingin mengklik 'kembali' sepuluh kali untuk melakukan perjalanan ke cabang.

11
Swizec

Menyembunyikan apa yang diinginkan pengguna dan sebaliknya memberi mereka apa yang ANDA inginkan.

Contohnya adalah dukungan pelanggan. Alih-alih daftar kotak besar dengan nomor telepon/surat dll, beberapa perusahaan menunjukkan FAQ sebagai cara mendapatkan bantuan dan tidak memiliki info kontak di halaman itu.

11
googletorp

Situs yang memiliki struktur menu yang "mengambang" ke atas dan ke bawah di kedua sisi layar saat Anda menggulir. Saya bisa melihat mengapa mereka melakukannya, tetapi seringkali sangat mengganggu dan lebih sering tidak "licin" seperti yang diharapkan oleh perancang.

Contoh yang saya maksudkan dapat dilihat di sini: http://www.deluxe-menu.com/floatable-menu-sample.html

9
Sk93

Situs QA yang menampilkan jawaban yang diterima dua kali.

8
Gelatin

Apart List memiliki artikel oleh Aza Raskin: "Jangan Gunakan Peringatan Saat Berarti Membatalkan".

http://www.alistapart.com/articles/neveruseawarning/

Pengguna cenderung mengabaikan atau tidak menyukai pop-up "peringatan", tetapi menawarkan kepada pengguna kesempatan untuk "membatalkan" jauh lebih ramah pengguna.

7
mg1075

Captcha

walaupun mereka cukup populer akhir-akhir ini, mereka juga dianggap sebagai masalah aksesibilitas, terutama bagi orang-orang yang gagal mengenali kata-kata yang tidak mereka ketahui (atau bahkan tidak memiliki karakter khusus seperti ýáěíč pada keyboard mereka)

secara pribadi, saya lebih suka menggunakan pertanyaan rasional sederhana untuk melayani fungsi ini

contoh: tolong tuliskan seluruh angka berikutnya yang muncul setelah angka sebelas

6
user3409

Situs yang menggunakan banyak CPU dan memori

Saya biasanya memiliki banyak tab terbuka dengan pertanyaan pemrograman/jawaban dari berbagai milis dan banyak dari situs-situs ini memiliki beberapa javascript yang berlangsung (Menginstal adblock membantu, tetapi masih ada situs yang berat). Dengan Chrome akhirnya saya bisa melihat tab mana yang menyebabkannya.

Pencarian gambar Google baru yang ditingkatkan menempatkan cpu saya pada pekerjaan berat dan membutuhkan beberapa ratus megabyte. Banyak sumber daya lapar.

5
neoneye

Memiliki elemen statis pada halaman Anda yang berubah warna jika Anda meletakkan kursor mouse di atasnya, tetapi tidak melakukan apa-apa jika Anda mengkliknya. Di liga yang sama: hyperlink atau tombol di mana wilayah yang dapat diklik terbatas pada teks.

4
Tommy Carlier

Mengarahkan kembali dari root URI ke subdirektori atau subdomain (tidak menghapus/menambahkan www).

0
Gelatin