Ricerca

Elearnit: Know How to Know!

Building Digital Academies

Tag

creazione corsi

Strumenti per l’elearning: classifica 2009

Parliamo molto spesso di strumenti per l’elearning, ma l’occasione per un altro post su questo tema è ghiotta: è di recente uscita la classifica 2009 dei primi 10 strumenti elearning, compilata da Jane Hart: la classifica è compilata con i contributi di 278 professionisti di tutto il mondo.

In sintesi, questi sono i risultati:

1. Twitter
2. Delicious
3. YouTube
4. Google Reader
5. Google Docs
6. Wordpress
7. Slideshare
8. Google Search
9. Audacity
–  Firefox (a pari merito)

Per come la vedo io, questa lista mi sembra più una lista di strumenti “social” (direi quasi nessuno dei quali particolarmente nuovo, o uscito nel 2009….) che evidentemente nel corso dell’ultimo anno sono stati sempre più usati dai professionisti in tutto il mondo.

Il messaggio che mi pare più interessante è proprio questo: gli strumenti social vengono sempre più usati nell’elearning, quindi evviva il social elearning? Non so, il fatto che questi tool siano immediati, gratuiti e consentano un processo user generated è una bella cosa. Questo però non vuol dire che siano più facili da utilizzare efficacemente.

Come noi di Elearnit (mica solo noi, eh…) non ci stanchiamo mai di dire, la tecnologia è, tra virgolette, un dettaglio. Prima della tecnologia, bisogna progettare correttamente il percorso. Se si usano – come penso sia giusto – strumenti social allora bisogna stare ancora più attenti nella progettazione. L’autore (progettista, sviluppatore…) – in questo caso – deve porsi più come un facilitatore e moderatore che come un docente ex-cathedra.

Oppure, ci si può rifare all’esperienza raccontata da Gianni Marconato su “come apprende un nativo digitale” e considerare che si apprende se e quando interessati, arrangiandosi da soli, chiedendo a chi ne sapeva di più, utilizzando in modo corretto le fonti a propria disposizione…eccetera.

Produzione corsi elearning: un confronto

Proseguiamo con la seconda puntata: qui un confronto tra gli applicativi di produzione corsi:

Software per l’elearning: guida alla scelta

Iniziamo oggi la pubblicazione di una guida – in tre parti – alla scelta del software per l’e-learning

L’obiettivo è aiutare gli utenti a individuare la migliore soluzione per produrre in autonomia contenuti multimediali da caricare su una piattaforma e-learning aziendale, scolastica, universitaria….

Analizzeremo pro e contro e caratteristiche di una serie di applicativi, con riferimento a una serie di parametri oggettivi.

Questo è il documento introduttivo sui principali tipi di applicativi delle varie categorie: completano la guida un approfondimento sugli applicativi di authoring e uno sugli applicativi di aula virtuale.

Azione, non obiettivi di apprendimento…

blogcathymoore

Difficile non essere d’accordo con la solita Cathy Moore….

Ecco un utile spunto sul tema, tratto appunto da Making Change.

Scenario per l’elearning in 3 step

Oggi ci occupiamo di come costruire velocemente – in tre step – uno scenario per il vostro corso elearning.
Anche oggi si tratta della traduzione di un articolo di Tom Kuhlmann di Articulate. II post originale è qui.

Molti pensano che il rapid elearning sia adatto solo per corsi lineari molto base, e che non si possano costruire scenari interattivi.

In realtà, anche con il rapid elearning si possono fare scenari ed è piuttosto facile. A fine post, potete trovare alcuni tutorial. In uno, mostriamo come pre-costruire lo scenario come modello. In un altro, come inserirlo in un corso. In realtà, ci sono voluti circa due minuti per inserire il modello dello scenario e impostare i collegamenti ipertestuali.

Nel post di oggi partirò mostrandovi un modello in 3 fasi che uso per costruire l’infrastruttura di un modello di scenario. Una volta che sapete come fare questo, potete preparare qualunque tipo di scenario con dei “segnaposti” che facciano da esempio di contenuto. Così, quando volete usarne uno in un corso, si tratta solo di inserire lo scenario preparato, impostare i link e aggiungere il vostro contenuto.

Le 3 C per costruire gli scenari

Mi piacciono le cose semplici. Quindi uso il modello che chiamo 3C. Ogni scenario consiste di un challenge (sfida), alcune choices (scelte), e poi le consequences (conseguenze) di quelle scelte.

