Wprowadzenie i uwierzytelnianie użytkownika to jedne z najczęstszych ścieżek użytkownika, które są często porzucane i frustrujące. To pierwsze wrażenie użytkownika na temat Twojej aplikacji, dlatego musisz zadbać o to, aby było ono pozytywne i aby użytkownik miał wygodę i zaufanie. Niezależnie od tego, czy projektujesz logowanie, rejestrację użytkownika czy samouczek wprowadzający, poniższe wskazówki pomogą Ci stworzyć idealne wrażenia.
Wnioski
- Stwórz doskonałe wprowadzenie.
- Aby zwiększyć zaufanie użytkowników, ich wygodę i znajomość aplikacji, używaj dostępnych bibliotek, takich jak klucze dostępu.
- Zbieraj tylko najważniejsze informacje o użytkownikach.
- Używaj jasnego i pomocnego języka.
- Uporządkuj i wyjaśnij wartość funkcji oraz powody, dla których potrzebne są uprawnienia.
Rozpocznij
Zbieraj informacje: zastanów się, co użytkownik musi skonfigurować, czego się nauczyć i co autoryzować.
W aplikacji czy przed jej uruchomieniem: podziel wszystko na to, co trzeba zrobić przed użyciem aplikacji, i na to, co trzeba zrobić podczas korzystania z niej. Unikaj utrudnień, które mogą zniechęcić użytkowników do korzystania z treści aplikacji. Zastanów się, czy treści i interakcje lepiej sprawdzą się jako prośba czy jako element edukacyjny.
W przypadku elementów kontekstowych podaj wyjaśnienie i, jeśli to możliwe, działanie.
Kroki i informacje, które są niezbędne do ukończenia przed użyciem aplikacji, podziel na logiczne etapy. Zazwyczaj musisz pokazać wartość aplikacji, zanim poprosisz o uprawnienia do urządzenia lub utworzenie konta. Zawsze po propozycji wartości wykonaj działanie.
Jeśli Twoja aplikacja wymaga konta, zdecyduj się na metody uwierzytelniania. Klucze dostępu mogą zmniejszyć obawy użytkowników i ułatwić zarządzanie kontem.
Podaj metody odzyskiwania.
Pokaż postępy użytkownika. Możesz użyć komponentów takich jak kroki, pagery lub wskaźnik postępu.
Ścieżki użytkownika
Wyjątkowe wprowadzenie daje poczucie osiągnięcia celu i ma wyraźny charakter. Pomaga użytkownikom odnaleźć się w aplikacji dzięki przejrzystym wzorcom, które ułatwiają konfigurację, przyznawanie uprawnień i śledzenie postępów. Wszystko to podczas korzystania z marki i koncepcji aplikacji.
Umiejscowienie punktu wejścia
Umiejscowienie powitalne wstępnie wczytuje wszystkie informacje dla użytkownika i konfigurację aplikacji. To podejście jest idealne, gdy Twoja aplikacja wymaga rejestracji użytkownika, aby uzyskać dostęp do treści, gdy nie można wyświetlić podglądu treści lub gdy nauka w kontekście nie jest odpowiednia. Główną zaletą jest to, że użytkownicy od razu wiedzą, jak korzystać z aplikacji, i szybciej uzyskują pełny dostęp. Jednak znaczną wadą jest większe ryzyko utraty użytkowników, zanim zdążą oni poznać aplikację. Można je jednak zmniejszyć, udostępniając wstępne informacje o treściach, jak pokazano na ilustracji poniżej.
Kontekstowe lub w odpowiednim momencie wprowadzanie w aplikacji zapewnia większą elastyczność w zakresie znajomości treści, rejestracji i nauki. Umożliwia stosowanie wzorców takich jak przygotowanie do przyznania uprawnień, w których prośby są wysyłane w odpowiednim momencie. Najlepiej sprawdza się to, gdy chcesz udostępnić podgląd, aby zachęcić do rejestracji, lub gdy wolisz podzielić rejestrację i naukę na mniejsze, łatwiejsze do zapamiętania i zarządzania kroki. Umożliwia to też użytkownikowi naukę podczas wykonywania zadań i zwiększa szanse na utrzymanie użytkownika.
Rejestracja / Zapisanie się
Proces rejestracji lub zapisania się pomaga użytkownikom utworzyć konto w Twojej aplikacji. Zastanów się, czy Twoja aplikacja wymaga rejestracji użytkowników przed użyciem, czy też mogą oni uzyskać dostęp do określonego poziomu treści i funkcji.
Aby zoptymalizować proces rejestracji, zbieraj tylko minimalne informacje potrzebne na początku, takie jak adres e-mail i hasło, lub połącz kroki, aby zmniejszyć trudności. Zbieranie tylko najważniejszych informacji, takich jak nazwa użytkownika do weryfikacji, pozwala uniknąć przytłoczenia użytkownika opcjami. W przypadku dłuższych procesów podziel je na kilka ekranów, ale nie przesadzaj z liczbą ekranów, na których znajduje się tylko 1 pole do wprowadzania danych. Upewnij się, że wymagania dotyczące haseł są jasne i logiczne.
Zaloguj się
Powracający użytkownicy muszą mieć możliwość ponownego zalogowania się na swoje konto. Logowanie powinno być szybkie i dyskretne. Jeśli Twoja aplikacja wymaga tylko uwierzytelnienia kont, rozważ połączenie rejestracji i logowania za pomocą metody logowania jednokrotnego.
Skuteczne procesy logowania powinny priorytetowo traktować wygodę użytkownika, wdrażając nowoczesne wzorce uwierzytelniania. Obejmuje to wyświetlanie próśb o uwierzytelnienie biometryczne i automatyczne wypełnianie, aby zmniejszyć obciążenie poznawcze i ilość ręcznie wprowadzanych danych.
Samouczek wprowadzający i dostosowywanie
Zanim wdrożysz pełny samouczek, dokładnie sprawdź, czy Twoja aplikacja go potrzebuje. Często złożone funkcje można wprowadzić bardziej naturalnie za pomocą subtelnych wskazówek wizualnych lub podpowiedzi w kontekście, które nie zakłócają początkowego procesu użytkownika.
Jeśli wymagane są uprawnienia do urządzenia, użyj „przygotowania do przyznania uprawnień”, aby wyjaśnić wartość żądanego dostępu. Najskuteczniejsze jest to, gdy robisz to w konkretnym momencie, a nie jako zbiorcze żądanie na początku korzystania z aplikacji.
Tak
Nie
Gdy zachęcasz do rejestracji, prezentując funkcje aplikacji, zastanów się, czy podgląd rzeczywistych treści będzie bardziej przekonujący niż seria statycznych slajdów. Jeśli używasz samouczka, zawsze upewnij się, że jest dostępna wyraźna i trwała opcja pominięcia lub natychmiastowego zalogowania się.
Umożliwiaj pominięcie i wznowienie później, np. przez zapisywanie postępów w pamięci podręcznej. Umożliwienie zapisywania tworzy punkt kontrolny, dzięki czemu użytkownicy z większym prawdopodobieństwem wrócą do miejsca, w którym skończyli, zamiast całkowicie zrezygnować. Zawsze jasno informuj, co się stanie z postępami, aby uspokoić użytkowników.
Wskazówki wizualne w postaci kroków i wskaźników postępu pomagają określić oczekiwania użytkowników. Te elementy jasno informują o liczbie pozostałych kroków, co zmniejsza współczynnik porzuceń podczas dłuższych procesów wprowadzania lub konfiguracji.
Tak
Nie
Regeneracja
Procesy odzyskiwania powinny być projektowane z empatią i poszanowaniem prywatności użytkowników. Nigdy nie zakładaj, że użytkownik zawsze będzie postępował zgodnie z oczekiwaniami. Upewnij się, że użytkownicy mają jasne ścieżki do naprawiania błędów bez frustracji.
Tak
Nie
Jeśli Twoja aplikacja wymaga określonej nazwy użytkownika, udostępnij metody, które pomogą użytkownikom ją zapamiętać lub zresetować.
Tak
Nie
Chociaż wstępne wypełnianie niektórych pól, takich jak adres e-mail, może być wygodne podczas rejestracji, informacje poufne, takie jak hasła, nigdy nie powinny być wstępnie wypełniane podczas procesu odzyskiwania lub resetowania. Zawsze domyślnie maskuj poufne dane wejściowe, aby chronić prywatność użytkowników w miejscach publicznych.
SSO / Klucze dostępu
Integracja z ustalonymi bibliotekami, takimi jak klucze dostępu i dostawcy logowania jednokrotnego (SSO), zwiększa zaufanie i zapewnia płynne, znane wrażenia. Te systemy umożliwiają użytkownikom korzystanie z istniejącego sprzętu zabezpieczającego i danych logowania, aby bezproblemowo korzystać z Twojej aplikacji.
Układy i komponenty
Podczas projektowania formularzy uwierzytelniania ważne jest, aby używać kontenerów, grupując podobne i powiązane wpisy, np. umieszczając pola „Imię” i „Nazwisko” blisko siebie. Ułatwia to projektowanie elastycznych układów, które można zmieniać.
Unikaj tworzenia długich formularzy z przewijaniem, które są głównym źródłem frustracji użytkowników.
Zanim dodasz jakiekolwiek pole do wprowadzania danych, dokładnie sprawdź, czy te informacje są naprawdę potrzebne. Jeśli użytkownik przypadkowo wyjdzie z rozbudowanego formularza, a Ty będziesz wymagać od niego ponownego wprowadzenia wszystkich informacji, może to prowadzić do wysokiego współczynnika porzuceń.
Tak
Nie
Rozwinięte układy
Podczas dostosowywania układów do widoków rozwiniętych lub poziomych projektanci muszą zadbać o to, aby interfejs użytkownika był użyteczny i estetyczny. W szczególności unikaj rozciągania komponentów interaktywnych, takich jak przyciski, na całą szerokość ekranu, ponieważ może to wyglądać nienaturalnie i zmniejszać użyteczność.
Zamiast tego nadal stosuj zasady domykania, ustawiając maksymalną rozsądną szerokość elementów formularza i bloków treści, aby zachować czytelność i równowagę wizualną na większych ekranach.
Nie
Komponenty edukacyjne dla użytkowników
Podczas wprowadzania użytkowników w nowe funkcje i samouczki możesz używać różnych komponentów. Rozbudowane etykietki i okna dialogowe mogą pomóc w wyróżnieniu funkcji i edukowaniu użytkowników w aplikacji. Arkusze mogą zapewnić stan pośredni do prezentowania treści wprowadzających i edukacyjnych.
Inne rodzaje urządzeń
Wprowadzenie może obejmować przekazywanie urządzenia do użytku na różnych urządzeniach i dłuższe korzystanie z aplikacji.
Aplikacja mobilna może zapewniać wygodniejszy sposób zarządzania uwierzytelnianiem, dlatego wprowadzenie może pochodzić z innych rodzajów urządzeń. Na przykład użytkownik może dokończyć logowanie na urządzeniu mobilnym, które zostało zainicjowane w aplikacji TV Google TV.
Jeśli Twoja aplikacja ma rozszerzone działania na innych urządzeniach, takich jak okulary AI lub Wear OS, wyświetlaj prośby o odkrywanie i informacje dla użytkowników, aby ich wprowadzić. Dowiedz się więcej o projektowaniu wprowadzenia do okularów z AI.
UX Writing
Używaj nieinwazyjnych mechanizmów opinii, takich jak paski powiadomień i powiadomienia typu toast, aby potwierdzać działania użytkowników lub przekazywać krótkie informacje o stanie. Dzięki temu użytkownik będzie informowany o stanie systemu bez konieczności zamykania okien modalnych w przypadku drobnych informacji.
Ton
Ton Twoich tekstów w przypadku błędów jest bardzo ważny. Unikaj języka, który może wyśmiewać lub frustrować użytkownika. Używaj jasnych, pomocnych i zachęcających tekstów, które skupiają się na rozwiązaniu, a nie na błędzie, zwłaszcza w sytuacjach stresowych, takich jak odzyskiwanie hasła.
Zasób
Więcej informacji o szablonach wprowadzających, ścieżkach użytkownika i materiałach edukacyjnych dla użytkowników znajdziesz w zestawie Android Onboarding Figma Kit.