Mode login dua halaman dan cara memperbaikinya – Beragampengetahuan

mengapa kita melihat Formulir login dibagi menjadi beberapa layar di mana pun? Daripada memasukkan email dan kata sandi, kita harus memasukkan email, pergi ke halaman berikutnya dan masukkan kata sandi di sana. Hal ini tampaknya tidak efisien.

Mari kita lihat mengapa formulir login dibagi menjadi beberapa layar, masalah apa yang dipecahkannya, dan bagaimana merancang pengalaman yang lebih baik untuk pengalaman pengguna yang diautentikasi lebih baik (video).

Artikel ini adalah Bagian dari seri berkelanjutan kami Tentang pola desain. Ini juga merupakan segmen mendatang dalam perpustakaan video 10 jam tentang Pola Desain Antarmuka Cerdas 🍣 dan pelatihan UX langsung segera hadir. Gunakan kode BIRDIE untuk menghemat 15%.

Masalah formulir masuk

Satu hal yang telah kami pelajari di UX selama bertahun-tahun adalah bahwa mendesain untuk manusia itu sulit. Ini juga berfungsi untuk formulir login. orang-orang sangat pelupa. Mereka sering lupa alamat email atau layanan yang terakhir mereka gunakan (Google, Twitter, Apple, dll.)

Salah satu idenya adalah untuk mengingatkan pelanggan dengan apa terakhir kali mereka login, mungkin sebagai Opsi bawaan. Namun, ini secara langsung mengungkapkan akun pengguna, yang mungkin merupakan masalah privasi atau keamanan:

Bagaimana jika tidak ditampilkan? semua Selalu menawarkan pilihan kepada semua pelanggan kami, kami Dapatkan email terlebih dahulu, lalu temukan layanan apa yang terakhir mereka gunakan dan secara otomatis mengarahkan pelanggan ke tempat yang tepat? Ya, itulah ide di baliknya login 2 halaman.

Temui login 2 halaman

Anda mungkin pernah melihatnya. Jika beberapa tahun lalu kebanyakan form login meminta email dan password dalam satu halaman, kini lebih lumrah menanyakannya Hanya berlaku untuk email. Ketika pengguna memilih untuk melanjutkan, formulir akan meminta kata sandi pada langkah terpisah. Brad mengeksplorasi beberapa masalah dengan model ini.

Alasan umum untuk membagi formulir login antar halaman adalah Otentikasi sistem masuk tunggal (SSO).. Perusahaan besar sering menggunakan SSO untuk login perusahaan karyawan. Dengan itu, karyawan hanya perlu masuk sekali sehari dan hanya menggunakan satu set kredensial, sehingga meningkatkan keamanan bisnis.

Kompleksitas pengalaman pengguna dalam sistem masuk tunggal (SSO)

SSO juga dapat membantu kepatuhan terhadap peraturan, dan jauh lebih mudah untuk memberikan izin yang sesuai kepada pengguna dan segera mencabutnya nanti. Jadi jika ada karyawan yang keluar, seluruh akun dan datanya bisa langsung terhapus.

tiba Mendukung klien bisnis dan swasta, perusahaan menggunakan login dua langkah. Pengguna harus memasukkan email mereka terlebih dahulu dan kemudian validator memeriksa penyedia mana yang dikaitkan dengan email tersebut dan mengarahkan pengguna ke sana.

Pengguna jarang menikmati pengalaman ini. Terkadang mereka memiliki banyak akun (pribadi dan bisnis) di satu layanan. Selain itu, login dua langkah sering kali diperlukan Melanggar IsiOtomatis dan Pengelola Kata Sandi. Bagi sebagian besar pengguna, login/pass jauh lebih cepat daripada login dua langkah.

Tentu saja secara umum ada Halaman login bisnis khusus bagi karyawan untuk login, tapi biasanya mereka langsung masuk ke Gmail, Figma, dll dan mencoba login disana. Namun mereka tidak akan bisa login karena harus login melalui SSO.

intinya: Mode ini berfungsi dengan baik untuk pengguna SSO, tetapi untuk pengguna non-SSO hal ini menyebabkan masalah Pengalaman pengguna yang membuat frustrasi.

Solusi alternatif: Tampilkan SSO secara kondisional

