Uwzględniając ilustracje i atrakcyjne treści wizualne podczas wprowadzania kluczy dostępu, możesz zmniejszyć obciążenie poznawcze użytkowników, a także wesprzeć Twoje treści, a jednocześnie zwiększyć ich atrakcyjność i zrozumiałość.
Komponenty projektu
Klucze dostępu mają stanowić uzupełnienie dotychczasowego produktu lub usługi i należy wprowadzić je w formacie, który użytkownicy są już przyzwyczajeni do korzystania z Twojej platformy.
Jeśli np. Twoja usługa używa reklam pełnoekranowych do przekazywania aktualizacji użytkownikom, tak jak konta Google przedstawiają użytkownikom klucze dostępu podczas logowania, rozważ wprowadzenie kluczy dostępu w formacie pełnoekranowym.
![Strona docelowa aplikacji TrailBlazer z kartą „Loguj się szybciej dzięki kluczom dostępu”](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/trailblazer-landing-page.png?authuser=19&hl=pl)
Jeśli Twoja platforma zwykle informuje użytkowników o zmianach na koncie w wyskakujących okienkach, paskach powiadomień lub w innych stylach alertów, możesz też zastosować te znane metody powiadomień, aby przedstawić koncepcję kluczy dostępu. Takie podejście zapewnia spójną i przyjazną dla użytkownika obsługę podczas wdrażania nowej funkcji kluczy dostępu.
![Wyskakujące okienko z prośbą o użycie kluczy, aby hasła były szybsze i bezpieczniejsze.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/passkey-pop-up.png?authuser=19&hl=pl)
Utwórz opisowy prompt dla klucza dostępu
W przypadku działań związanych z kluczami dostępu zamiast przycisków z wezwaniem do działania twórz rozbudowane prompty opisowe, które mogą przekazać użytkownikom więcej informacji. Mogą to być ilustracje, nagłówek, przekaz i wezwanie do działania.
Na przykład do tworzenia klucza dostępu do kont Google zamiast przycisku „Utwórz klucz dostępu” pojawia się reklama pełnoekranowa z wezwaniem do działania „Uprość logowanie”, krótkim objaśnieniem kluczy i ilustracją zawierającą ikonę klucza i różne sposoby odblokowywania ekranu urządzenia.
![Zrzut ekranu strony kont Google z komunikatem o akceptacji kluczy dostępu.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/passkey-creation-page.png?authuser=19&hl=pl)
Korzystanie z ikony klucza dostępu kanonicznego
Zespół sojuszu FIDO utworzył ikonę klucza dostępu, której należy używać do przedstawiania kluczy. Konsekwentne korzystanie z nich pomoże użytkownikom rozpoznawać klucze i usprawnić działania związane z nimi.
![Ikona klucza dostępu kanonicznego.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/canonical-passkey-icon.png?authuser=19&hl=pl)
Użyj ikony kluczy dostępu w interfejsie:
- Aby przedstawić zasadę klucza dostępu we wprowadzeniu lub w innych promptach, aby zachęcić użytkowników do utworzenia kluczy dostępu lub przejścia na klucz dostępu w celu zapewnienia bezpieczniejszego logowania.
- w przyciskach lub linkach umożliwiających użytkownikom logowanie się przy użyciu klucza dostępu.
- W ustawieniach, aby ułatwić identyfikację kluczy dostępu, które można edytować i usuwać.
Kolor ikony możesz zmienić, aby pasowała do schematu kolorów produktu, marki lub interfejsu.
Wyświetl „karty kluczy dostępu” w ustawieniach konta
W przeciwieństwie do haseł, które są namacalnymi kombinacjami liter, cyfr i symboli, klucze dostępu są w dużej mierze niewidoczne. Przeznacz miejsce na kartę kluczy dostępu w ustawieniach konta. Karta zawiera ikonę klucza dostępu, informacje o kluczu, np. kiedy i w jakim ekosystemie został on utworzony, kiedy był ostatnio używany oraz opcje zarządzania kluczem. Jeśli ktoś ma 2 lub więcej kluczy dostępu, każdy klucz powinien mieć własną kartę.
![Zrzut ekranu z ustawieniami kluczy dostępu na stronie ustawień zabezpieczeń Trailblazer.](https://developers-dot-devsite-v2-prod.appspot.com/static/identity/passkeys/ux/user-interface-design/images/trailblazer-security-settings.png?authuser=19&hl=pl)