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

Geçiş anahtarlarını tanıtırken çizimler ve zengin görseller kullanmak, kullanıcıların bilişsel yükünü azaltmaya yardımcı olabilir. Ayrıca, deneyimi daha ilgi çekici ve anlaşılır hale getirirken içeriğinizi desteklemeye de yardımcı olabilir.

Tasarım bileşenleri

Geçiş anahtarları, mevcut ürün veya hizmetinizi geliştirmek için tasarlanmıştır. Bu nedenle, geçiş anahtarlarını platformunuzda kullanıcıların alışkın olduğu bir biçimde sunmanız gerekir.

Örneğin, hizmetinizde kullanıcılara güncellemeleri iletmek için geçiş reklamları kullanılıyorsa (Google Hesapları'nın oturum açma sırasında kullanıcıları geçiş anahtarlarıyla tanıştırdığı gibi) geçiş anahtarlarını tanıtmak için geçiş reklamı biçimini kullanmayı düşünebilirsiniz.

"Geçiş anahtarlarıyla daha hızlı oturum açın" başlıklı kartın bulunduğu TrailBlazer açılış sayfası
Trailblazer uygulamasında geçiş anahtarı geçiş reklamı oluşturun.

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

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

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

Geçiş anahtarıyla ilgili işlemler için harekete geçirici mesaj içeren düğmeler yerine, kullanıcılara daha fazla bilgi verebilecek zengin açıklayıcı istemler oluşturun. Bunlar arasında resimler, başlık, mesaj ve harekete geçirici mesaj yer alabilir.

Örneğin, Google Hesapları için geçiş anahtarı oluşturmak üzere yalnızca "Geçiş anahtarı oluştur" düğmesi yerine, "Oturum açma işlemini basitleştirin" şeklinde harekete geçirici mesaj içeren bir geçiş reklamı, geçiş anahtarlarıyla ilgili kısa bir açıklama ve geçiş anahtarı simgesinin yanı sıra cihaz ekranını kilidini açmanın çeşitli yöntemlerini içeren bir görsel gösterilir.

Geçiş anahtarları için kayıt mesajının yer aldığı Google Hesapları sayfasının ekran görüntüsü.
Google Hesapları'ndaki geçiş anahtarı oluşturma sayfası

Standart geçiş anahtarı simgesini kullanma

FIDO Birliği, geçiş anahtarlarını temsil ederken kullanmanız gereken bir geçiş anahtarı simgesi oluşturdu. Bu ifadeyi 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üzde geçiş anahtarları simgesini kullanın:

  • Kullanıcıları geçiş anahtarı oluşturmaya veya daha güvenli oturum açma için geçiş anahtarına yükseltmeye teşvik etmek amacıyla, geçiş anahtarı kavramını ilk katılım veya diğer istemlerde göstermek için kullanılır.
  • Kullanıcıların geçiş anahtarıyla oturum açmasına izin veren düğmelerde veya bağlantılarda
  • Düzenlenebilen veya silinebilen geçiş anahtarlarını belirlemeye yardımcı olmak 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ını" gösterme

Harf, rakam ve sembollerin somut kombinasyonları olan şifrelerin aksine, geçiş anahtarları kullanıcılar için büyük ölçüde görünmezdir. Hesap ayarlarında 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 yer alır. Bir kullanıcının iki veya daha fazla geçiş 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ü.
Trailblazer güvenlik ayarları sayfasındaki geçiş anahtarı ayarlarında her geçiş anahtarıyla ilgili ayrıntılı bilgiler gösterilir.