it-swarm-eu.dev

posizionamento dell'immagine "caricamento" di ajax

Mi sto scervellando sulla posizione per visualizzare una GIF in movimento in modo che un utente sappia quando un sito è in elaborazione e dovrebbero aspettare. Il sito su cui sto lavorando ha molte forme che un utente cambia utilizzando un elenco a discesa. Alcuni moduli hanno input di testo molto grandi in cui possono inserire molti paragrafi e ho fatto passare agli utenti un'ora inserendo il testo in un modulo solo per fare clic su Salva e scoprire che sono scaduti dalla loro sessione.

Quindi la logica del salvataggio automatico funziona alla grande. Quello che non riesco a decidere è quale dei seguenti layout è la migliore per un'applicazione web per il grande pubblico.

  1. Usa una GIF animata di grandi dimensioni con forse una sovrapposizione trasparente durante il caricamento
  2. Usa una GIF animata più piccola lavorata nel layout della pagina ma in una posizione facilmente visibile

Temo che se vado con il n. 2, alcuni utenti non noteranno che la pagina è ancora in elaborazione e inizieranno a immettere testo in un altro controllo. Quindi, al termine dell'aggiornamento, le informazioni immesse nel controllo successivo andrebbero perse.

Sebbene ciò costituisca una grave preoccupazione, il piano n. 1 non è troppo facile per gli occhi, poiché un'immagine di grandi dimensioni oscura il sito, ma impedisce all'utente di andare avanti fino al completamento dell'aggiornamento.

Un metodo è preferito rispetto ad un altro? Mi manca una terza opzione?

3
Justin C

A mio avviso, la terza opzione è quella di non ostacolare affatto l'uso del sito. Perché è necessario impedire all'utente di digitare durante il salvataggio automatico dei dati o di annullare le modifiche apportate durante il salvataggio? Da un punto di vista dell'usabilità sarebbe probabilmente la migliore idea di salvare automaticamente in background, magari con un indicatore dello stato di salvataggio e dei progressi da qualche parte. Un esempio di questo approccio potrebbe essere il modulo di posta su GMail o la bozza di salvataggio sui siti StackExchange.

2
jm_toball

Con un salvataggio automatico, dovresti sicuramente farlo completamente in background, come menzionato jm_toball. L'unica volta in cui dovresti avere una sorta di overlay/caricamento è quando l'utente ha eseguito un'azione che lo ha causato.

Sto rifacendo un'interfaccia in questo momento che utilizza l'opzione 2 per le cose e posso dirti per esperienza che le persone NON notano affatto il caricamento dell'immagine e mi chiedo perché il sito rimanga lì per un po 'mentre qualcosa sta elaborando. Se hai un'azione che richiede all'utente di attendere per vedere il risultato, allora dovresti assolutamente usare l'opzione 1. Altrimenti, usa solo il salvataggio in background e se necessario fai una notifica

0
Charles Boyung