mosaico_learning_logo
mosaico_logo_elearning
p11
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

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!

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
 

Articulate

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

Dove
Ragusa, Via del Melograno, 77

Digital Learning

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

Digital Learning

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

Articulate

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

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

footer

facebook
instagram
twitter
linkedin

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

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