it-swarm.asia

Apakah saya benar-benar membutuhkan tombol login?

Kami telah mengadakan diskusi di kantor seputar halaman login yang sedang kami kembangkan untuk aplikasi web baru. Aplikasi web dalam aplikasi berbasis intranet, dan terutama digunakan oleh pengguna yang harus menggunakan aplikasi telnet sebagai 80% dari pekerjaan sehari-hari.

Saya membuat desain halaman awal di Photoshop, yang kami diskusikan dan semuanya disetujui. Namun, sekarang saya telah memberikannya kepada salah satu pengembang lain untuk mulai membangun, dia telah memperhatikan bahwa tidak ada tombol masuk (atau lainnya) pada halaman - itu hanya memiliki dua bidang; satu untuk nama pengguna dan yang lainnya untuk kata sandi. Setelah menanyakannya kepada saya, saya menyatakan bahwa itu disengaja, karena saya tidak melihat kebutuhan - kebanyakan orang hanya akan menekan enter, karena itulah yang harus mereka lakukan dalam aplikasi telnet mereka. Kemudian diskusi dimulai ...

Ada beberapa poin yang dibuat sejauh "jika tidak ada tombol, mereka tidak akan tahu apa yang harus dilakukan" dan "mereka akan mengharapkan tombol dan akan menaikkan panggilan dukungan agar halaman tidak berfungsi". Bahkan ada saran bahwa pengguna hanya akan "duduk di sana" tidak tahu harus berbuat apa.

Sekarang .. pertanyaan saya adalah: Apakah pengguna benar-benar membutuhkan tombol login?

Saya benar-benar tertarik untuk mengetahui persentase pengguna akhir seperti apa yang dapat mengatasi halaman login sederhana yang mengharuskan mereka menekan enter setelah memasukkan detail mereka untuk melanjutkan. Penting untuk dicatat, tidak akan ada Prompt di layar untuk menekan enter - mereka akan melihat tip alat di atas kata sandi yang menyatakan apa yang harus dilakukan, tetapi hanya itu!

(Kecualikan pengguna seluler dari keributan - hanya menargetkan pengguna desktop dan laptop yang sedang berjalan :))

Contoh kotak masuk:

the screen

44
Sk93

Pada akhirnya mungkin bukan ide yang baik untuk menempuh jalan ini tanpa pengujian serius karena harapan pengguna berdasarkan konvensi yang ada.

Itu poin penting, karena apa yang saya ambil dari deskripsi Anda adalah bahwa ini saat ini belum diuji dan Anda merancang UI ini dengan asumsi bahwa pengguna Anda akan mengerti. Ini umumnya ide yang buruk: selalu mendapatkan umpan balik dari audiens Anda, terutama ketika Anda mencoba sesuatu yang baru, dan terutama di area inti seperti login.

Argumen telnet Anda adalah sesuatu yang perlu dipertimbangkan, tetapi juga memahami bahwa Anda sedang membangun aplikasi web di sini dan Anda mungkin akan berurusan dengan harapan pengguna aplikasi web, bukan telnet. Otak Anda bergeser di antara konteks: ketika Anda menggunakan aplikasi web, Anda berharap untuk mengklik sekali pada item untuk mengikutinya, sedangkan di aplikasi desktop, Anda mungkin berharap untuk menggandakan klik. Mengenali model mental yang dimiliki pengguna ketika mereka menggunakan aplikasi web Anda sebagai ganti ruang yang berbeda seperti telnet adalah aspek penting dalam mendesain antarmuka pengguna.

Namun, ada beberapa pola yang mulai sedikit menyimpang dari konvensi standar "masuk atau mendaftar". Masing-masing menghadapi tantangan yang sama: apa yang diharapkan pengguna dan bagaimana Anda membangun kepercayaan, harapan, dan kemampuan menemukan di sekitar beberapa ide baru ini? Misalnya, StackExchange menggunakan sistem masuk tunggal, yang dapat membingungkan bagi pengguna yang tidak terbiasa dengan pola itu. Amazon (berhasil) mengintegrasikan registrasi dan login ke satu bentuk, meskipun masih harus dilihat seberapa efektif pola itu di situs lain.