3c1

Quando costruisco il mio scenario, a volte uso un ramo per fare in modo che gli utenti testino la loro comprensione. Non traccio il punteggio, voglio solo dare all’utente un modo per testare quello che sa. Con la ramificazione interattiva potete anche convertire un corso lineare in qualcosa che assomigli di più a una storia, che contemporaneamente impegna l’utente e lo fa interagire col contenuto.

Inizio creando un modello generico 3C nel quale fornisco una sfida, delle scelte e le relative conseguenze. Quando voglio uno scenario, butto dentro un 3C. Se voglio continuarlo, un altro ancora. Così, posso rendere la mia struttura semplice o complessa finché voglio. Una volta che ho costruito l’infrastruttura, sostituisco il contenuto “segnaposto” con il contenuto reale del corso e ho fatto.

L’immagine sotto rappresenta la struttura generica a 3 scelte. Questo è ciò che preparo. Preparo anche strutture a 2 e a 3 scelte. Quando mi servono, le inserisco semplicemente nel corso.

starting_branch2

 

 

 

 

 

 

 

 

 

Quindi nell’esempio sopra, state presentando una sfida all’utente. L’utente prende una decisione e seleziona la scelta appropriata. La scelta produce conseguenze. A questo punto, potete dare un feedback e far continuare l’utente. Oppure potete aggiungere un’altra struttura 3C alla fine delle conseguenza. Finireste con qualcosa di simile all’immagine sotto.

continuing-branch

 

 

 

 

 

 

 

 

 

 

Ci sono alcuni modi per strutturare questa ramificazione continua. Nella prima sezione 3C, l’utente arriva fino alla conseguenza. A questo punto, potreste fornire un feedback, poi andare avanti e presentare un’altra sfida.

Oppure potreste fare ciò che ho fatto nella seconda sezione: anziché dare feedback, sono saltato direttamente a un’altra sfida. Così, le conseguenze di una scelta dell’utente creano un’altra sfida. Per rendere più facile la costruzione di scenari, ne ho alcuni già pronti che posso velocemente mettere nel mio corso. Rappresentano la struttura generica e hanno dei segnaposto che possono essere velocemente sostituiti col vero contenuto.
Per mostrare quanto velocemente si può fare ho creato due tutorial. In uno, mostro come inserire uno scenario già pronto. Servono solo due minuti. Nell’altro, mostro come costruire velocemente il modello di uno scenario.

Ecco come inserire uno scenario 3C – tutorial (4:32).

Ecco come creare il  template per uno scenario (15:06).

Il modello 3C è molto semplice. Quando volete creare uno scenario decisionale, metteteci il modello 3C. Se volete continuare la storia, mettecene un altro. Potete aggiungerne quanti ne volete.

Ricordate solo che se volete creare uno scenario complesso (il che potrebbe essere un ambiente d’apprendimento molto ricco) avete bisogno di capire molto bene l’argomento per creare qualcosa di valido. Non create degli scenari giusto per farli “interattivi”. Assicuratevi che siano rilevanti e significativi. Non c’è niente di peggio che forzare i vostri utenti a cliccare attraverso una serie di scene ovvie e perditempo.

Se potete spiegare a una persona con una sola frase quello che imparerebbero con uno scenario da 10 click, probabilmente è meglio che usiate quell’unica frase.

Un ultimo punto: investite un po’ di tempo per preparare tutti i tipi di look. Poi duplicateli e createne versioni con diverse opzioni di scelta. Per esempio, ogni scenario dovrebbe avere la versione con 2, 3 e 4 scelte. Potreste aggiungerne di più, ma è difficile di solito tirare fuori più di 4 scelte plausibili. E se continuate troppo a lungo nella ramificazione, potreste finire con molta confusione perché le opzioni crescerebbero esponenzialmente.

L’immagine sotto mostra 4 look diversi. C’è il look del segnaposto che potreste creare e un esempio di come potrebbe apparire con il vero contenuto.

3c-before-after1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Come potete vedere, usare il modello 3C rende piuttosto facile la creazione di scenari. Si comincia sempre con lo sfidare gli assunti o le convinzioni dell’utente. Poi si presentano delle scelte su cui si deve decidere. Ogni decisione produce una conseguenza su cui si può dare un feedback oppure far proseguire verso una nuova sfida per nuove decisioni.

