Najlepszy rozwój przykładowego ekranu logowania musi rozważyć w 2022 r.

Strona logowania może wydawać się refleksją podczas tworzenia aplikacji. Ekrany logowania pojawiają się rzadko, a ekrany rejestracji pojawiają się tylko wtedy, gdy użytkownicy się rejestrują. Ile ostrości wymaga jeden ekran? Całkiem trochę, żeby być precyzyjnym.

Ekran logowania do aplikacji mobilnej działa jak brama. Po pobraniu aplikacji pierwszym wrażeniem użytkownika będzie jej interfejs. Aby uniknąć frustracji użytkownika przy pierwszej przeszkodzie, upewnij się, że użytkownicy mogą łatwo nawigować i wypełniać stronę logowania. Aby osiągnąć swoje cele biznesowe, zatrudnij programistę Flutter z agencji Flutter Agency ( www.flutteragency.com ), aby upewnić się, że ekran logowania do aplikacji ma odpowiednią strukturę.

Umieściliśmy listę niektórych z najlepszych ekranów logowania, które możesz wykorzystać jako inspirację do nadchodzącego projektu interfejsu użytkownika mobilnego.

PayPal

PayPal wygrywa nagrodę za prostotę. Gdyby nie małe logo PayPal u góry loginu, nie miałbyś pojęcia, gdzie jesteś.

Ta strona logowania ma unikalną funkcję: jest podzielona na dwie sekcje. Wprowadzasz swój adres e-mail i naciskasz poniższy przycisk, aby zmienić hasło. Baza użytkowników PayPal wzrosła o ponad 13% rok do roku w czwartym kwartale 2021 r. w porównaniu z tym samym okresem w 2020 r.

Linkedin

Na stronie logowania LinkedIn nie ma zdjęć ani animacji tła. Jednak na dłuższą metę strona logowania nie musi być estetyczna. To prosta ścieżka do celu, idealna na stronę projektu bez rozpraszania uwagi.

Odzwierciedla to prostota projektu strony logowania LinkedIn. Zaznacza wszystkie niezbędne pola z wesołą i motywującą kopią, możliwością zalogowania się za pomocą numeru telefonu oraz opcją wyświetlenia hasła.

Robi to, co ma i zapewnia ludziom poczucie afirmacji, jeśli tego potrzebują. Czego więcej poza formularzem logowania potrzebujemy?

Uber

Strona logowania Ubera zawiera kilka kreatywnych rysunków związanych z marką. Strona rejestracji prawdopodobnie nie będzie widoczna przez dłuższy czas, ale dodanie atrakcyjności wizualnej i odrobiny życia może pomóc utrzymać zaangażowanie użytkowników.

National Geographic

Nie ma niespodzianek związanych z procesem logowania do National Geographic. Ponieważ jest to przyzwoity przykład formularza logowania, niewiele można o nim powiedzieć. Firmy w Stanach Zjednoczonych i Kanadzie często używają liter tytułowych, a National Geographic poszło w ich ślady.

Inne przypadki pokazują mieszankę tytułów i zdań w tytułach. Pisanie w stylu znanym odbiorcom pomaga czytelnikowi wyobrazić sobie tę linijkę tak, jakby wypowiedziała ją prawdziwa osoba.

Średni

Medium może być zdecydowanym zwycięzcą dla przyjaznych dla użytkownika witryn logowania. Po pierwsze, użytkownicy nie są od razu monitowani o podanie adresu e-mail, nazwy użytkownika lub innego hasła.

Możesz uzyskać dostęp do platformy w oparciu o korzystanie z innych głównych sieci mediów społecznościowych, takich jak Facebook lub Twitter. Dla tych, którzy preferują bardziej tradycyjną metodę logowania, mogą wybrać opcję Zaloguj się przez e-mail.

Podstawowy styl strony logowania jest wzmocniony przez użycie koloru białego jako koloru podstawowego. Jednak, zgodnie z ich tożsamością, Medium zawierało kilka dynamicznych grafik, które nadają ekranowi wrażenie ruchu.

