Upute za polaznike e-tečaja Izrada digitalnih nastavnih sadržaja

6. Vizualni dizajn i personalizacija sadržaja

U ovoj temi polaznici će se upoznati s ključnim načelima vizualnog dizajna i personalizacije digitalnih nastavnih sadržaja. Usmjerena je na promišljen odabir boja, fontova, rasporeda i grafičkih elemenata radi postizanja jasnoće, estetske ujednačenosti i pristupačnosti za sve korisnike. Istovremeno, obrađuje se prilagodba sadržaja različitim profilima studenata – prema njihovim razinama znanja, stilovima učenja i potrebama – kako bi se osigurao veći angažman i bolje razumijevanje.

Cjelina 1..: Vizualna pravila u izradi digitalnih nastavnih sadržaja

·        Teorijski dio:
U teorijskom dijelu ove cjeline polaznici se upoznaju s temeljnim načelima vizualnog dizajna u kontekstu digitalnih nastavnih sadržaja. Obrađuju se ključna vizualna pravila poput jednostavnosti, hijerarhije, kontrasta, dosljednosti, tipografije, upotrebe boja i grafičkih elemenata. Naglasak je na važnosti vizualne jasnoće i estetske ujednačenosti kao čimbenika koji povećavaju razumljivost sadržaja, smanjuju kognitivno opterećenje i podižu motivaciju studenata. Posebna pozornost posvećena je pristupačnosti i dizajnu prilagođenom svim korisnicima.

Praktični dio:
U praktičnom dijelu ove cjeline polaznici razvijaju kompetencije za kritičko vrednovanje i primjenu vizualnih pravila u oblikovanju nastavnih materijala. Diskusijom razmjenjuju iskustva i stavove o tome što čini dobar dizajn u digitalnim nastavnim sadržajima. Slijedi analiza dvaju primjera – jednog kvalitetno oblikovanog i jednog s nedostatcima – gdje primjenjuju teorijska načela kako bi prepoznali vizualne prednosti i nedostatke. U nastavku polaznici preoblikuju vlastiti nastavni sadržaj (npr. prezentaciju, LMS stranicu) koristeći se načelima jednostavnosti, kontrasta, tipografije i pristupačnosti naučenima u teorijskom dijelu. Cjelina završava istorazinskim vrednovanjem u kojem sudionici pregledavaju i komentiraju radove svojih kolega pružajući konstruktivne prijedloge za unapređenje vizualnog dizajna nastavnih materijala.

Cjelina 2.: Prilagodba digitalnih sadržaja za različite profile korisnika

Teorijski dio:
U teorijskom dijelu ove cjeline polaznici se upoznaju s načelima prilagodbe digitalnih nastavnih sadržaja raznolikim potrebama studenata. Obrađuju se strategije za individualizaciju prema predznanju, tempu učenja i prethodnim iskustvima, kao i uvažavanje različitih stilova učenja (vizualni, auditivni, kinestetički). Poseban naglasak stavlja se na kombiniranje različitih formata (tekst, slike, video, interaktivni kvizovi) radi povećanja angažmana i razumljivosti. Uvodi se i primjena načela pristupačnosti prema WCAG smjernicama uključujući upotrebu kontrasta, titlova, alt teksta i navigacije tipkovnicom. Također se obrađuju mogućnosti personalizacije putem LMS-a kao što su grupiranje studenata, uvjetno otključavanje sadržaja i oznake za dovršavanje aktivnosti. Cjelina promiče pristup u kojem se digitalni sadržaji oblikuju tako da budu uključivi, fleksibilni i usmjereni na osnaživanje svih studenata za aktivno i uspješno sudjelovanje u učenju.

Praktični dio:
U praktičnom dijelu ove cjeline polaznici analiziraju, izrađuju i vrednuju digitalne nastavne sadržaje iz perspektive prilagodbe različitim profilima studenata. Aktivnosti započinju analizom postojećih sadržaja, pri čemu polaznici procjenjuju u kojoj mjeri ti materijali omogućuju različite ulazne razine, stilove i tempa učenja i primjenjuju načela pristupačnosti i uključivosti. Diskusijom razmjenjuju osobna iskustva, izazove i strategije personalizacije sadržaja. U središnjoj aktivnosti polaznici izrađuju vlastiti prilagođeni digitalni sadržaj, osmišljen za konkretnu ciljnu skupinu (npr. studenti s nižim predznanjem, različitim jezičnim kontekstima ili specifičnim potrebama). Cjelina završava istorazinskim vrednovanjem tijekom kojeg polaznici analiziraju radove kolega prema unaprijed definiranim kriterijima koji uključuju pedagošku svrhovitost, stupanj prilagodbe, pristupačnost i tehničku kvalitetu izvedbe.

Accessibility

Boja pozadine Boja pozadine

Font Font

Veličina fonta Veličina fonta

1

Boja teksta Boja teksta

Font Kerning Font Kerning

Image Visibility Image Visibility

Letter Spacing Letter Spacing

0

Line Height Line Height

1.2

Link Highlight Link Highlight