\n Se hai mai utilizzato un PC, potresti anche essere a conoscenza del simbolo animato di Windows che appare all'avvio del sistema. Ci \u00e8 voluta un'evoluzione nel design e nell'animazione per svilupparsi in ci\u00f2 che vediamo oggi, ma in Windows 1995 l'immagine non si muoveva affatto. Alcuni di voi potrebbero pensare, perch\u00e9 usare questi indicatori animati?\n<\/p>\n
\n Ma considera questo, preferiresti aspettare e guardare uno schermo vuoto per vedere la tua azione completata? O rimanere intrattenuto con qualcosa di significativo fino a quando lo schermo non appare di nuovo?\n<\/p>\n
\n Tra le caratteristiche pi\u00f9 cardinali del design dell'interfaccia utente c'\u00e8 la capacit\u00e0 di mostrare i suoi progressi come stato del sistema. L'utente deve sapere se il sistema \u00e8 a conoscenza della sua azione e sta rispondendo di conseguenza. Gli indicatori di avanzamento animati sono in grado di mostrare il contesto corrente dell'operazione quasi in qualsiasi momento senza l'utilizzo di ampie funzioni di testo o video. Ci\u00f2 li rende ideali per fornire lo stato del sistema mentre l'avanzamento viene completato in background.\n<\/p>\n
\n Chi non ama la risposta rapida da un'app o da un sito web? Sebbene significhi molto per l'utente, non \u00e8 possibile eseguirlo con una coerenza incrollabile. All'equazione vengono sempre aggiunti alcuni fattori che possono ostacolare la velocit\u00e0 della tua applicazione. Questi fattori includono principalmente una cattiva connessione a Internet, prestazioni lente a causa di carichi pesanti e persino errori del programma. In tali circostanze, la mossa migliore sarebbe ridurre al minimo la tensione dell'utente e introdurre rassicurazioni sul fatto che l'app funzioni e che si stiano facendo progressi. Per fare ci\u00f2, \u00e8 necessario fornire un feedback all'utente in modo che il tempo non influisca sulla pazienza dell'utente.\n<\/p>\n
\n Il tempo di attesa inizia quasi immediatamente quando viene effettuata un'azione da parte dell'utente. Ma a peggiorare la situazione \u00e8 l'assenza di un indicatore adeguato per rappresentare l'andamento del sistema. L'utente presume naturalmente che l'app non abbia risposto quando non riesce a mostrare una notifica che il sistema sta impiegando del tempo. I risultati possono spaziare dal clic dilagante fino all'abbandono dell'utente, solo perch\u00e9 l'app non ha fornito feedback in tempo.\n<\/p>\n
\n Le azioni che sono cablate per riavviare l'avanzamento o aggiornare il sistema vengono spesso eseguite quando il caricamento richiede pi\u00f9 tempo del previsto. Ancora una volta, l'assenza di feedback non pu\u00f2 esibire la risposta della richiesta anche se \u00e8 stata fatta in background. Ecco perch\u00e9 \u00e8 necessario introdurre un indicatore animato per sostenere i progressi del sistema dell'app in qualsiasi momento necessario.\n<\/p>\n
\n Normalmente, quando un'app impiega meno di 1 secondo per caricarsi, il progresso sembra quasi senza ostacoli e l'utente non perde la concentrazione. Tuttavia, se il tempo di caricamento supera 1 secondo, \u00e8 necessario adottare misure per mantenere l'utente impegnato. Il breve ritardo diventa evidente e l'utente inizia a vagare sull'efficacia dell'attivit\u00e0 svolta sull'applicazione.\n<\/p>\n
\n Ecco perch\u00e9 l'app deve rispondere attraverso un indicatore di avanzamento per offrire una ragione credibile per l'attesa e ridurre l'incertezza dell'utente prima che vada fuori controllo. Va notato che l'azione che richiede meno di un secondo per caricarsi non richiede necessariamente l'indicatore di animazione, ma l'immagine pu\u00f2 farlo. Questo \u00e8 consigliato perch\u00e9 un'animazione che continua a lampeggiare sullo schermo ogni volta che viene eseguita un'azione, pu\u00f2 disorientare l'utente. Gli indicatori di avanzamento animati sono utilizzati al meglio per neutralizzare gli effetti dell'attesa prolungata e mantenere l'utente impegnato sull'app o sul sito web.\n<\/p>\n
\n Indicatore di percentuale completata<\/strong>: come suggerisce il nome, l'indicatore di percentuale completata mostra l'avanzamento del caricamento riempiendo l'intervallo di animazione, il cerchio o la barra dallo 0% al 100%. Poich\u00e9 mostra il tempo impiegato per completare l'avanzamento, l'indicatore di percentuale completata \u00e8 classificato in determinati indicatori di attesa. Per questa particolare qualit\u00e0, \u00e8 meglio utilizzare l'indicatore di percentuale completata per le attivit\u00e0 che richiedono pi\u00f9 di 10 secondi per essere completate.\n <\/p>\n \n Secondo una ricerca, 10 secondi \u00e8 la soglia della pazienza media dell'utente. Oltre a ci\u00f2, l'utente diventa spericolato e diventa impaziente fino a quando non viene fornito un ulteriore feedback. Mostrando l'indicatore di avanzamento in percentuale per i processi che impiegano pi\u00f9 di 10 secondi per caricarsi, puoi mantenere l'utente agganciato al sito Web o all'applicazione senza comprometterne la pazienza.\n <\/p>\n<\/li>\n<\/ul>\n \n L'uso efficace degli indicatori di avanzamento nelle applicazioni e nei siti Web pu\u00f2 fare la differenza tra successo e fallimento. Ecco alcuni suggerimenti per assicurarti che i tuoi indicatori di avanzamento siano all'altezza.\n<\/p>\n \n Sebbene gli indicatori di animazione del progresso possano scuotere quasi ogni brutta sensazione che deriva dall'attesa, alcuni spettatori sono piuttosto resistenti a queste tattiche. Tra le poche buone alternative per far aspettare gli utenti senza utilizzare gli indicatori di avanzamento c'\u00e8 un metodo chiamato scheletro dello schermo. Conosciute anche come contenitori di informazioni temporanee, queste tecniche comportano la visualizzazione dei progressi in tempo reale all'utente invece di aprire una barra di caricamento. Immagina uno schermo vuoto che viene gradualmente riempito con i suoi componenti ed elementi fino a quando non \u00e8 completamente rifornito. Questo crea l'illusione che l'applicazione stia agendo con il tempo di caricamento e la loro attesa viene ricompensata con i progressi mostrati.\n<\/p>\n \n Non solo mantiene il pubblico coinvolto con il sito Web o l'applicazione, ma li mantiene anche pronti a completare la loro attivit\u00e0 successiva. Sebbene gli indicatori di progresso siano anche ottimi mezzi per soddisfare gli utenti, non riescono a mantenere l'energia all'interno degli utenti che lo schermo scheletrico mantiene durante il loro avanzamento di caricamento.\n<\/p>\n \n Non importa quanto siano rapide le operazioni della nostra app o del nostro sito Web, c'\u00e8 sempre la possibilit\u00e0 di un tempo di elaborazione non richiesto. L'utilizzo di indicatori di avanzamento dell'attesa animati come gli indicatori di percentuale completata e gli spinner di caricamento aiuta a rassicurare gli utenti sui processi in corso e sullo stato corrente del sistema. Di conseguenza, aumenta la probabilit\u00e0 che rimangano sul sito Web o sull'applicazione per attendere il caricamento e continuare con le attivit\u00e0 rimanenti. Calcolando il tempo necessario per il completamento dei processi, \u00e8 necessario assegnare il tipo appropriato di indicatori di animazione di avanzamento.\n<\/p>\n \n Un indicatore in loop \u00e8 l'ideale per le operazioni che richiedono 2-10 secondi, mentre le operazioni che richiedono pi\u00f9 tempo possono essere assistite con l'indicatore della percentuale completata. In caso di animazioni in loop e schermate scheletriche, \u00e8 meglio scegliere schermate scheletriche poich\u00e9 sono in grado di intraprendere qualsiasi azione che vada oltre pochi millisecondi, mantenendo comunque la calma con gli utenti.\n<\/p>\n<\/p>\n\n Come utilizzare gli indicatori di progresso in modo efficace?
\n<\/h5>\n\n
\n Alternativa: utilizzare gli schermi degli scheletri contro gli indicatori di avanzamento dell'animazione
\n<\/h5>\n\n Pensieri finali
\n<\/h4>\n