Intinya adalah, ketika Anda melanggar konvensi, Anda menuju ke wilayah asing dan Anda perlu menyadari efek yang dapat terjadi pada orang-orang. Jika Anda berpikir untuk melakukan ini, saya akan merekomendasikan mengambil "menjalankan pabrik desktop dan pengguna laptop" dari lingkungan terdekat Anda (katakanlah, manajer kantor dan seseorang dari kantor di seberang jalan) dan meminta mereka untuk masuk Anda akan belajar banyak. Anda mungkin mengetahui bahwa asumsi awal Anda benar. Tetapi setidaknya Anda akan memiliki data untuk membuktikannya, bukan hanya asumsi. :-)


Sunting: Seperti yang Anda sebutkan dalam komentar dalam jawaban untuk pertanyaan Anda tentang Programmer, "mempertanyakan validitas konvensi" adalah titik awal yang baik, tetapi Anda harus memastikan jawaban Anda untuk pertanyaan itu ditemukan dalam data. Siapa pun dapat mempertanyakan konvensi, tetapi konvensi telah menjadi konvensi karena suatu alasan: mereka adalah solusi efektif untuk masalah tersebut. Beranjak dari yang tanpa alasan (dan alasan yang bagus di dunia UI berarti memiliki data atau beberapa bentuk metrik) biasanya akan lebih berbahaya daripada kebaikan.

59
Rahul

Di tempat kerja kami memiliki sistem pengembangan staf yang hanya menampilkan tombol login jika Anda menjelajah di Firefox. Setiap kali kelas diadakan, meja bantuan kami menerima panggilan dari orang-orang yang tidak dapat masuk. Setiap panggilan berkaitan dengan fakta bahwa mereka tidak melihat tombol masuk. Kami sekarang harus keluar dari cara kami untuk memberi tahu para pengguna bahwa mereka harus menekan enter untuk masuk.

Pengguna Anda mungkin sedikit lebih paham komputer, tetapi tebakan saya adalah Anda akan memiliki banyak panggilan dukungan tentang hal itu jika Anda membiarkan tombolnya keluar.

31
LoganGoesPlaces

Saya sangat suka tanggapan Rahul, tetapi saya akan menambahkan 2 sen saya sendiri. Saya menjadi sangat ragu untuk menggunakan tombol Enter di formulir Web apa pun karena ketidakpastian tentang fungsi default-nya. Saya hanya tidak yakin apa yang akan dilakukan! Beberapa orang tidak berhati-hati dengan upaya pengembangan mereka, dan mereka gagal menentukan tombol default untuk formulir dengan benar, membingungkan pengguna yang melakukan menekan enter dari kebiasaan.

Akibatnya, saya telah melatih diri untuk menekan Tab dan kemudian Spacebar, mengharapkan bahwa kontrol selanjutnya setelah kotak kata sandi akan menjadi tombol Login (atau mungkin Simpan Kata Sandi checkbox), karena bilah spasi secara efektif sama dengan mengklik mouse saya pada tombol tanpa harus meluangkan waktu untuk mengangkat tangan saya dari keyboard dan menempatkan mouse saya di atas elemen UI.

Intinya adalah, saya kira, termasuk sebuah tombol, tetapi pastikan itu adalah aksi default dari form, dan yang telah diatur dengan benar untuk selanjutnya dalam urutan tab setelah kotak kata sandi. Dengan cara ini Anda memuaskan kedua set pengguna.

16
Matt DiTrolio

Jika Anda memiliki pengguna tunanetra, ekspektasinya akan menjadi semacam tombol. Kalau tidak, tidak akan ada indikasi bagaimana cara masuk, kecuali jika Anda entah bagaimana mendeteksi pembaca layar dan mengizinkan tombol dalam kasus khusus ini.

12
Stefan Kendall

Sudahkah Anda mempertimbangkan pengguna yang tidak memiliki keyboard fisik? Orang yang menggunakan iPad atau ponsel dengan layar sentuh?

11
Tommy Carlier

Bagaimana dengan opsi untuk membiarkan pengguna menyimpan informasi login mereka? Apakah masih masuk akal untuk menghilangkan tombol login? Dengan begitu sebagai pengguna saya harus memindahkan tangan saya dari mouse ke keyboard untuk masuk dan kemudian kembali ke mouse lagi untuk berinteraksi lebih lanjut dengan aplikasi.

