mosaico_learning_logo
mosaico_logo_elearning
p11

CONTATTACI

Come creare GIF interattive per corsi elearning

2020-05-13 06:01

mosaicoelearning

Digital learning, Tutorial, steve Jobs, online, storytelling, rapid elearning blog, italog, archivi, GIF, animazioni, gif animate,

Come creare GIF interattive per corsi elearning

shutterstock422378932-.jpg
banner21-1024x230-.png
come-creare-gif-interattive-per-corsi-elearning-.gif


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.


animated-gif-tips-.gif


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 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!

Articulate

Per acquistare o ricevere informazioni sui prodotti Articulate articulate@mosaicoelearning.it
 

Digital Learning

Per richiedere un preventivo su corsi o servizi corsi@mosaicoelearning.it

Digital Learning

Per richiedere un preventivo su corsi o servizi corsi@mosaicoelearning.it

MOSAICOELEARNING SRL 
VIA DEL MELOGRANO, 77

97100 RAGUSA RG

C.F./P.IVA: 01638210888

09321855211 – 3348437664

DPO

Per qualunque informazione e/o segnalazione riguardante la privacy e la protezione dei dati personali dpo@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o segnalare malfunzionamenti assistenza@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o segnalare malfunzionamenti assistenza@mosaicoelearning.it
 

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

risorsa 13

facebook
instagram
twitter
linkedin

www.mosaicoelearning.it @ All Right Reserved 2022 - Sito Realizzato da Flazio Experience

PRIVACY POLICY  |  COOKIE POLICY | MODELLO ESERCIZIO DEI DIRITTI

k2.svg
k1.svg
k4.svg
p2.svg
k5.svg
k3.svg
Create Website with flazio.com | Free and Easy Website Builder