Con il 38% dei voti su Twitter,
il nostro tema del mese è incentrato sul Caricamento in corso.

Il concetto di caricamento è piuttosto ampio. Letteralmente è il caricamento in francese. Ma il caricamento si trova in forme diverse nelle interfacce. Sia in risposta a un'azione in attesa degli elementi di una pagina che in aggiornamento.
Pertanto, descriveremo in dettaglio questi tre tipi di caricamento mostrandone gli usi positivi e negativi.

 

1- ATTESA DEGLI ELEMENTI

Questo è il loadout più semplice. Apriamo un'applicazione, gli elementi si caricano, l'utente attende. È questo caricamento che a volte può essere abbastanza lungo da consentire all'utente di rinunciare. Troviamo spesso la cifra di 5, 7 o 10 secondi su Internet. Cifra dopo la quale l'utente si arrende. Mito o fatto, personalmente non credo ci siano regole su questo tempismo. Riguarda soprattutto il contesto, le esigenze dell'utente e il modo in cui l'applicazione ha eseguito questo caricamento.

Tanto tempo fa, nella nostra galassia avevamo questo:

Caricamento di barre che giravano in tondo e potevano durare 2 secondi o 6 minuti. Molto rapidamente sono emerse nozioni di “divertimento” e contestualizzazione in relazione all'applicazione:

Ma non ha aiutato l'utente a stimare il tempo di caricamento. I limiti sono quindi apparsi:

Ma con barre che non sempre si caricavano gradualmente. La frustrazione dell'utente era quindi sempre presente.

Al giorno d'oggi, questi caricamenti sono diventati vere e proprie fonti di divertimento e riflessione per le persone creative. Ecco alcuni esempi :

Ora, ciò che conta non è il tempo di caricamento. È l'esperienza intorno. Avere problemi tecnici o server troppo lenti per rispondere non è un problema. Solo questo caricamento va contestualizzato, divertente e soprattutto, regola d'oro, cambia regolarmente per evitare che il beneficio della scoperta evapori. Per quest'ultimo punto citerò Vente Privée. Il loro caricamento è tutt'altro che veloce, l'animazione di caricamento non è delle più divertenti, d'altronde cambia molto regolarmente (circa frequenza settimanale). Non appena abbiamo tempo per abituarci a un'animazione o per vederne tutti i dettagli, viene sostituita. Può non piacerci, ma è chiaro che è efficace.

Infine, per finire con gli usi attuali, la moda è per l'animazione fluida e completamente contestualizzata:

 

2- IN RISPOSTA DIRETTA A UN'AZIONE

Questo tipo di caricamento è sempre più utilizzato. Nasconde un caricamento classico come visto nella parte 1 aggiungendo una "risposta" all'azione. Ciò consente all'utente di avere un'esperienza fluida e logica, che porta a una risposta dall'interfaccia.

 

3- AGGIORNAMENTO

L'aggiornamento del caricamento non è una novità. D'altra parte, il suo lato divertente e contestualizzato lo è. Questo è il famoso "pull down per aggiornare" che Facebook ha democratizzato per aggiornare la pagina e caricare nuovi contenuti. Ecco alcuni esempi, dal più semplice e classico al più divertente (secondo il mio umorismo) e contestualizzato:

 

PORTA VIA

Qualunque sia il tuo caricamento, non devi più complicarti nel tempo. Ovviamente è meglio caricare velocemente piuttosto che a lungo. Ma è meglio averne una bella lunga che una brutta corta. Ciò che conta è contestualizzare e se possibile rinnovare regolarmente per evitare il più possibile l'effetto stanchezza dell'utente.

Infine, ecco il nostro tradizionale preferito. Questo è un caricamento che segue un'azione in un'applicazione:

L'animazione non è incredibile, te lo concedo. D'altra parte, quanto tempo pensi di aver aspettato tra la convalida dell'importo di $ 250 e il messaggio di convalida?
Probabilmente 6 o 7 secondi. In realtà sono più di 12!
Personalmente questi 12 secondi passano velocemente e l'esperienza è piuttosto piacevole. Se avessi 12 secondi di una semplice ruota che gira o di una barra di ricarica avresti rinunciato o almeno avresti avuto una brutta esperienza. Ecco perché è il mio preferito. Dopo, di nuovo, funziona per un po'. La stessa animazione quotidiana per 6 mesi sarebbe dolorosa come una ruota e una barra. Da qui la necessità di rinnovamento.

 
Questo è tutto per questo mese di aprile!
Ci vediamo il mese prossimo per un nuovo numero di UX ANIMATIONS!
(non dimenticare di votare cliccando qui per il tema del prossimo mese).
Stephan Chilton, UX-evangelista @UX-Repubblica

---