Szablon logowania obsługuje 4 metody logowania: logowanie dostawcy, nazwę użytkownika i hasło, kod PIN i kod QR.
Metoda logowania dostawcy: ta metoda umożliwia użytkownikom logowanie się za pomocą dostawcy bez konieczności wprowadzania danych. W tym przykładzie (w przypadku Androida Auto) dostawcą podstawowej opcji logowania jest Google, a jako opcje dodatkowe można podać kod PIN i logowanie się e-mailem.Metoda z nazwą użytkownika i hasłem: ta metoda umożliwia użytkownikom wpisywanie danych uwierzytelniających w jednym, wymaganym polu formularza. W tym polu możesz wpisać nazwę użytkownika lub hasło. W tym przykładzie (w przypadku Androida Auto) pozostałe metody są oferowane jako opcje dodatkowe.
Metoda z kodem QR: ta metoda wyświetla wymagany przez aplikację kod PIN (o długości do 12 znaków) oraz instrukcje dotyczące wpisywania go. W razie potrzeby kod można odświeżyć, jeśli przekroczy limit czasu. (Przykład z Androidem Auto)Metoda z kodem PIN: ta metoda wyświetla wymagany przez aplikację kod PIN (o długości do 12 znaków) i instrukcje, jak go wpisać. W razie potrzeby kod można odświeżyć, jeśli przekroczy limit czasu. (przykład Androida Auto)
Przykładowe szablony logowania
Gdy zaparkowany samochód jest zaparkowany, użytkownik może wpisać nazwę użytkownika i hasło na klawiaturze. (Przykład z Androidem Auto)Gdy użytkownik kieruje samochód, treść logowania nie jest wyświetlana, aby nie rozpraszać kierowcy. W takich sytuacjach warto udostępnić przycisk z opcją alternatywną, np. pominięcie logowania i korzystanie z aplikacji w trybie gościa. (przykład Androida Auto)
Wymagania UX szablonu logowania
Deweloperzy aplikacji:
MUSI
Podczas korzystania z tego szablonu dodaj metodę logowania.
POWINNY
Używaj pól do wprowadzania danych tylko do logowania użytkownika, a nie do zbierania innych danych wejściowych użytkownika.
POWINNY
Nadaj priorytet najkrótszemu procesowi (z najmniejszą liczbą kliknięć).
[null,null,["Ostatnia aktualizacja: 2024-07-23 UTC."],[[["The Sign-in template provides options for users to sign in to the app while the car is parked, enhancing user experience and safety."],["Developers can choose from four sign-in methods: Provider sign-in, Username/password, PIN code, and QR code, offering flexibility in user authentication."],["The template includes customizable elements such as header, action strip, primary text, and buttons for branding and functionality."],["Sign-in content is hidden while driving to minimize distractions, with alternative options like guest mode for continued app usage."],["Developers must include at least one sign-in method and are encouraged to prioritize the shortest, most popular flow for optimal usability."]]],[]]