Jadi saya akan mengatakan: ya Anda membutuhkannya.

6
JochemKempe

Ketika datang ke elemen yang ada di masing-masing aplikasi web lainnya, Anda dapat mencoba menemukan sumber pola dan melihat apa yang mereka katakan: http://www.welie.com/patterns/showPattern.php?patternID= login

"Pengguna dapat menggunakan kunci TAB untuk pergi dari bidang nama pengguna ke bidang kata sandi dan tekan ENTER daripada memilih tombol 'Masuk'".

Biasanya, tindakan direpresentasikan melalui tombol/tautan dan interaksi keyboard tambahan bersifat sekunder dan dilihat sebagai untuk pengguna 'mahir'.

Jika Anda khawatir tentang alasan kemudahan penggunaan/aksesibilitas, maka Anda juga harus memiliki tombol: cara ini pengguna dapat berinteraksi dengan formulir hanya dengan mouse/perangkat penunjuk (salin/tempel entri | tekan tombol) atau hanya dengan keyboard.

Ketika saya pertama kali membaca pertanyaan Anda, saya tentang kasus "Kotak pencarian". http://www.welie.com/patterns/showPattern.php?patternID=search Pola mengatakan itu harus memiliki tombol, tetapi pada waktunya (penggunaan produksi) tombol itu menjadi ikon kaca pembesar/tombol di sudut kanan input, dan setelah itu maju menjadi ikon selaras kiri mengidentifikasi. Dengan kemajuan tren (Google Instan) tombol pencarian menjadi semakin jarang digunakan (tetapi masih ada).

Ada perbedaan antara Pencarian dan Masuk, pertama-tama karena Login memerlukan 2 input jadi jika Anda akan mencoba untuk menambahkan misalnya ikon Login, bukan tombol (seperti halnya kasus Pencarian), di mana Anda akan meletakkannya, di input pertama, yang terakhir, atau keduanya?

Sebagai pengembang, jawaban yang jelas adalah yang terakhir, karena setiap pengguna harus memasukkan nama pengguna, lalu kata sandi lalu tekan enter. Jadi dalam kasus Anda, Anda mendengarkan Enter untuk input terakhir, tetapi apa yang terjadi jika pengguna menekan Enter pada input pertama (nama pengguna satu)? Dari alasan konsistensi Anda harus mendengarkan kedua input, juga karena ada kasus di mana pengguna melihat dia melakukan kesalahan dan beralih kembali ke input nama pengguna.

Saya pikir jenis pengguna Anda akan lulus tes dan berhasil masuk, tetapi jenis bentuk ini tidak bagus untuk semua orang (Anda juga menyebut pengguna ponsel).

Contoh formulir masuk: http://www.smileycat.com/design_elements/login_forms/

4
Ecaterina Moraru

Pertama, saya sudah membahas ini melalui Twitter dan saya bukan seorang programmer, tetapi memiliki kemampuan IT yang memadai.

Proposisi menarik karena saya telah lama meninggalkan tombol Login ketika menggunakan situs web - sebagian besar yang saya gunakan tampak senang bagi saya untuk menekan enter.

Beberapa poin: Tes anak-anak sekolah itu menarik, meskipun saya menduga mereka akan menemukan bentuk web yang jauh lebih intuitif daripada pengguna dewasa, terutama mereka yang tidak menggunakan komputer (ZX/C64/BBC) tumbuh dewasa. Saya tahu beberapa teman saya yang akan menghabiskan beberapa saat (setidaknya) merenungkan tombol yang hilang - dan ini adalah orang-orang yang menggunakan komputer setiap hari untuk bekerja, tetapi hanya tahu cara bekerja aplikasi yang mereka gunakan.

Mengingat bahwa tombol tidak ada di sana, apa tindakan formulir ketika menekan Enter pada bidang nama pengguna? Atau kecil kemungkinannya, apa yang terjadi jika mereka telah memasukkan kata sandi terlebih dahulu dan menekan enter? Anda mungkin memerlukan sesuatu yang memiliki tindakan Tab hingga kedua bidang selesai.

