Szablon stron logowania/rejestracji
Ten szablon przedstawia pełny przepływ uwierzytelnienia użytkownika, w tym logowanie, rejestrację oraz procesy odzyskiwania hasła. Projekt stawia na przejrzystość i łatwość obsługi w różnych stanach uwierzytelnienia.
Sekcja logowania
Pola do wprowadzenia adresu e-mail i hasła
Opcja "Zapamiętaj mnie"
Link "Zapomniałeś hasła?"
Opcja autoryzacji społecznościowej (Google)
Nawigacja do strony rejestracji dla nowych użytkowników
Sekcja Rejestracji
Nagłówek "Utwórz swoje konto" z jasnymi instrukcjami
Pola do wprowadzenia e-maila i hasła
Opcja subskrypcji newslettera ("Otrzymuj informacje, aktualizacje i oferty")
Pole potwierdzenia zgody na Warunki Usługi i Politykę Prywatności
Alternatywna opcja autoryzacji społecznościowej (Google)
Nawigacja do strony logowania dla istniejących użytkowników
Przebieg Odzyskiwania Hasła
Ekran Zapomnianego Hasła
Pole e-mail
Jasne instrukcje odzyskiwania hasła
Przycisk resetowania hasła
Ekran potwierdzenia e-maila
Powiadomienie o wysłaniu instrukcji odzyskiwania
Instrukcje dotyczące sprawdzenia folderu spam
Opcja ponownego wysłania e-maila weryfikacyjnego
Tworzenie nowego hasła
Wyraźnie określone wymagania dotyczące hasła (8+ znaków, inne niż poprzednie)
Pola wprowadzenia hasła i potwierdzenia hasła
Przycisk potwierdzenia resetu hasła
Uwierzytelnianie dwuskładnikowe
Interfejs wprowadzania kodu weryfikacyjnego
Wyświetlanie zamaskowanego numeru telefonu (***453)
Opcja ponownego wysłania kodu
Przycisk kontynuacji
Elementy nawigacyjne
Wszystkie ekrany zawierają opcję powrotu do głównej strony logowania
Wyraźne rozróżnienie między działaniami podstawowymi a opcjami pomocniczymi
Spójny układ w różnych stanach
Ten szablon wireframe dostarcza kompleksowy wzorzec do wdrożenia bezpiecznej autoryzacji użytkownika przy jednoczesnym zachowaniu czystego, przyjaznego dla użytkownika interfejsu.
Pozdrawiam!
Khawaja Rizwan
