Panduan desain untuk kode akses

Ada 14 pola desain untuk kode akses. Anda dapat memulai dengan dua pola penting, lalu menambahkan pola opsional ke penyebaran kode akses Anda berdasarkan kebutuhan bisnis unik Anda.

Pola penting

Dua pola penting (dasar) adalah bahwa:

• Pengguna harus terlebih dahulu membuat kode akses (dan melihat/mengelolanya),
• dan kemudian pengguna dapat masuk dengannya.

Setiap peluncuran kode akses harus menggunakan pola-pola ini.

Pola 1: Membuat, melihat, dan mengelola kode akses di pengaturan akun

• Jika kode akses tidak ada untuk pengguna saat ini, maka tampilkan perintah pembuatan kode akses, seperti ini:

  

Pola 2: Masuk dengan kode akses

• Aktifkan isi otomatis dengan menambahkan autocomplete="webauthn" ke bidang input nama pengguna Anda.
• Mendukung fallback yang anggun ke metode masuk lainnya. Izinkan pengguna memasukkan beberapa kredensial yang berbeda (bukan kode akses) untuk masuk atau membuat akun.
• Penelitian mengeksplorasi keberhasilan dan kepuasan pengguna dengan: tautan "Masuk dengan kode akses" khusus, tombol, dan isi otomatis. Pengujian menunjukkan bahwa isi otomatis memastikan keberhasilan tertinggi bagi orang untuk masuk dengan kode akses.

Langkah 2.1: Halaman masuk

Langkah 2.2: Perintah masuk Passkey dengan layar kunci

Langkah 2.3: Keberhasilan masuk dengan Windows Hello

Teks, penelitian, dan peluncuran UI

Berikut adalah beberapa label dan frasa tombol yang diuji pengguna. Salin dan edit agar sesuai dengan kebutuhan Anda.

Dengan kode akses, Anda tidak perlu mengingat kata sandi yang kompleks.

Apa itu kode akses? Kode akses adalah kunci digital terenkripsi yang Anda buat menggunakan sidik jari, wajah, atau kunci layar Anda.

Di mana kode akses disimpan? Kunci sandi disimpan di pengelola kata sandi Anda, sehingga Anda dapat masuk di perangkat lain.

Penelitian menunjukkan bahwa pengguna Anda akan menghargai opsi untuk membuat kode akses untuk akun mereka kapan saja dalam alur kerja pengaturan akun. Kandidat menjelaskan UI pengaturan akun sebagai tempat yang intuitif dan berguna untuk mempelajari dan memperbarui pengaturan autentikasi secara proaktif.

Penelitian ini juga menunjukkan bahwa pengguna berusaha memahami sifat dan nilai kode akses. Penjelasan yang samar atau teknis sering membingungkan mereka dan mengarahkannya untuk meninggalkan pembuatan kode akses. Ikonografi biometrik yang akrab, dan pesan singkat yang membandingkan kode akses dengan teknologi yang diketahui, paling efektif dalam memberikan tingkat informasi yang tepat. Untuk pengguna yang sudah memiliki kode akses, kartu akses memberi mereka objek yang salah di antarmuka yang kemudian mereka visualisasikan dan kemudian menemukan di antarmuka pengaturan akun Anda. Mereka menggunakannya untuk mendapatkan informasi yang dapat ditindak lanjuti tentang kode akses.

Di beranda Anda, kami sarankan Anda menawarkan satu keseimbangan untuk proses masuk dan pembuatan akun. Penelitian menunjukkan bahwa tindakan membuat akun lebih dapat ditemukan dengan cara itu, daripada memunculkan opsi pembuatan akun setelah pengguna masuk. Selain itu, beberapa pengguna melaporkan bahwa terkadang mereka tidak yakin apakah mereka memiliki akun—sehingga tombol multiguna melayani kebutuhan mereka.

Peluncuran

Kode akses mungkin memerlukan dukungan perangkat keras atau perangkat lunak tertentu di perangkat pengguna. Pastikan pengguna mengetahui persyaratan kompatibilitas untuk menggunakan kode akses, dan memberikan panduan tentang perangkat dan browser yang kompatibel termasuk Windows dan Edge.

Dalam konteks aplikasi seluler asli, masuk dengan kode akses berbeda dari pengalaman masuk biometrik yang telah ada selama bertahun-tahun. Masuk dengan kode akses memerlukan ketukan tambahan.

Sedangkan untuk keamanan, implementasi mungkin dengan lancar kembali ke email OTP. Opsi fallback anggun yang Anda pilih harus sesuai dengan tujuan unik Anda untuk keamanan dan bisnis. Jadi rencanakan UI dan UX Anda dengan sesuai.

Untuk penyedia layanan, Anda dapat memilih peluncuran bertahis di mana awalnya pengguna hanya dapat membuat kode akses dari pengaturan akun mereka. Kemudian, saat Anda mengumpulkan data tentang pengalaman masuk passkey yang unik untuk kebutuhan pengguna Anda, Anda dapat meningkatkan jumlah tempat di mana kode akses dapat dibuat, termasuk selama pembuatan akun. Dan Anda harus mengembangkan rencana komunikasi untuk mendidik pengguna tentang ketersediaan kode akses, dan manfaatnya. Untuk menjangkau pengguna secara efektif, Anda dapat memanfaatkan beberapa saluran komunikasi (pemberitahuan dalam aplikasi, email, dan sumber daya bantuan online) yang selaras dengan tujuan unik Anda.

Pola opsional

Untuk informasi tentang pola opsional, lihat Pola opsional.

Langkah berikutnya

Selanjutnya, lihat Kasus penggunaan untuk kode akses.

Info lebih lanjut

• Pengantunan kode akses
• Passkeys.dev
• Memulai Perjalanan Tanpa Kata Sandi Anda di situs web FIDO Alliance