Baru saja mengunci PC Windows saya (mesin kerja, saya tidak punya pilihan), masuk kembali, tombol password "login" kurang jelas dan tidak diberi label. Sekali lagi saya hanya menggunakan enter.

Ini dia, sudut pandang numpty;)

4
PawnSacrifice

Jika saya menemukan halaman seperti itu, saya mungkin berpikir bahwa situs web belum dimuat sepenuhnya, atau ada beberapa bug pada skrip sisi server. Mengapa berisiko mengambil risiko pengguna menavigasi jauh dari situs?

Juga, dalam pengujian Anda, apakah Anda menganggap bahwa Anda mungkin mendapatkan tingkat keberhasilan yang lebih tinggi daripada apa yang sebenarnya Anda dapatkan ketika situs ditayangkan? Ketika orang merasa bahwa mereka sedang diuji, mereka mungkin mengharapkan untuk mengatasi semacam tantangan (mis. Tombol masuk yang hilang) seolah-olah itu semacam tes IQ. Namun, jika mereka menggunakan browser web mereka sendiri di rumah, mereka mungkin akan memiliki pola pikir yang sama sekali berbeda dan akan bertindak secara berbeda (misalnya mereka tidak akan mengharapkan untuk mengatasi tantangan apa pun, dan pada kenyataannya mungkin mengharapkan yang sebaliknya. Mereka mungkin berharap bahwa situs web akan melakukan segala yang mungkin untuk mengakomodasi semua pengguna dan membuatnya mudah untuk masuk karena situs web jelas ingin banyak pengguna bahagia).

Pada dasarnya skenario pengujian Anda tidak 100% mirip dengan apa yang akan dialami pengguna sebenarnya (yaitu subjek Anda tahu bahwa mereka sedang diuji dan/atau menguji sesuatu), kecuali Anda dapat mereproduksi kondisi yang persis sama (yaitu tidak membiarkan subjek tahu bahwa ini adalah sebuah tes), Anda dapat menarik kesimpulan yang tidak akurat berdasarkan pengujian yang tidak akurat.

Saya tidak yakin persis bagaimana Anda melakukan tes Anda, tetapi hal lain yang mungkin mempengaruhi kualitas pengujian Anda adalah jika siswa lain melihat bahwa tidak ada orang lain yang memiliki masalah/pertanyaan dan mereka dapat masuk dengan baik. Ini dapat menyebabkan mereka mencoba hal-hal yang berbeda (mis. Tekan tombol 'kembali') sampai mereka mendapatkan hasil yang sama dengan rekan-rekan mereka. Jadi, Anda mungkin ingin mengisolasi subjek juga.

Pengujian yang akurat bisa menjadi tugas yang sangat sulit karena Anda harus memastikan bahwa semua variabel persis sama kecuali untuk variabel yang Anda uji. Dari sedikit waktu yang saya habiskan untuk memikirkan masalah ini, saya telah mengidentifikasi dua variabel tambahan yang dapat memengaruhi akurasi pengujian Anda. Mungkin ada tambahan yang belum saya pikirkan.

3
Senseful

Lakukan pengujian kegunaan dan cari tahu apa yang dilakukan pengguna. Saya mengerti itu proyek, tetapi jika itu penting, itu cukup penting untuk diuji.

3
Bryan

Lakukan Keduanya

Minta formulir dikirimkan sendiri segera setelah seseorang menekan Enter (dan kedua bidang telah diisi), dan juga memiliki tombol untuk menekan bagi orang yang mencintai menggunakan mouse.

Apa pun itu, pengguna Anda senang melakukan apa yang sudah biasa mereka lakukan.

3

Saya akan mengatakan hal terbaik untuk dilakukan adalah seperti ini:

mockup

nduh sumber bmml - Wireframes dibuat dengan Balsamiq Mockups

Anda juga dapat melakukan panah kecil di luar bidang teks, seperti selesai di layar masuk Windows 7 .

Anda mungkin ingin mengatur ulang tombol ... mungkin membuatnya berbaur ke dalam kotak teks sampai Anda mengarahkan kursor ke sana.

Satu-satunya downside adalah menjadi di dalam bidang kata sandi sulit untuk diedit jika Anda memiliki kata sandi yang panjang. Pastikan untuk tidak mengabaikan ini!

2

