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 Interazioni Drag and Drop per l'E-Learning

2016-07-13 03:57

mosaicoelearning

Digital learning, Tutorial, steve Jobs, crisi, storyline, online, microsoft, beta, screenr, conferenza, corsi elearning, archivi,

Come Creare Interazioni Drag and Drop per l'E-Learning

drag-drop-.jpg


 


banner21-1024x230-.png

Dopo l’articolo della scorsa settimana sugli esempi di interazione drag and drop, ho ricevuto un paio di email dove mi venivano chiesti consigli su come creare interazioni drag and drop per l'elearning. In questo post condividerò alcuni consigli generali per la costruzione di interazioni drag and drop.


drag-drop-350-.png

Perché si usa la funzione di trascinamento?

Ci sono alcune ragioni per cui rendiamo trascinabili alcuni oggetti sullo schermo.


Drag and Drop consigli di interazioni
  • In che modo l'utente dovrebbe trascinare l'oggetto? Nella maggior parte dei casi, l’interazione prevede il trascinare e rilasciare gli oggetti in una destinazione di rilascio. I bersagli possono essere oggetti reali, o elementi invisibili (come un hotspot) che controlla dove gli oggetti trascinati vengono rilasciati.
  • Non si desidera che l'oggetto scatti sulla destinazione di rilascio? Ci sono diversi modi per lavorare con la destinazione di rilascio. A volte, le cose potrebbero non essere così evidenti sullo schermo invece, scattando sul bersaglio l'utente viene aiutato a rilasciare l'oggetto sul punto corretto.

dragdrop-snap-.gif

  • Vuoi rendere il bersaglio visibile? Questo ha senso se ci sono una serie di opzioni di drag and drop e si dispone di una chiara destinazione per ogni oggetto trascinabile.

dragdrop-ghost-.gif

  • Cosa succede quando l'utente trascina un oggetto fuori dalla posizione? Mi piace aggiungere un'immagine trasparente o qualcosa che mostri da dove l'oggetto di trascinato proviene. E' anche un modo semplice per indicare l'avanzamento.

drag-drop1-.gif

  • Le istruzioni sono chiare? A volte gli sviluppatori dimenticano di mettere le istruzioni per l'interazione e su ciò che l'utente deve fare. Se vi aspettate che gli utenti interagiscano con lo schermo in un modo nuovo, è necessario includere istruzioni chiare. Mi piace usare degli schemi che fermano l'utente e forniscono nuove istruzioni.
Interazioni Drag and Drop: Fornire suggerimenti per le azioni corrette e non corrette

Ci sono alcuni modi per fornire un feedback quando l'utente rilascia l'oggetto su un bersaglio.


  • Il modo più semplice è quello di permettere al bersaglio di accettare l'oggetto. Utilizzando una funzione a  scatto che tira l'elemento trascinato verso il bersaglio. Che consente all'utente di sapere che hanno trascinato l'oggetto su un bersaglio. E a seconda di come si struttura l’interazione drag and drop, può anche essere il mezzo per mostrare un feedback per un'azione corretta.
  • Un altro modo per fornire un feedback all'utente è rifiutare scelte errate e far tornare l'oggetto trascinato e lasciato alla posizione di partenza.

drag-drop-bounce-feedback-.gif

  • È inoltre possibile fornire un feedback immediato corretto e scorretto, modificando lo stato dell'oggetto in modo da riflettere quando si è stata fatta una decisione giusta o sbagliata.

Ecco alcuni post precedenti che parlano di interazioni drag and drop po’ più nel dettaglio:


drag-drop-feedback-.gif

L’interazione drag and drop possono contribuire a rendere naturalmente più coinvolgente e interattivo un corso. Troppo spesso ci si limita alle interazioni con click basati su standard e sul processo decisionale. La prossima volta, cercare di convertire uno di queste interazioni in un drag and drop e vedi come va.


 


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