Ecco altri post di Tom sullo stesso argomento (in originale)

Ecco i file da scaricare, sia versione Power Point 2003 che 2007 download

Consigli per abbellire i grafici nelle slide

Ecco un post molto interessante di Tom Kuhlmann, come al solito tradotto per voi. Il post originale è qui
Molte delle slide con dentro dei grafici assomigliano a quella che vedete sotto: molte informazioni, di cui non sappiamo bene cosa fare.

Nel post di oggi vedremo tre sistemi infallibili per rendere le tabelle e i dati più facili da memorizzare.
Il grafico che vediamo mi dice di “Guardare alla nostra crescita”. Ma di quale crescita parliamo? Ogni gruppo ha migliorato dal primo quadrimestre al quarto. Alcuni più degli altri. Cosa vuol dire tutto questo? Perché il gruppo delle arance è diminuito nel terzo trimestre? E’ previsto che guardi quel numero?

Questa mancanza di chiarezza è ancora peggiore quando ci sono quei grafici che non si sa bene cosa vogliono dire…

Molte delle discussioni sul carico cognitivo ha a che fare con le informazioni che si condividono e su come sono processate dal cervello. Quando aggiungete un grafico al vostro corso è possibile che il grafico fornisca fin troppa informazione e renda confusa per l’utentela comprensione di ciò su cui deve focalizzarsi.

Questo grafico qui sotto è un buon esempio. Viene dal Lawrence Livermore National Laboratory.  Quando guardo il grafico, non sono sicuro di cosa devo fare con l’informazione. Dov’è il punto focale? Se i vostri utenti non sanno cosa devono guardare, probabilmente saranno confusi o acquisiranno l’informazione sbagliata.

Tenetela semplice

Molti grafici contengono un sacco di informazione; solitamente, più di quanto ce ne sia bisogno. Se osserviamo il primo grafico sopra (quello delle arance eccetera), cosa ci sta dicendo? Ci sono diverse cose che possono essere estrapolate da quel grafico. Inoltre, potrei focalizzarmi sulle cose sbagliate e inferire una relazione causa-effetto tra i dati, ad esempio che la diminuzione della vendita di arance possa avere a che fare con l’aumento della vendita di ciliege.
Siete voi che aggiungete grafici ai corsi. Fate quello che potete per renderli puliti e rendere il loro impatto più significativo. Al minimo, sbarazzatevi di alcuni degli elementi di distrazione. Per esempio, cosa potete fare per aggiungere più spazio bianco? Uno dei problemi che ci sono quando si convertono le slide in Flash è che le righe possono perdere la loro nitidezza. Avete bisogno di tutte quelle righe? Potete rendere i dati più grandi e più facili da leggere?

Senza molto sforzo extra ho aumentato il grafico per adattarsi alla slide. Ho spostato la legenda in basso, tolto lo sfondo grigio e cancellato il titolo. Questo aiuta a rendere il grafico un po’ più leggibile. Tuttavia, c’è ancora molto che può essere fatto per rendere l’informazione più efficace.

Focalizzatevi sull’informazione chiave

Il grafico sopra è un miglioramento rispetto al primo. Tuttavia, c’è ancora un problema. Non sono sicuro di ciò che ci si aspetta che guardi. Ora, se aveste effettivamente questo grafico nel vostro corso elearning, probabilmente includereste una qualche forma di narrazione. In questo caso, potreste aggiungere una annotazione per attrarre l’attenzione sul grafico. E’ abbastanza facile da fare.

