Errori di visual design e come correggerli - Seconda parte

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

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

. 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

semplice. Risparmierai tempo e avrai la coerenza visiva desiderata.

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

semplice con intestazioni, sottotitoli e corpo del testo.

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

nella comunità elearning o

.

Cosa pensi di essere comuni errori di visual design?