Spis treści

30 lipca 20202 min.
Max Cyrek
Max Cyrek
Aktualizacja wpisu: 20 marca 2024

Logowanie i rejestracja – dowiedz się jak zaprojektować te formularze i poznaj dobre standardy

Logowanie i rejestracja – dowiedz się jak zaprojektować te formularze i poznaj dobre standardy

Doświadczenie użytkownika ze stroną powinno być dobre od samego początku. Dotyczy to także rejestracji i logowania – etapów szczególnie ważnych na drodze pozyskania klienta. Jak zaprojektować te funkcje, aby przekonać użytkownika do pozostania z Tobą na dłużej? 

Logowanie i rejestracja – wskazówki z zakresu UX

Logowanie i rejestracja to niezwykle ważne elementy każdej strony Internetowej. Korzystanie z nich może (i powinno!) być intuicyjnie proste.  O czym warto pamiętać, by nie komplikować użytkownikowi tych czynności?

Unikaj określeń sign up i sign in

Jeśli prowadzisz stronę po angielsku, zrezygnuj z tych określeń, bo są po prostu zbyt podobne i przez to mylące. Lepszym wyborem będą login i sign up. Opcję tę wybrał np. Brand24.

Pozwól zalogować się przez social media

Jedno kliknięcie zamiast wypełnienia całego formularza? Prawie każdy użytkownik woli takie rozwiązanie, dlatego warto zaoferować taką możliwość. Co jednak istotne, pozwól na to, ale nie nakazuj. Dla niektórych lepszym wyborem może być tradycyjny zapis przy użyciu maila.

Szukaj najbardziej intuicyjnych rozwiązań

Jeśli coś innego niż e-mail lub social media wydaje się bardziej na miejscu, wprowadź to. Np. Uber oferuje możliwość zalogowania się za pomocą telefonu, co ma dużo sensu, bo i tak korzystamy z tej aplikacji właśnie przez telefon.

Pozwól zobaczyć hasło

Nie ma nic bardziej frustrującego od komunikatu “niepoprawne hasło” bez możliwości zobaczenia tego, co się wpisało. Jeżeli chcesz, aby użytkownik się do Twojej strony przekonał, oszczędź mu tych nerwów. Wystarczy prosta ikonka w polu do wpisywania hasła lub przycisk z napisem pokaż/ukryj hasło, jak robi to Airbnb.

Poinformuj o włączonym caps locku

Dzięki temu użytkownik nie zdenerwuje się, że źle wpisał hasło tylko z tego powodu. Opcja ta jest szczególnie istotna w bankowości i tam też spotkamy ją najczęściej.

Pozwól na pozostanie zalogowanym

Jeśli użytkownik często korzysta z Twojej strony, konieczność ciągłego logowania na pewno go zirytuje. Lepszym wyborem będzie opcja umożliwiająca pozostanie zalogowanym.

Przedstaw zasady

Od razu pokaż użytkownikowi, co muszą zawierać poszczególne pola, a zwłaszcza hasło. Jeśli wyświetlisz taki komunikat dopiero wtedy, gdy użytkownik zakończy wypełnianie formularza, istnieje duża szansa na to, że pojawią się konieczne do poprawienia błędy. Ryzyko to minimalizuje np. Whimsical, który od razu informuje o tym, ile znaków powinno zawierać hasło.

Poinformuj użytkownika, ile zostało mu prób wpisania hasła

Jeśli użytkownik wpisze błędnie hasło, powiedz mu, ile razy jeszcze może się pomylić i co powinien zrobić w przypadku blokady. Rozwiązanie to wykorzystuje np. Santander.

Zapamiętaj użytkownika

To kolejne ułatwienie procesu logowania. Dzięki tej opcji użytkownik nie musi za każdym razem wpisywać swoich danych, aby się zalogować, bo podpowie mu to strona.

Pokaż siłę hasła

To przydatna opcja, która obrazuje użytkownikowi, jak trudno będzie dostać się na jego konto. Bardzo dobrze zastosowano ją na colibro.com. Im silniejsze hasło wpiszemy, tym wyraźniejsze staje się zdjęcie w tle.

Logowanie za pomocą odcisku palca

Jeśli jesteś twórcą aplikacji mobilnej, weź tę technologię pod uwagę. Rozwiązanie to zyskuje na popularności i znacząco ułatwia proces logowania na wielu płaszczyznach.

Formularz kontaktowy

Rozwijaj swoją markę

dzięki współpracy z Cyrek Digital
Wyślij zapytanie
Pola wymagane
Max Cyrek
Max Cyrek
CEO
"Do not accept ‘just’ high quality. Anyone can do that. If the sky is the limit, find a higher sky.”

Razem z całym zespołem Cyrek Digital pomagam firmom w cyfrowej transformacji. Specjalizuje się w technicznym SEO. Na działania marketingowe patrzę zawsze przez pryzmat biznesowy.

zobacz artykuły
Skontaktuj się ze mną
Masz pytania? Napisz do mnie.
Oceń tekst
Średnia ocena: artykuł nieoceniony. 0

Być może zainteresują Cię:

Mapa strony
© 2010 - 2024 Cyrek Digital. All rights reserved.