Tuttavia, correte ancora il rischio che l’utente tragga altre informazioni dal grafico, che potrebbero essere corrette o no. Quindi quello che probabilmente volete fare è dirigere l’attenzione verso l’informazione giusta. Ecco qui sotto alcuni esempi di ciò che potete fare.

  • Aggiungete una linea di tendenza. Nell’esempio sotto, riesco ad attrarre l’attenzione dell’utente sull’informazione importante, cioé l’aumento delle vendite di ciliege nell’anno. Ho reso il colore delle linea di tendenza uguale a quello della colonna delle ciliege e aggiunto una freccia per indicare movimento.

  • Dite all’utente quale informazione dovrebbe notare. Ho aggiunto un po’ di testo che fondamentalmente dice all’utente di che cosa parla il grafico. Le vendite di ciliege sono aumentate alla grande. Come prova, possono guardare il grafico.

  • Usate il contrasto per creare un punto focale. Nel grafico sotto, ho reso grici gli altri dati di vendita e ho colorato solo l’informazione su cui voglio che ci si focalizzi. Immediamente siete attratti dal colore e guardate quell’informazione per prima. Il contrasto è un principio chiave del visual design ed è efficace nel muovere l’occhio dell’utente attraverso lo schermo. Noterete che ho anche eliminato le righe e i numeri sulla slide per avere più spazio bianco.

  • Sbarazzatevi del “rumore”. In questo esempio, tutto ciò su cui mi voglio focalizzare sono le vendite di ciliege. Perché ho bisogno di tutte quelle informazioni extra? Questa è probabilmente una delle considerazioni più importanti quando si usano i grafici. Cosa ho bisogno di avere sullo schermo che dica all’utente ciò che voglio che sappiano? Ho davvero bisogno di quegli altri dati comparativi? Se no, eliminateli. Confonderebbero gli utenti e li distrarrebbero da ciò che state cercando di trasmettere.

Non usate un grafico

Costruire grafici in una presentazione è facile. Per questo li usiamo senza pensarci. E’ come usare i template di Power Point: rendono il lavoro più facile, ma non aiutano realmente a rendere migliore il corso elearning.

Come potete vedere dai punti precedenti, tutta l’informazione extra sulle vendite degli altri frutti potrebbe non aggiungere alcun valore al contenuto del vostro corso. In questo caso, ho davvero bisogno di un grafico che mi dica che le vendite di ciliege sono aumentate?

  • Fuggite dai grafici. Invece di usare un grafico, evidenziate i punti chiave che volete siano enfatizzati dal grafico. Poi costruite il vostro contenuto per renderlo più focalizzato e visivamente interessante di quanto potrebbe esserlo con un grafico. L’immagine delle vendite di ciliege qua sopra trasmette la stessa informazione ma non vi confonde con altri dati di vendita.
    Focalizzatevi su un solo punto per ogni slide. Se avete bisogno di un grafico per dire un po’ di cose diverse, distribuitelo su più slide anzichè metterle tutte su un’unica schermata. Quando fate ciò, probabilmente vi verrà da sbarazzarvi del grafico stesso e dall’enfatizzare i vostri argomenti in altri modi…. e renderli più facili da ricordare. Ad esempio, guardate come Garr Reynolds di Presentation Zen fa emergere i punti chiave dalle slide sotto. Quell’unico punto ve lo ricorderete molto di più di tutti gli altri punti elenco che lo supportano. Lo stesso vale per i dati dei vostri grafici.

  • Chiedetevi perché è importante per l’utente Parte dell’instructional design è rendere il contenuto rilevante per l’utente. Migliora la capacità di memorizzare i dati. Trovate un gancio emozionale che rappresenti l’informazione. Molto probabilmente un grafico non lo è. C’è un modo migliore di trasmettere i dati che aggiunga anche un po’ di impatto emotivo? Ricordate, le persone non sono robot che scansionano lo schermo per acquisire dati. Sono persone reali, mosse dalle loro emozioni. Il design visivo dei vostri dati e il suo valore estetico è altrettanto importante dei dati veri e propri. Specie se volete che sia ricordato.

Date un’occhiata alla demo di Miniature Earth qui sotto. Quello che ci mostra avrebbe potuto facilmente essere un mucchio di noiosi grafici e tabelle e avrebbe potuto assomigliare a una presentazione dell’Onu…Tuttavia, ciò avrebbe fatto perdere l’impatto emozionale e avrebbe reso assolutamente il contenuto meno memorabile. Come potete agganciare i vostri utenti con i dati nei vostri grafici?

Cliccate qui per vedere la presentazione Miniature Earth (update: non c’è più!)

Anche se state costruendo un corso elearning con PowerPoint, non c’è ragione che non riusciate a replicare il look and feel di questa demo. Sono semplici grafiche e dissolvenze base e transizioni con alcune animazioni. Tutte cose facili da fare con PP.

In ogni caso, quando costruite un corso state in sostanza raccontando una storia. Può essere una storia noiosa o una che intriga gli utenti. Quando usate dati dai grafici bisogna che ciò sia parte della storia e non solo un mucchio di dati. Seguite dei solidi principi di design visivo e elminate il “rumore” che distrae dai punti chiave. Costruirete corsi migliori, con più impatto.
(ecco altri post di Tom sullo stesso argomento).