Pada akhirnya, seperti jawaban lain menyarankan Anda perlu bertanya siapa audiens Anda. Tes Anda pada anak-anak sekolah meskipun menarik sebenarnya tidak memberi Anda nilai yang cukup untuk mengatakan "Tes saya membuktikan itu tidak diperlukan".

Jika Anda harus menghapus tombol login, ini adalah beberapa hal yang harus Anda lawan:

  • Masalah Aksesibilitas
  • Apa yang diharapkan pengguna
  • Perangkat berbasis sentuhan di masa depan (Windows 7 dan Tablet)

Saya pribadi bekerja dengan Aplikasi Web di Flash Builder dan sebagai bagian dari bukti konsep, kami melalui pengujian kegunaan. Sebagai desainer/pengembang Anda tidak dapat meremehkan tingkat kecerdasan beberapa pengguna Anda. Sebagai aturan praktis, saya selalu mengatakan untuk memberi pengguna Anda apa yang mereka harapkan. Hanya dalam keadaan luar biasa Anda harus menjauh dari konvensi yang telah menjadi begitu banyak digunakan.

Jika diperlukan beberapa detik bagi pengguna untuk mengetahui apa yang harus dilakukan selanjutnya, Anda perlu mengevaluasi kembali bagaimana Anda telah mempresentasikan Antarmuka Pengguna.

Dengan teknologi layar sentuh menjadi lebih banyak digunakan, saya tidak dapat melihat pola khusus ini akan berubah dalam waktu dekat. Mungkin berevolusi tetapi inti kemungkinan besar akan tetap sama.

Sebagai rekomendasi, saya pribadi akan menjaga tombol login dan memungkinkan pengguna untuk menekan tombol enter untuk melanjutkan, termasuk tombol login yang dapat diklik menggunakan tab mouse melalui dan pilih tombol login menggunakan keyboard saja.

Itu kemudian mencakup pengguna tingkat lanjut Anda, aturan aksesibilitas dan pengguna IT Buta huruf Anda dengan mempertahankan pengaturan standar untuk layar login.

Sebagai catatan - Jawaban yang sangat baik oleh Rahul pujian!

2
Michael Henley

Salah satu yang menjadi perhatian adalah memastikan tidak mendapat terlalu banyak panggilan dukungan tentang perubahan tombol/desain yang hilang dan tidak membuat pengguna bingung.

Untuk mengatasinya, saya akan menambahkan pesan berikut

Press Enter key to login 

tepat di bawah bidang kata sandi.

Ini akan membantu pengguna (yang mungkin mengharapkan tombol masuk untuk mengklik untuk masuk) mengetahui bahwa mereka dapat menekan tombol masuk untuk masuk setelah membaca pesan. Ini mungkin aneh bagi mereka untuk pertama kalinya, tetapi mereka setidaknya tidak akan bingung dan meminta dukungan, dan lain kali mereka mengunjungi situs web, mereka akan tahu apa yang harus dilakukan.

Mata pengguna yang kuat akan mengabaikan pesan karena mereka sudah menggunakan tombol enter untuk login.

2
N30

Solusi tanpa tombol tidak akan memungkinkan pengguna melakukan 5 upaya masuk sebelum mengunci kata sandi mereka.

Oleh karena itu sistem Anda terbuka untuk serangan brute force karena seorang hacker dapat melakukan upaya tak terbatas untuk menebak kata sandi?

Anda bisa menambahkan logika ke logon untuk mencegah peretasan seperti itu, tetapi itu adalah sesuatu yang perlu Anda pertimbangkan.

2
Techboy

Saya tidak tahu bagaimana ini dirilis, tapi saya cukup tertarik dengan ini dan saya membuat halaman seperti screenshot Anda dan kemudian meminta istri saya untuk mencobanya.

dia berhasil masuk dengan baik tanpa harus meminta bantuan, tetapi saya perhatikan bahwa setelah mengetikkan kata sandinya, dia memilih untuk menggunakan mouse dan mulai mencari tombol. Hanya ketika dia tidak menemukannya, dia berhenti sejenak dan kemudian mencoba menekan balik, membiarkannya masuk.

