Lo sviluppo del campione della schermata di accesso principale deve essere preso in considerazione nel 2022

La pagina di accesso può sembrare un ripensamento durante la creazione di un'app. Le schermate di accesso vengono visualizzate di rado e le schermate di registrazione vengono visualizzate solo quando gli utenti si iscrivono. Quanta messa a fuoco richiede un singolo schermo? Un bel po', per essere precisi.

La schermata di accesso di un'app mobile funge da porta. Dopo aver scaricato un'app, l'impressione iniziale dell'utente sarà la sua interfaccia. Per evitare la frustrazione degli utenti al primo ostacolo, assicurati che i tuoi utenti possano navigare facilmente e compilare la pagina di accesso. Per raggiungere i tuoi obiettivi aziendali, assumi lo sviluppatore Flutter da Flutter Agency ( www.flutteragency.com ) come le aziende per assicurarti che la schermata di accesso dell'applicazione segua la struttura corretta.

Abbiamo creato un elenco di alcune delle migliori schermate di accesso disponibili da utilizzare come ispirazione per il tuo prossimo progetto di interfaccia utente mobile.

PayPal

PayPal vince il premio per la semplicità. Se non fosse per il piccolo logo PayPal nella parte superiore del login, non avresti idea di dove fossi.

Questa pagina di accesso ha una caratteristica unica: è divisa in due sezioni. Inserisci il tuo indirizzo email e premi il seguente pulsante per cambiare la tua password. La base di utenti di PayPal è cresciuta di oltre il 13% anno su anno nel quarto trimestre del 2021 , rispetto allo stesso periodo del 2020.

Linkedin

Non ci sono immagini di sfondo o animazioni nella pagina di accesso di LinkedIn. Tuttavia, una pagina di accesso non deve essere esteticamente gradevole a lungo termine. È un percorso diretto verso un obiettivo, ideale per una pagina di design priva di distrazioni.

La semplicità del design della pagina di accesso di LinkedIn riflette questo. Spunta tutte le caselle necessarie con una copia allegra e motivazionale, la possibilità di accedere con il tuo numero di telefono e l'opzione per visualizzare la password.

Fa quello che deve e fornisce alle persone un senso di affermazione se ne hanno bisogno. Oltre a un modulo di accesso, cosa abbiamo bisogno di più?

Uber

La pagina di accesso di Uber contiene diversi disegni creativi sul marchio. È improbabile che una pagina di registrazione venga visualizzata per un periodo prolungato, ma l'aggiunta di un appeal visivo e un pizzico di vita può aiutare a mantenere gli utenti coinvolti.

Il National Geographic

Non ci sono sorprese per quanto riguarda il processo di accesso al National Geographic. Poiché è un esempio decente di modulo di accesso, non ci sono molte cose da dire al riguardo. Le aziende negli Stati Uniti e in Canada usano spesso il titolo e National Geographic ha seguito l'esempio.

Altre istanze mostrano un misto di titoli e frasi nei titoli. Scrivere in uno stile familiare al pubblico previsto aiuta il lettore a immaginare questa frase come se fosse detta da una persona reale.

medio

Il mezzo può essere il chiaro vincitore per i siti di accesso intuitivi. Per cominciare, agli utenti non viene richiesto immediatamente di fornire il proprio indirizzo e-mail, nome utente o qualsiasi altra password.

È possibile acquisire l'accesso alla piattaforma in base all'utilizzo di altri principali social network, come Facebook o Twitter. Per coloro che preferiscono un metodo di accesso più tradizionale, possono scegliere l'opzione Accedi con e-mail.

Lo stile di base della pagina di accesso è migliorato dall'uso del bianco come colore principale. Tuttavia, in linea con la loro identità, Medium includeva alcune grafiche dinamiche che danno allo schermo un senso di movimento.

Spotify

La pagina di accesso di Spotify è un'opera d'arte. Non ci sono immagini o altri elementi visivi su uno sfondo bianco visibili all'utente. Oltre a consentire agli utenti di accedere tramite Facebook, Spotify offre anche la possibilità di rimanere connessi.

Questo modulo di accesso ha una convalida in linea in entrambe le sezioni nome utente e password, che riteniamo sia un bel tocco poiché aiuta a rendere lo stato più intuitivo. Dopo un tentativo di accesso non riuscito, sopra il modulo di accesso viene visualizzato un altro tipo di convalida.

Non c'è niente di sbagliato nell'usare il colore e altre invalidazioni del segnale visivo. Durante i primi tre mesi del 2022, Spotify ha 182 milioni di membri premium in tutto il mondo.

Dropbox

Il modulo di accesso di Dropbox appare come una modale verticale che si estende quando l'utente raggiunge la parte superiore della pagina, direttamente sulla sua home page. Quando l'utente scorre verso il basso la home page, si comprime. Occupa una parte significativa della pagina e i colori utilizzati in queste due sezioni sono piuttosto distinti.

Di conseguenza, il modulo di accesso si distingue dal resto della pagina per un contrasto evidente. Ci piace la convalida dell'e-mail e le scelte di accesso ai social media.

MailChimp

È necessaria una riprogettazione poiché Mailchimp diventa una piattaforma di marketing a tutti gli effetti. Sono state apportate alcune modifiche alla loro pagina di accesso dall'ultima volta che l'hanno modificata.

Uno di questi è l'aggiunta di un tratto caratteriale distintivo. Le loro opere d'arte sono strane, disegnate a mano, ma ben si adattano. Oltre a poter accedere normalmente, questa pagina di accesso ti consente di imparare a connetterti meglio con il tuo pubblico, cosa che probabilmente molti utenti di Mailchimp sono interessati a imparare come realizzare.

Anche se la formulazione in questa schermata di accesso è scarsa, la parte dimenticata della password/nome utente è comunque semplice e coerente.

Sefora

La pagina di accesso di Sephora utilizza una finestra modale come elemento principale dell'interfaccia utente. Hanno un'ottima padronanza della lingua inglese. “Ricordi la tua password?” è tutto ciò che serve per distinguere tra l'accesso e la registrazione.

Inoltre, siamo grati per l'ulteriore sforzo profuso nella convalida dell'indirizzo e-mail inserito nel modulo. Invece di avvisare l'utente di un errore nella propria e-mail, fornisce anche il formato corretto per ogni e-mail separata. Anche se è una piccola caratteristica, è stata apprezzata da alcune persone nella natura selvaggia virtuale.

Condivisione delle competenze

I consumatori possono accedere a un servizio utilizzando i propri account di social media con un solo clic. Non è necessario inserire la password o altre informazioni personali. Skillshare mostra un'opzione di accesso social in primo piano nella parte superiore del modulo di accesso.

Tuttavia, se scegli di non farlo, puoi inserire il tuo indirizzo email e la password direttamente sotto. Questo modulo di accesso fa il suo lavoro.

Conclusione

I moduli di accesso verificano la semplicità con cui puoi rendere l'accesso per i tuoi utenti. Crea un modulo di accesso intuitivo includendo accessi social, testo segnaposto ed etichettatura distinta. Flutter Agency, una società leader nello sviluppo di app Flutter, ti aiuta a ottenere le migliori risorse Flutter e l'accesso agli strumenti più recenti.