Come creare GIF interattive per corsi elearning

Trasforma le GIF animate in elementi interattivi nei corsi elearning con stati, hover e click: una soluzione semplice e

\n

Recentemente ho condiviso alcune risorse come delle GIF animate gratuite tra cui icone e sfondi animati. Se stai utilizzando un software come Rise, usare le GIF è semplice perché non devi fare altro che inserire un'immagine. Sono l'ideale per stimolare l’attenzione o per rappresentare semplici procedure didattiche.

Se stai utilizzando Storyline 360, con trigger e cambi di stato puoi controllare il modo di far funzionare le GIF animate all’interno del tuo corso.

Le GIF animate sono fantastiche, ma vanno in loop. Pertanto, quando le inserisci nella slide, continuano ad andare avanti senza fermarsi mai.

Per ottenere qualcosa di più interattivo, puoi inserire un'immagine statica e quindi interagire con l'immagine stessa per attivare una GIF animata.

Clicca per vedere un esempio La demo sopra mostra alcune idee:

• Lo stato 'selected' è come un interruttore on/off. Premi sull'immagine per passare dalla versione statica alla GIF animata.
• Lo stato 'hover' consente di andare sopra l'immagine statica per rivelare la GIF animata e allontanare il mouse quando si desidera fermare la GIF.
• Lo stato 'down' è come il passaggio del mouse, ma funziona premendo sull'immagine, e rilasciando il mouse, la si interrompe. Considero questa opzione come la migliore.

Idea bonus: fai il contrario e inizia con l'animazione in loop per creare un'interazione in cui l'animazione si ferma quando si fa clic.

• Lo stato 'visited' indica quando un oggetto è stato cliccato. Utilizza le icone animate come indicatori, quindi inserisci l'immagine statica nello stato 'visitato'. Questo fornisce una bella informazione visiva di ciò che è già stato visualizzato.

Guarda il video Guarda il tutorial su YouTube La cosa bella di tutte le scelte illustrate sopra è che sono super facili da costruire e non richiedono alcun trigger. A volte il looping può essere un po' fonte di distrazione, quindi avere un'opzione interattiva è interessante. È una soluzione che mi piace perché invece di presentare un'animazione in loop si consente all'immagine di diventare interattiva.

Traduzione autorizzata tratta dal post originale di Tom Kuhlmann sul “Rapid E-Learning Blog”. Il post originale è disponibile qui.Ti è piaciuto questo articolo? Segnalalo ai tuoi colleghi!