Bertanya kepadanya apa yang dia pikirkan, dia pertama-tama mengatakan itu baik-baik saja dan normal, tetapi setelah menanyakan pendapatnya tentang tombol yang hilang, dia mengatakan bahwa dia sedikit bingung, tetapi berpikir bahwa jika dia menekan kembali, itu mungkin pindah ke layar berikutnya seperti saat Anda menginginkan halaman baru di Word.

Saya tidak sepenuhnya yakin apa yang dia maksud, tetapi hasilnya adalah dia berhasil masuk tanpa bantuan, meskipun dia menghabiskan waktu mencari tombol.

2
Rodger

Saya telah melihat jenis pendekatan yang serupa dalam perangkat lunak di mana mereka tidak memerlukan enter untuk memverifikasi kredensial. Setelah kredensial Anda dimasukkan dan Anda berhenti mengetik mereka memeriksa validitas kredensial tersebut secara instan.

Jika kredensial Anda salah, maka secara otomatis akan memunculkan pesan kesalahan yang sangat terlihat yang memberi tahu Anda apa yang salah dan Anda cukup memasukkan kembali atau mencoba kredensial baru dan proses berulang hingga Anda berhasil masuk.

2
Matt Warner

Saya akan mengatakan Anda perlu tombol masuk, karena beberapa alasan:

  1. Sebagian besar aplikasi yang saya gunakan mengembalikan fokus ke bidang pertama ketika Anda selesai memasukkan data di bidang terakhir. Sekarang, ini mungkin merupakan praktik lama yang telah diawasi oleh preferensi yang lebih baru, tetapi tentu saja itulah yang saya harapkan akan berperilaku.

  2. Dengan asumsi aplikasi Anda akan memiliki formulir lain, mereka cenderung lebih rumit daripada formulir masuk dan memerlukan kehadiran tombol SUBMIT, yang sebenarnya adalah semua tombol masuk Anda. Mengingat bahwa formulir-formulir ini akan membutuhkan tombol, masuk akal untuk memiliki tombol pada semua formulir, untuk menghindari kebingungan.

  3. Tidak semua browser memperlakukan kunci ENTER dengan cara yang sama. Sekali lagi, ini mungkin masalah sekolah-tua, tapi saya ingat ada masalah dengan bagaimana kunci ENTER berperilaku ketika hanya ada satu bidang. Pada beberapa browser, itu sama dengan SUBMIT, pada browser lain, tombol SUBMIT masih perlu diklik. Poin utamanya adalah, itu tidak dikontrol oleh aplikasi Anda, itu dikendalikan oleh browser. Jadi saya sudah lama belajar untuk tidak pernah berasumsi tentang kunci ENTER, dan untuk selalu mengandalkan SUBMIT. Sekali lagi, ini mungkin tidak lagi menjadi masalah, tetapi saya belum pernah memiliki masalah dengan berpegang pada prinsip ini, jadi saya tidak melihat alasan untuk berubah.

1

Untuk aplikasi web yang digunakan secara internal, kami menggunakan fitur masuk otomatis.

Pengguna cukup mengetik alamat atau mengklik favorit/bookmark brwoser dan mereka secara otomatis dikenali dan diizinkan masuk. Bagaimana kami melakukan ini, saya tidak yakin karena saya adalah desainer grafis setempat.

Mungkin itu dilakukan sebagai bagian dari admin yang membuat profil, keamanan, dan izin untuk karyawan yang dikenal? Mungkin dari IP mereka?

Sebagai seseorang yang secara rutin masuk ke aplikasi untuk memeriksa desain, itu bagus tidak harus masuk setiap saat.

Sekali lagi, saya seorang desainer sehingga mungkin ada beberapa hal yang tidak saya pertimbangkan, tetapi bagi karyawan terkenal yang bekerja di aplikasi internal, ini cukup bagus.

1
Tomas

Saya pikir jawabannya di sini adalah skrip. Jika pengguna tidak menekan enter dalam waktu yang telah ditentukan sebelumnya, maka beri tahu mereka bahwa mereka harus menekan enter untuk masuk, karena kemungkinan mereka belum menemukan jawabannya. Untuk beberapa orang yang menonaktifkan skrip, Anda dapat mendeteksi itu dalam beberapa cara dan memberi mereka tombol.

0
Ponkadoodle