ada satu Larutan Tantangan-tantangan ini (lihat gambar di bawah). Kita dapat menggunakan a Pencarian satu halaman Secara default, kolom input email dan kata sandi disertakan. Setelah pengguna memasukkan emailnya, kami mendeteksi apakah autentikasi SSO diaktifkan.

Jika sistem masuk tunggal (SSO) Aktifkan untuk email ini, kami menampilkan opsi sistem masuk tunggal dan defaultnya. Kami juga dapat menjadikan bidang kata sandi opsional atau dinonaktifkan.

jika Sistem masuk tunggal tidak diaktifkan Untuk email itu kita lanjutkan dengan login email/password biasa. Ini tidak terlalu merepotkan, namun menghemat masalah baik untuk akun pribadi maupun bisnis.

Poin utama

🤔 Orang sering lupa alamat email yang mereka gunakan untuk mendaftar.
🤔 Mereka juga lupa layanan otentikasi mana yang mereka gunakan untuk login.
🤔 Perusahaan menggunakan Single Sign-On (SSO) untuk login perusahaan.
🤔 Akun pribadi masih memerlukan email dan kata sandi untuk login.
✅ Login dua langkah: Minta email, lalu arahkan ke layanan yang benar.

✅ Login dua langkah menggantikan login “sosial” untuk pengguna duplikat.
✅ Ini memandu pengguna alih-alih menciptakan hambatan bagi mereka.
🤔 Pengguna masih lupa email yang mereka gunakan untuk login.
🤔 Terkadang pengguna memiliki banyak akun dengan satu layanan.
🚫 Login dua langkah sering kali merusak isi otomatis dan pengelola kata sandi.
🚫 Bagi sebagian besar pengguna, login/pass jauh lebih cepat daripada login dua langkah.

✅ LEBIH BAIK: Mulailah dengan satu halaman dengan login dan kata sandi.
✅ Deteksi apakah SSO diaktifkan untuk pengguna saat mereka mengetik email.
✅ Jika ya, tampilkan opsi login SSO dan tetapkan nilai default untuk itu.
✅ Jika tidak, silakan lanjutkan dengan login kata sandi biasa.
✅ Jika pengguna harus menggunakan SSO, nonaktifkan kolom kata sandi — jangan sembunyikan.

bungkus

Secara pribadi, saya belum menguji metode itu, tapi bisa jadi a Alternatif bagus untuk login dua halaman — Tersedia untuk pengguna SSO dan non-SSO. Tapi ingat, otentikasi SSO mungkin atau mungkin tidak Kata sandi diperlukan karena terkadang login melalui Yubikey atau Touch-ID atau pihak ketiga (seperti OAuth).

Selain itu, pengguna akhir akan dikunci; ini hanya masalah waktu. Jadi, pastikan untuk menggunakannya tautan ajaib Gunakan untuk pemulihan kata sandi atau pemulihan akses, tetapi jangan memaksakannya sebagai opsi login biasa. Peralihan antar aplikasi lambat dan menyebabkan kesalahan. Sebaliknya, pengguna didorong untuk mengaktifkan 2FA: ini dapat digunakan dan aman.

yang paling penting adalah, Uji alur login Anda Gunakan alat yang diandalkan pelanggan Anda. Jika mereka mengandalkan pengelola kata sandi atau alat keamanan untuk masuk, Anda mungkin akan terkejut mengetahui betapa buruknya pengalaman mereka. Semoga sukses untuk semuanya!

Sumber daya yang berguna

Memahami pola desain antarmuka yang cerdas

Jika Anda tertarik dengan wawasan serupa tentang pengalaman pengguna, lihatlah Pola desain antarmuka yang cerdaskita Kursus video 10 jam Berisi ratusan contoh praktis dari proyek kehidupan nyata – dengan pelatihan UX langsung yang akan hadir akhir tahun ini. Semuanya, mulai dari daftar drop-down besar hingga tabel perusahaan yang kompleks, dengan 5 segmen baru ditambahkan setiap tahun. Lompat ke pratinjau gratis.

Temui Pola Desain Antarmuka Cerdas, kursus video kami tentang desain antarmuka dan pengalaman pengguna.

100 pola desain dan contoh kehidupan nyata.
10 jam kursus video + pelatihan UX langsung. Pratinjau gratis.

Hasilkan $200 seminggu
Dikutip dari artikel di Smashing Magazine — Untuk Desainer dan Pengembang Web