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.
Altri elementi di incoerenza visiva sono:
- Troppi font senza nessun criterio fra di loro.
- Immagini decorative utilizzate per riempire lo spazio vuoto anziché contribuire alla comunicazione.
- in modo che non ci sia spazio bianco.
- Elementi visivi del branding non coerenti.
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.
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.
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!


