Şifre anahtarları kullanıcı arayüzü tasarımı

Geçiş anahtarlarını kullanırken çizimler ve zengin görsellere yer vermek, kullanıcıların bilişsel yükünü hafifletmeye ve içeriğinizi desteklemeye devam ederken deneyimi daha ilgi çekici ve anlaşılır hale getirmeye yardımcı olabilir.

Tasarım bileşenleri

Geçiş anahtarları, mevcut ürün veya hizmetinizi geliştirmek amacıyla tasarlanmıştır. Bu anahtarları, kullanıcıların platformunuzda alışkın olduğu bir biçim kullanarak tanıtmanız gerekir.

Örneğin, hizmetiniz kullanıcılara güncellemeleri iletmek için geçiş reklamları kullanıyorsa (Google Hesapları'nın oturum açma sırasında kullanıcılara geçiş anahtarlarını tanıtmasına benzer şekilde) geçiş anahtarı sunmak için geçiş reklamı biçimi kullanabilirsiniz.

"Geçiş anahtarlarıyla daha hızlı oturum açın" başlıklı bir kart içeren TrailBlazer açılış sayfası
Öncü uygulamasında bir geçiş anahtarı geçiş reklamı oluşturun.

Alternatif olarak, platformunuz kullanıcıları hesap değişiklikleri konusunda genellikle pop-up mesajları, bildirim çubukları veya diğer uyarı stilleri aracılığıyla bilgilendiriyorsa geçiş anahtarı kavramını tanıtmak için bu bilinen bildirim yöntemlerini kullanın. Bu yaklaşım, yeni geçiş anahtarı özelliğini kullanıma sunarken tutarlı ve kullanıcı dostu bir deneyim sunar.

Kullanıcının daha hızlı ve daha güvenli şifreler için geçiş anahtarı kullanmasını öneren pop-up.
Bir bankacılık uygulamasında geçiş anahtarı pop-up'ı oluşturun.

Açıklayıcı bir geçiş anahtarı istemi oluşturun

Geçiş anahtarlarıyla ilgili işlemler için sadece harekete geçirici mesaj içeren düğmeler yerine, kullanıcılara daha fazla bilgi aktarabilen zengin açıklayıcı istemler oluşturun. Bu tür içeriklerde resimler, başlıklar, mesajlar ve harekete geçirici mesajlar yer alabilir.

Örneğin, Google Hesapları için geçiş anahtarı oluştururken yalnızca "Geçiş anahtarı oluştur" düğmesi yerine "Oturum açma işlemini kolaylaştırın" şeklinde bir harekete geçirici mesaj içeren geçiş reklamı yer alıyor. Bu geçişte, geçiş anahtarlarıyla ilgili kısa bir açıklama ve geçiş anahtarı simgesi ile cihaz ekranının kilidini açmak için kullanılan çeşitli yöntemlerin yer aldığı bir görsel yer alıyor.

Geçiş anahtarları için etkinleştirme mesajı içeren Google Hesapları sayfasının ekran görüntüsü.
Google Hesaplarında geçiş anahtarı oluşturma sayfası

Standart geçiş anahtarı simgesini kullanma

FIDO ortaklığı, geçiş anahtarlarını temsil ederken kullanmanız gereken bir geçiş anahtarı simgesi oluşturdu. Bu API'yi tutarlı bir şekilde kullanmak, kullanıcıların geçiş anahtarlarını tanımasına ve geçiş anahtarlarıyla ilgili işlemleri kolaylaştırmasına yardımcı olur.

Standart geçiş anahtarı simgesi.

Kullanıcı arayüzünüzdeki geçiş anahtarları simgesini kullanın:

  • Kullanıcıları geçiş anahtarı oluşturmaya veya daha güvenli bir oturum açma işlemi için geçiş anahtarına yükseltmeye teşvik etmek amacıyla ilk katılımda veya diğer istemlerde geçiş anahtarı kavramını temsil eder.
  • Kullanıcıların geçiş anahtarıyla oturum açmasına olanak tanıyan düğmelerde veya bağlantılarda
  • Düzenlenebilen veya silinebilen geçiş anahtarlarını belirlemeye yardımcı olması için ayarlarda.

Simge rengi; ürününüzün, markanızın veya kullanıcı arayüzünüzün renk şemasına uyacak şekilde değiştirilebilir.

Hesap ayarlarında "geçiş anahtarı kartları" gösterilmelidir

Harflerin, sayıların ve sembollerin somut kombinasyonları olan şifrelerden farklı olarak şifre anahtarları kullanıcılar tarafından büyük ölçüde görünmez. Hesap ayarlarında bir geçiş anahtarı kartı için yer ayırın. Kartın içinde geçiş anahtarı simgesi, geçiş anahtarıyla ilgili bilgiler (ör. ne zaman ve hangi ekosistemde oluşturulduğu, en son ne zaman kullanıldığı) ve geçiş anahtarını yönetme seçenekleri bulunur. Bir kullanıcının iki veya daha fazla şifre anahtarı varsa her geçiş anahtarının kendi kartı olmalıdır.

Trailblazer güvenlik ayarları sayfasındaki geçiş anahtarı ayarlarının ekran görüntüsü.
Öncü güvenlik ayarları sayfasındaki geçiş anahtarı ayarları her geçiş anahtarı hakkında ayrıntılı bilgi gösterir.

Sıradaki

Geçiş anahtarları kullanıcı yolculukları