La tua app potrebbe funzionare perfettamente, incredibilmente veloce, senza eccezioni, senza errori, senza arresti anomali, come previsto. Ma se non offri agli utenti un'esperienza fluida e utile, il tuo prodotto sarà un'app normale, non eccezionale. Ancora peggio, gli utenti potrebbero essere insoddisfatti dell'esperienza e impazzire nel tempo.
(Ad esempio, non chiudere la tastiera dopo aver fatto clic sul pulsante di ricerca.)

Quindi facciamo risaltare le nostre app, allora!

1. Rendi i tuoi widget scorrevoli sempre scorrevoli.

BouncingScrollLa fisica è fantastica! Ma se non abbiamo elementi sufficienti per estenderci oltre la visuale, non rimbalzerà affatto. In un certo senso ha senso, in realtà.

Ma cosa succede se vogliamo aggiornare l'elenco?

Per creare l'effetto di rimbalzo/overscroll indipendentemente dalla dimensione degli elementi, dovremmo utilizzare AlwaysScrollableScrollPhysics con esso.

2. Messa a fuoco automatica all'aperto

A volte vogliamo utilizzare una pagina solo per compilare un campo di testo.

Può essere un campo di ricerca o un'e-mail. Vogliamo metterlo a fuoco non appena si apre perché sappiamo che l'utente alla fine lo focalizzerà, quindi perché disturbare l'utente facendogli fare il passo in più di toccare il campo di testo?

3. Assicurarsi che il campo di testo sia visibile.

Supponiamo di avere un form e di dover convalidare alcuni input. L'utente farà clic sul pulsante di invio, ma aspetta, il pulsante non funziona perché alcuni campi non sono convalidati.

L'utente potrebbe non capirlo perché questi campi non sono visibili sullo schermo in quel momento. Ciò potrebbe causare alcune esperienze insoddisfacenti.

Ma non preoccuparti, prevenirlo è piuttosto semplice! Poi vediamo come!

4. Concentrati sul prossimo widget quando entri o invii.

Quello è piuttosto semplice. Hai digitato il tuo nome e vuoi andare al secondo campo di testo invio. Questo ci si aspetta da tutti, e dovrebbero ottenerlo anche loro!

Ho anche notato una cosa: molte persone usano FocusNode per questo. Non c'è niente di sbagliato in FocusNode, ma non ne abbiamo nemmeno bisogno. Possiamo semplicemente impostare un textInputAction, ed eccoci qui! L'utilizzo di FocusNode è un passaggio aggiuntivo di cui non abbiamo bisogno.

5. Ricorda la posizione di scorrimento.

Supponi di scorrere una pagina e di aver fatto clic su una scheda per visualizzare i dettagli o di essere passato a un'altra scheda. Quindi torna di nuovo all'elenco, ma vedi che la posizione è stata ripristinata e hai dovuto ricominciare da capo! Che disastro!

6. Tocca di nuovo per uscire.

Gli utenti Android potrebbero fare clic accidentalmente sul pulsante Indietro mentre si trovano nella home page e l'app andrà immediatamente in background.

Sarebbe una bella esperienza per loro?

Ti lascio solo con questa domanda e ti mostro come puoi facilmente evitare che ciò accada!

(Scusa per il cattivo esempio, ero troppo pigro per passare a un emulatore Android per dimostrare il caso con un pulsante Indietro fisico.)

7. Sfocatura sullo scorrimento.

Abbiamo digitato, siamo entrati e vogliamo che la tastiera ci lasci soli con il contenuto. Questo è tutto ciò che vogliamo! Per favore, non risparmiarlo da noi!

8. Non concentrarti sulla registrazione all'esterno.

Se non vogliamo far impazzire gli utenti, dovremmo anche lasciare che chiudano la tastiera quando toccano fuori dal campo di testo.

da ultimo

Non c'è magia, sono solo piccoli dettagli.

Presta attenzione ai piccoli dettagli, poi la gente penserà che sei un mago!

- Un mago

Progetto Github

Prendilo e lascia i tuoi applausi!

Grazie per aver letto!

Penso che estenderò questo articolo in una serie.

Puoi seguirmi e tenerti aggiornato sulle nuove parti!

Per favore, non dimenticare di fare clic sul pulsante e avere una giornata fluttuante!