Animazione più utile nell'applicazione web o desktop

Question

Molti effetti di animazione sono semplicemente un piacere per gli occhi gratuito, tuttavia ci sono situazioni in cui le animazioni comunicano efficacemente all'utente cosa sta succedendo. Quali sono alcuni dei tuoi usi preferiti per le animazioni e quale tipo di animazione specifico useresti?

Esempio: animare gli elementi verso il basso quando un nuovo elemento viene inserito in un elenco

Answer 1

C'è un bellissimo documento di Ben Bederson e Angela Boltman in cui valutano l'impatto dell'animazione sulla capacità dell'utente di costruire una mappa mentale delle informazioni nello spazio: Costruisci mappe mentali di informazioni territoriali?

Answer 2

Mi piace molto l'utilizzo di Google Chrome durante il download di un file. È difficile da descrivere, ma è un cerchio che si riempie come un grafico a torta mentre il download procede e il cerchio è sovrapposto all'icona per il file che stai scaricando. Molto lucido.

Answer 3

Un esempio che mi viene in mente è l'animazione utilizzata dai sistemi operativi quando si minimizza una finestra.

Sia Microsoft Windows che Apple OS X animano la finestra che scende sulla barra delle applicazioni (o sul Dock in OS X) per mostrare all'utente dove è andata la finestra. Altrimenti gli utenti alle prime armi che colpiscono minimizzano per caso potrebbero avere difficoltà a riaprire la finestra.

Non uso Linux, ma sono abbastanza sicuro che faccia lo stesso. Non sto discriminando =)

Answer 4

Da enjoy3d.com

enjoy3d.com http://worldsware.com/images/mouse.gif

Premi il pulsante del mouse

e spostati per guardarti intorno.

Answer 5

Credo che tutti i cambiamenti visivi non debbano essere rapidi. Che si tratti di notifica sullo stato, finestra ingrandita / ridotta a icona o dati eliminati / aggiunti. Non riesco a trovare un riferimento, ma di solito si raccomanda che tutte le animazioni non siano di circa 1-2 secondi, corrispondenti al tempo di risposta dell'essere umano.

I miei usi preferiti dell'animazione non sono in un software commerciale (anche se Apple è brava in questo) ma un documento di ricerca chiamato Phosphor che considero una delle grandi idee dell'interfaccia utente che non sono ancora state implementate nei principali sistemi operativi.

Answer 6

Gif di caricamento AJAX - devi avere un indicatore che hai sicuramente registrato un evento e stai facendo qualcosa al riguardo

Answer 7

Le barre di avanzamento sono utili per le cose che richiedono più di un momento o due, ma solo quando sono accurate. Una barra di avanzamento imprecisa è peggio di nessuna, secondo me.