Mosaico Elearning
Carriere
ChiamaciParliamo

Percorso Mosaico

Livello 1

Esplora Mosaico e sblocca l'accesso speciale ai nostri prodotti e servizi.

Harry
Parliamo del tuo progetto
Torna al blog

Digital Learning

Errori di visual design e come correggerli - Seconda parte

Errori di visual design e come correggerli - Seconda parte
Laptop con schermata e-learning, icone di comunicazione, video e cuffie su sfondo arancione Illustrazione di un uomo alla scrivania con tazza, nota con consigli pratici per e-learning e bandiere USA e Italia

Continuiamo a parlare dei problemi più comuni visual design e di come risolverli.

Visual Style inconsistente

Vi è mai capitato di vedere un corso dove in ogni diapositiva o schermata sembra diversa rispetto all'altra? Ciò avviene solitamente perché lo sviluppatore costruisce il corso slide per slide. Lo vedo tutto il tempo nei laboratori. Ciò che accade è che spesso si fanno decisioni di progettazione a livello di diapositiva mentre si lavora. Questo porta a spendere troppo tempo per rivedere ogni font installato sul computer cercando solo quello giusto, o per navigando sui siti di stock photo per trovare idee.

Schema che evidenzia colori, font, immagini e personaggi come elementi chiave della guida di stile e-learning

Altri elementi di incoerenza visiva sono:

Ancora una volta, mi riferirò alla progettazione intenzionale e alla necessità di disporre di un piano su quello che sarà e non sarà sullo il nostro corso sullo schermo. Una soluzione facile è quella di fare una sorta di come quella di David Anderson. Ti aiuta a considerare gli elementi visivi dei tuoi corsi e fare decisioni di progettazione prima di iniziare a costruire. Una volta scelto il tuo visual design devi mettere insieme una guida di stile semplice. Risparmierai tempo e avrai la coerenza visiva desiderata.

Nessuna gerarchia visiva

Questo problema si riferisce all'errore di cui sopra. Se tutto sullo schermo sembra uguale è difficile eseguire la scansione del contenuto e ancora più difficile da capire cosa si adatta e dove.

Due blocchi di testo stilizzati mostrano la differenza tra assenza e presenza di gerarchia visiva nei contenuti digitali

La gerarchia visiva aggiunge il contesto e rende più facile la scansione e risolve il problema. Permette di tagliare i contenuti e rendere più facile il discernimento del contesto. La cosa più semplice è creare una guida di stile semplice con intestazioni, sottotitoli e corpo del testo.

L'allineamento disordinato

Ci sono alcuni corsi in cui i margini sono di larghezze diverse e gli oggetti non sono allineati correttamente. Ciò rende il corso disordinato, poco professionale e spento. È come camminare in una stanza in cui i mobili non sembrano essere in allineati e le immagini sono storte: anche se non sei un arredatore, puoi comunque capire che tutto è un po’ fuori contesto. Lo stesso vale per un visual design non equilibrato che potrebbe rendere più difficile capire il contenuto del corso.

Schermata stilizzata di un laptop che mostra un layout e-learning con elementi allineati su una griglia orizzontale

Ecco alcuni suggerimenti:

  • Mantieni margini costanti.
  • Allinea gli oggetti, ed usa l’allineamento giustificato che è il più comune. Se usi un altro tipo di allineamento, deve esserci un motivo.
  • Lo spazio aggiuntivo tra i gruppi consente di far capire che gli elementi sono raggruppati.
  • Usa una griglia per mantenere gli oggetti a schermo allineati.

Questi sono errori di progettazione comuni che si possono facilmente risolvere e ti aiuteranno a evitare la maledizione del Frankencourse. Se vuoi saperne di più, controlla i suggerimenti di visual design nella comunità elearning o scarica questo e-book gratuito.

Cosa pensi di essere comuni errori di visual design?

Clicca qui per la dell'articolo!
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!

Articoli correlati