Dezvoltarea eșantionului de ecran de autentificare de top trebuie luată în considerare în 2022

Pagina de conectare poate părea o idee ulterioară atunci când construiți o aplicație. Ecranele de conectare apar rar, iar ecranele de înregistrare apar numai atunci când utilizatorii se înscriu. Cât de multă focalizare necesită un singur ecran? Destul de puțin, mai exact.

Ecranul de conectare al unei aplicații mobile acționează ca o ușă. După descărcarea unei aplicații, impresia inițială a utilizatorului va fi interfața acesteia. Pentru a evita frustrarea utilizatorului la primul obstacol, asigurați-vă că utilizatorii pot naviga cu ușurință și pot completa pagina de conectare. Pentru a vă atinge obiectivele de afaceri, angajați un dezvoltator Flutter de la Flutter Agency ( www.flutteragency.com ) precum companii pentru a vă asigura că ecranul de conectare al aplicației dumneavoastră urmează structura adecvată.

Am creat o listă cu unele dintre cele mai bune ecrane de conectare pe care le puteți folosi ca inspirație pentru viitorul dvs. proiect de interfață mobilă.

PayPal

PayPal câștigă premiul pentru simplitate. Dacă nu ar fi micul logo PayPal din partea de sus a login-ului, habar n-ai avea unde te afli.

Această pagină de conectare are o caracteristică unică: este împărțită în două secțiuni. Introduceți adresa de e-mail și apăsați următorul buton pentru a vă schimba parola. Baza de utilizatori PayPal a crescut cu peste 13% de la an la an în al patrulea trimestru al anului 2021 , comparativ cu aceeași perioadă din 2020.

Linkedin

Nu există imagini de fundal sau animații pe pagina de conectare a LinkedIn. Cu toate acestea, o pagină de conectare nu trebuie să fie plăcută din punct de vedere estetic pe termen lung. Este o cale simplă către un obiectiv, ideală pentru o pagină de design fără distragere.

Simplitatea designului paginii de conectare a LinkedIn reflectă acest lucru. Bifează toate căsuțele necesare cu o copie veselă și motivațională, posibilitatea de a te autentifica cu numărul tău de telefon și opțiunea de a afișa parola.

Face ceea ce trebuie și oferă oamenilor un sentiment de afirmare dacă au nevoie. Pe lângă un formular de autentificare, ce mai avem nevoie?

Uber

Pagina de conectare a Uber are mai multe desene creative, pe marcă. Este puțin probabil ca o pagină de înscriere să fie văzută pentru o perioadă lungă de timp, dar adăugarea de atractivitate vizuală și o strop de viață poate ajuta la menținerea utilizatorilor implicați.

National Geographic

Nu există surprize în ceea ce privește procesul de conectare la National Geographic. Deoarece este un exemplu decent de formular de conectare, nu sunt multe lucruri de spus despre el. Companiile din Statele Unite și Canada folosesc adesea cazul titlului, iar National Geographic a urmat exemplul.

Alte cazuri arată un amestec de titluri și cazuri de propoziție în titluri. Scrierea într-un stil care este familiar publicului vizat îl ajută pe cititor să-și imagineze această linie ca și cum ar fi spusă de o persoană reală.

Mediu

Mediul poate fi câștigătorul clar pentru site-urile de conectare ușor de utilizat. Pentru început, utilizatorilor nu li se solicită instantaneu să furnizeze adresa lor de e-mail, numele de utilizator sau orice altă parolă.

Puteți obține acces la platformă pe baza utilizării altor rețele sociale importante, cum ar fi Facebook sau Twitter. Pentru cei care preferă o metodă mai tradițională de conectare, pot alege opțiunea Conectare cu e-mail.

Stilul de bază al paginii de conectare este îmbunătățit prin utilizarea albului ca culoare primară. Cu toate acestea, în conformitate cu identitatea lor, Medium a inclus câteva elemente grafice dinamice care oferă ecranului un sentiment de mișcare.

Spotify

Pagina de conectare a Spotify este o operă de artă. Nu există imagini sau alte elemente vizuale pe un fundal alb vizibil pentru utilizator. Pe lângă faptul că permite utilizatorilor să se conecteze prin Facebook, Spotify oferă și opțiunea de a rămâne conectat.

Acest formular de conectare are validare inline atât în ​​secțiunea nume de utilizator, cât și în secțiunea parole, ceea ce considerăm că este o atingere plăcută, deoarece ajută la creșterea gradului de utilizare a statului. După o încercare de conectare nereușită, un alt tip de validare apare deasupra formularului de conectare.

Nu este nimic greșit în utilizarea culorii și a altor invalidări ale semnalului vizual. În primele trei luni ale anului 2022, Spotify are 182 de milioane de membri premium pe tot globul.

Dropbox

Formularul de conectare Dropbox apare ca un mod vertical care se extinde pe măsură ce utilizatorul ajunge în partea de sus a paginii, chiar pe pagina sa de pornire. Când utilizatorul derulează în jos pagina de pornire, aceasta se restrânge. Ocupă o parte semnificativă a paginii, iar culorile folosite în aceste două secțiuni sunt destul de distincte.

În consecință, formularul de autentificare se distinge de restul paginii printr-un contrast izbitor. Ne bucurăm de validarea e-mailului și de opțiunile de conectare la rețelele sociale.

MailChimp

Este nevoie de o reproiectare pe măsură ce Mailchimp devine o platformă de marketing cu drepturi depline. Au fost făcute câteva modificări paginii lor de conectare de când au schimbat-o ultima dată.

Una dintre ele este adăugarea unei trăsături de caracter distinctive. Opera lor de artă este ciudată, desenată manual, dar potrivită. Pe lângă faptul că vă puteți autentifica în mod normal, această pagină de conectare vă permite să învățați cum să vă conectați mai bine cu publicul, lucru pe care mulți utilizatori Mailchimp sunt probabil interesați să învețe cum să o realizeze.

Chiar dacă formularea de pe acest ecran de conectare este rară, partea uitată a parolei/nume de utilizator este încă simplă și consecventă.

Sephora

Pagina de conectare la Sephora utilizează o fereastră modală ca element principal al interfeței cu utilizatorul. Au o stăpânire excelentă a limbii engleze. „Îți amintești parola?” este tot ce este nevoie pentru a distinge între autentificare și înregistrare.

În plus, suntem recunoscători pentru efortul suplimentar depus în validarea adresei de e-mail introdusă în formular. În loc să avertizeze utilizatorul cu privire la o eroare în e-mailul său, oferă și formatul corect pentru fiecare e-mail separat. Chiar dacă este o mică caracteristică, a fost apreciat de unii oameni din sălbăticia virtuală.

Skillshare

Consumatorii se pot conecta la un serviciu folosind conturile lor de rețele sociale cu un singur clic. Nu este nevoie să introduceți parola sau orice alte informații personale. Skillshare afișează în mod vizibil o opțiune de conectare socială în partea de sus a formularului de conectare.

Cu toate acestea, dacă alegeți să nu faceți acest lucru, puteți introduce adresa de e-mail și parola direct mai jos. Acest formular de conectare își face treaba.

Concluzie

Formularele de conectare testează cât de simplu poți să se conecteze utilizatorilor tăi. Creați un formular de conectare ușor de utilizat, incluzând autentificări sociale, text substituent și etichetare distinctă. Flutter Agency, o companie de top în dezvoltarea de aplicații Flutter, vă ajută să obțineți cele mai bune resurse Flutter și acces la cele mai recente instrumente.