Spotify

Strona logowania Spotify to dzieło sztuki. Na białym tle nie ma widocznych dla użytkownika obrazów ani innych elementów wizualnych. Oprócz umożliwienia użytkownikom logowania się przez Facebooka, Spotify oferuje również opcję pozostania zalogowanym.

Ten formularz logowania ma wbudowaną walidację zarówno w sekcji nazwy użytkownika, jak i hasła, co naszym zdaniem jest miłym akcentem, ponieważ pomaga uczynić stan bardziej przyjaznym dla użytkownika. Po nieudanej próbie logowania nad formularzem logowania pojawia się inny rodzaj walidacji.

Nie ma nic złego w stosowaniu unieważnień koloru i innych sygnałów wizualnych. W ciągu pierwszych trzech miesięcy 2022 roku Spotify ma 182 miliony członków premium na całym świecie.

Dropbox

Formularz logowania Dropbox jest wyświetlany jako pionowy moduł, który rozszerza się, gdy użytkownik dotrze do górnej części strony, bezpośrednio na swojej stronie głównej. Gdy użytkownik przewinie stronę główną w dół, zostanie ona zwinięta. Zajmuje znaczną część strony, a kolory użyte w tych dwóch sekcjach są dość różne.

W związku z tym formularz logowania wyróżnia się od reszty strony uderzającym kontrastem. Cieszy nas sprawdzanie poprawności wiadomości e-mail i opcje logowania do mediów społecznościowych.

PocztaChimp

Przeprojektowanie jest potrzebne, ponieważ Mailchimp staje się pełnoprawną platformą marketingową. Kilka zmian zostało wprowadzonych na ich stronie logowania od czasu ostatniej zmiany.

Jednym z nich jest dodanie charakterystycznej cechy charakteru. Ich grafika jest dziwna, ręcznie rysowana, ale dobrze dopasowana. Oprócz możliwości normalnego logowania się, ta strona logowania pozwala dowiedzieć się, jak lepiej łączyć się z odbiorcami, co prawdopodobnie wielu użytkowników Mailchimp jest zainteresowanych nauką, jak to osiągnąć.

Nawet jeśli sformułowanie na tym ekranie logowania jest rzadkie, część zapomnianego hasła/nazwy użytkownika jest nadal prosta i spójna.

Sephora

Strona logowania w Sephora wykorzystuje okno modalne jako główny element interfejsu użytkownika. Świetnie władają językiem angielskim. „Czy pamiętasz swoje hasło?” wystarczy, aby odróżnić logowanie od rejestracji.

Ponadto jesteśmy wdzięczni za dodatkowy wysiłek włożony w walidację adresu e-mail wpisanego do formularza. Zamiast tylko ostrzegać użytkownika o błędzie w wiadomości e-mail, zapewnia również poprawny format dla każdej oddzielnej wiadomości e-mail. Mimo, że jest to drobna cecha, została doceniona przez niektórych ludzi na wirtualnym pustkowiu.

Udostępnianie umiejętności

Konsumenci mogą jednym kliknięciem zalogować się do usługi za pomocą swoich kont w mediach społecznościowych. Nie ma potrzeby wprowadzania hasła ani żadnych innych danych osobowych. Skillshare wyświetla w widocznym miejscu opcję logowania społecznościowego na samej górze formularza logowania.

Jeśli jednak zdecydujesz się tego nie robić, możesz wprowadzić swój adres e-mail i hasło bezpośrednio poniżej. Ten formularz logowania spełnia swoje zadanie.

Wniosek

Formularze logowania sprawdzają, jak łatwo można ułatwić użytkownikom logowanie. Utwórz przyjazny dla użytkownika formularz logowania, uwzględniając loginy społecznościowe, tekst zastępczy i odrębne etykiety. Agencja Flutter, wiodąca firma Flutter, zajmująca się tworzeniem aplikacji, pomoże Ci uzyskać najlepsze zasoby Flutter i dostęp do najnowszych narzędzi.