Modello Power Point e Tutorial

Anche oggi ospitiamo la traduzione di un post di Tom Kuhlmann di Articulate. Il post originale è qui.
PowerPoint è una parte importante del mondo elearning. Se volete costruire dei buoni corsi, dovreste davvero imparare bene a usare PP e le sue molteplici funzioni.
La sfida per molti sviluppatori di contenuti è che avete un tempo limitato per apprenderle, perché visto che si parla di rapid elearning, ci si aspetta che il lavoro sia fatto rapidamente.
Un buon modo per imparare Power Point e per migliorare i vostri corsi è quello di guardare a siti, immagini, animazioni Flash che vi ispirano e cercare di replicarli. Il processo di replicare il lavoro vi insegna nuove tecniche che poi avrete per il resto della vostra carriera nel rapid elearning.
s an important part of the rapid elearning world.  If you want to build good elearning courses, you really have to learn to use PowerPoint and it’s many features.

Tom cerca regolarmente sul Web animazioni flash o siti interessanti e quando ne trova uno cerca di replicarlo in power point. A volte ci riesce, a volte no. Non sempre importa, il vero valore risiede nel processo di provarci: è dove avviene l’apprendimento.

Oggi vi mostrerò come creare un template elearning per Power Point. Useremo uno screenshot come punto di partenza, ma il punto non è copiare l’immagine. Si tratte del processo che avviene mentre lo copiate. L’idea è di accrescere le vostre competenze di visual design, imparare alcune tecniche e poi imparare come costruirle in PP. Il processo di produzione vi aiuta a diventare più efficienti e veloci mentre costruite i corsi.

Screenshot originale

Ecco il nostro screenshot di partenza. E’ preso dal sito del browser Flock . Mi piaceva il blu. Mi piaceva inoltre la transizione dal chiaro allo scuro nello sfondo. Da profondità all’immagine e aiuta la parte principale dello schermo a venir fuori. Mi piace anche il tono di arancione: è un bel modo di attrarre l’attenzione sui punti chiave.

The Rapid E-Learning Blog - inspiring design from Flock

Template PowerPoint

Eco la versione PowerPoint del design di Flock. Come vedete, non è un duplicato esatto. Ho portato dentro gli elementi che mi piacevano, soprattutto i colori. Inoltre, avevo due obiettivi principali: volevo costruirlo tutto in PP e mantenerlo semplice per poterlo fare velocemente.

The Rapid E-Learning Blog - PowerPoint template design

The Rapid E-Learning Blog - iterations for elearning PowerPoint template

Quando costruisco template per corsi elearning, di solito costruisco le variazioni sullo schermo. Ciò che voglio sono alcune varianti del look & feel generale, così da poter accogliere vari tipi di contenuti. Per esempio, userei la prima immagine per una schermata titolo o sezione. Tuttavia, l’ultima immagine potrebbe essere ciò che uso come schermo quando inserisco un multimediale come un video o un file Flash.
Per questa demo, ho costruito tutto dentro al file ppt. Tuttavia, la cosa migliore per voi potrebbe essere di salvare come modello (.pot)

Ho messo insieme una demo che mostra come l’ho costruito e ho anche allegato i file e creato alcune immagini degli oggetti power point.

The Rapid E-Learning Blog - tutorial on how to desing PowerPoint templates for elearning

Cliccate qui per vedere il tutorial (30 min).

Ecco gli argomenti del tutorial:

  • Analizza il visual design e individua quello che ti piace e perché
  • Costruisci le grafiche del template in PP
  • Salva quello che hai costruito come immagini
  • Crea alcune varianti del design, a seconda dei bisogni che avrai
  • Costruisci box e rettangoli di colori diversi
  • Condividi con gli altri, e loro condivideranno con te…. si spera.


Ecco un link per scaricare i file di Tom.  La cartella contiene i file .ppt e .pptx e alcuni file di immagini.

Ecco altri post per costruire dei template:

3 idee per i prossimi corsi e-learning

Ecco alcune idee per il look dei vostri nuovi corsi e-learning.
Traduco – e adatto – qui uno dei soliti eccellenti post di Tom Kuhlmann di Articulate. In questo caso si tratta di 3 idee per i prossimi corsi e-learning.

