Menggabungkan ilustrasi dan visual yang kaya saat memperkenalkan kunci sandi dapat membantu meringankan beban kognitif pengguna, dan membantu mendukung konten Anda sekaligus membuat pengalaman menjadi lebih menarik dan mudah dipahami.
Komponen desain
Kunci sandi dimaksudkan sebagai peningkatan pada produk atau layanan yang ada dan Anda harus memperkenalkannya menggunakan format yang sudah dikenal pengguna di platform Anda.
Misalnya, jika layanan Anda menggunakan iklan interstisial untuk menyampaikan info terbaru kepada pengguna, mirip dengan cara Akun Google memperkenalkan kunci sandi kepada pengguna saat login, pertimbangkan untuk menggunakan format iklan interstisial untuk memperkenalkan kunci sandi.
Atau, jika platform Anda biasanya memberi tahu pengguna tentang perubahan akun melalui modal pop-up, kolom notifikasi, atau gaya pemberitahuan lainnya, gunakan metode pemberitahuan yang sudah dikenal tersebut untuk memperkenalkan konsep kunci sandi. Pendekatan ini memastikan pengalaman yang konsisten dan mudah digunakan saat Anda meluncurkan fitur kunci sandi baru.
Membuat dialog kunci sandi yang deskriptif
Untuk tindakan terkait kunci sandi, daripada hanya tombol dengan pesan ajakan, buat perintah deskriptif yang kaya yang dapat menyampaikan lebih banyak informasi kepada pengguna. Hal ini dapat mencakup ilustrasi, judul, pesan, dan pesan ajakan (CTA).
Misalnya, untuk membuat kunci sandi bagi Akun Google, bukan hanya tombol “Buat kunci sandi”, ada layar interstitial dengan perintah tindakan “Sederhanakan login Anda”, penjelasan singkat tentang kunci sandi, dan ilustrasi yang menyertakan ikon kunci sandi serta berbagai metode membuka kunci layar perangkat.
Menggunakan ikon kunci sandi kanonis
Aliansi FIDO telah membuat ikon kunci sandi yang harus Anda gunakan saat merepresentasikan kunci sandi. Menggunakannya secara konsisten akan membantu pengguna mengenali kunci sandi dan menyederhanakan tindakan terkait kunci sandi.
Gunakan ikon kunci sandi di UI Anda:
- Untuk merepresentasikan konsep kunci sandi dalam proses aktivasi atau perintah lain untuk mendorong pengguna membuat kunci sandi atau mengupgrade ke kunci sandi untuk login yang lebih aman.
- Di tombol atau link yang memungkinkan pengguna login dengan kunci sandi.
- Dalam setelan untuk membantu mengidentifikasi kunci sandi yang dapat diedit atau dihapus.
Warna ikon dapat diubah agar sesuai dengan skema warna produk, merek, atau antarmuka pengguna Anda.
Menampilkan “kartu kunci sandi” dalam setelan akun
Tidak seperti sandi, yang merupakan kombinasi huruf, angka, dan simbol yang nyata, kunci sandi sebagian besar tidak terlihat oleh orang. Menyediakan ruang untuk kartu kunci sandi di setelan akun. Di dalam kartu, sertakan ikon kunci sandi, informasi tentang kunci sandi seperti kapan dan di ekosistem mana kunci sandi dibuat, kapan terakhir kali digunakan, dan opsi untuk mengelola kunci sandi. Jika seseorang memiliki dua atau lebih kunci sandi, setiap kunci sandi harus memiliki kartunya sendiri.