Copertina di rivista

Fateci caso: le copertine delle riviste (maschili o femminili) sono spesso un ottimo strumento per attrarre l’attenzione (“10 modi per farla impazzire”, i “20 segreti per avere successo” eccetera). Visto che funzionano così bene, perché non prendere spunto dalle riviste e creare il vostro corso in modo che il look & feel vi assomigli?

The Rapid E-Learning Blog - Magazine cover mock up for elearning

Dividi il tuo contenuto in “spezzoni” e disegna il tuo corso in modo che assomigli a una copertina di rivista con titoli seducenti, in modo da attrarre l’utente a cliccarvi sopra per fruire di quel pezzo di informazione.

Trova la cura

C’è sempre un elemento che ha a che fare con la misurazione della performance in un vostro corso. Altrimenti, perché fare un corso? O stai condividendo informazioni per mantenere informati gli utenti, oppure stai insegnando una competenza per eseguire meglio il lavoro. La maggior parte delle volte, il corso segue un processo molto lineare dove tutto è presentato nello stesso modo e noi accompagnamo l’utente nel contenuto dalla A alla Z.

The Rapid E-Learning Blog - Medical investigation approach to elearning

Modifica le cose, cambiale, stravolgi il corso. Inizia come se il protagonista del corso fosse malato e inviato al pronto soccorso: l’obiettivo dello studente è di diagnosticare il problema e di trovare una cura. Questo potrebbe essere un modo divertente di presentare l’argomento del corso.

Focus Group

Troppo spesso in un corso elearning tutto appare come una presentazione unilaterale, il che non permette di gestire correttamente le obiezioni. Questo è vero soprattutto per l’apprendimento sulle competenze soft, dove gli utenti normalmente hanno un sacco di obiezioni da fare sul perché l’approccio suggerito non funzionerà. Perché allora non creare un corso che assomigli a una finta discussione con degli esperti? Puoi usare gli esperti per condividere il contenuto del tuo corso e trattare obiezioni o potenziali problemi. Oppure puoi farlo sembrare un talk show di attualità.

The Rapid E-Learning Blog - Present your elearning course content as a debate or panel discussion

Crea un moderatore e alcuni personaggi. Il contenuto avanza man mano che il moderatore pone delle domande e viene condiviso tramite i personaggi che dibattono sull’argomento.
Uno dei personaggi potrebbe essere un “disturbatore matto” che irrompe nella conversazioni con delle provocazioni. E’ un buno modo di trattare con le obiezioni che gli studenti possono avere verso alcune informazioni. Se avete tempo, potreste usare dei brevi video clip anziché foto.
Come bonus, altri tre post di Tom collegati a questo argomento.

5 errori di design comuni

design_smQuali sono i principali errori di Design in un corso E-learning? Scopriamolo in questa traduzione dall’Articulate Blog.

Articolo originale – Articulate Blog di Tom Kuhlmann

1. Non  considerare l’impatto del visual design

Un buon elearning design dipende tanto dalla comunicazione visiva quanto dall’instructional design e dalla teoria dell’apprendimento.
Nella produzione video – ad esempio – ogni fotogramma significa qualcosa. Lo stesso vale con lo schermo del PC. Creare significa costruire uno schermo e aggiungere contenuto: ogni cosa che aggiungi si porta dietro un messaggio, che sia tua intenzione o no.
La Apple, per fare un esempio, oltre a fare buoni prodotti racconta anche una storia, c’è sempre un messaggio coerente tra i prodotti che vendono e il modo nel quale li “impacchettano” visivamente, e tutto ciò aggiunge qualcosa all’esperienza del cliente Apple.

Allo stesso modo, il tuo corso è una storia. Il contenuto e la struttura ne sono parte. Ma metti nel design visuale lo stesso impegno di Apple nel rinforzare il messaggio chiave e le emozioni?

Non si tratta solo di far sembrare bello lo schermo. Il design visivo definisce il tono dell’intero corso. Non dovrebbe accadere per caso. Ogni cosa sullo schermo comunica qualcosa, devi fare in modo che comunichi quello che vuoi.

2. Mancanza di unità

Il tuo corso ha un’idea centrale o un obiettivo e il visual design dovrebbe esserne costruito attorno ad essi. Inoltre, la posizione in cui metti gli elementi sullo schermo dovrebbe essere costante e coerente, oltre che collegata. Vuoi che l’utente riconosca quella posizione e si aspetti dove apparirà la nuova informazione. Ciò da al tutto un senso di ordine e continuità. Il design dovrebbe completare l’esperienza di apprendimento, non competere con essa.


Molti web designer usano una struttura a griglia per mappare il design della pagina. E’ un buon sistema per pianificare come posizionare i contenuti. E anche per il design di corsi in rapid elearning, è una buona idea usare una griglia per disegnare il tuo modello power point e il layout dello schermo. E mantenere unità. Ecco una presentazione sulle griglie e su come usarle. E’ relativa più che altro al web design, ma molti principi vanno bene anche per l’elearning.

3. Grafiche diverse e incoerenti.

Le grafiche che usiamo nel corso devono sembrare (e magari essere) di una stessa “serie”. Cioé non dare l’impressione di essere raccogliticce e dai colori, forme e feeling incoerenti.
La prima regola per usare la grafica è che non deve essere solo decorativa. Dovrebbe contribuire al contenuto sullo schermo. Ciò include l’esperienza di apprendimento, così come il Look & Feel del corso. Ancora una volta, non tutto ha a che fare con il contenuto dell’apprendimento. C’è anche una considerazione estetica che è parte della comunicazione visiva.

La seconda regola è di usare grafiche che “vanno” assieme, per ricollegarci al punto precedente relativo all’unità. Inoltre, in questo modo si da un senso di maggiore professionalità: si vuole che le proprie grafiche sembrino stare bene assieme e siano parte di un tutto.

Anche se usate le clip art, potete comunque trovare immagini di uno stile simile e modificarle in modo che stiano bene assieme. Ecco un altro ottimo post di Tom su questo tema: creating your own custom characters out of clip art.

4. Uso confuso del contrasto

Il contrasto è uno degli elementi più critici nella comunicazione visiva. Devi guidare l’attenzione dello studente e il contrasto ti aiuta a farlo perché mette in evidenza le differenze. Le persone sono naturalmente attratte dal contrasto.

Spesso, in molti corsi e-learning, l’uso del contrasto da parte dell’autore è  involontario. Ciò significa che magari gli utenti si distraggono o si focalizzano sulle cose sbagliate.
Ci sono un sacco di modi per aggiungere contrasto alle vostre immagini.  Potete cambiare la dimensione o la forma degli elementi, giocare coi colori o la posizione degli oggetti. Quali font usate? Come usare la loro dimensione e colore per portare contrasto?

Andrew Houle di My Ink Blog ha un buon esempio di contrasto. Cosa notate prima in questo sito? Molto probabilmente è la stella nera sulla scatola. Qui è stato creato un punto focale molto chiaro usando una grande immagine e pochi colori. Notate anche il modo col quale sono stati usati i font. Questo sistema potrebbe andare benissimo anche per una slide di un corso.

Ecco un paio di post con consigli di design ed ecco alcuni consigli sul contrasto.

5. Cattivo uso dei Font

Tutti avranno visto corsi o presentazioni con magari 20 font diversi. Grosso errore.

Anche perché i font hanno una ragione d’essere. Innanzitutto, servono a mostrare il testo da leggere. Dovete dunque considerare quale stile funzionerà meglio sullo schermo. Deve essere il giusto tipo di font e della misura giusta. Nella maggior parte dei casi, si tratta dei font sans serif (o “senza grazie”), che funzionano meglio su uno schermo da PC.
Inoltre i font dovrebbero inserirsi bene nel tema e design generale del tuo corso. Se il corso è “tradizionale” o molto serio, Comic Sans non va bene. D’altra parte, se vuoi dare un tono informale, Times New Roman non fa per te.
Quindi, dovresti vedere i font sia come testo che dovrà essere letto che come una grafica che comunica contenuto aggiuntivo.

Dai un’occhiata a questo video di Font Conference

Per finire, ecco un po’ di link a libri o altri articoli sul design

The Non-Designer’s Design & Type
Design Workshop

Slideology
What Steve Jobs Can Teach You About Designing E-Learning

Warning: Using the Wrong Images Can Confuse Your Learners

3 Graphic Design Principles for Instructional Design Success

Blog su WordPress.com.

Su ↑

Elearnit: Know How to Know!

Building Digital Academies