Webinar "Vormgeven in LessonUp"

• LessonUp
• Beroepsopleiding

Webinar - Vormgeving in LessonUp

Je mag je microfoon en camera uitdoen...

Waarom aandacht besteden aan vormgeving?

Waar te beginnen?

Voorbeelden bekijken

Puntjes op de i

Tips & tricks

Wat gaan we doen?

Wat hoop je tijdens dit webinar te leren?

Hoe belangrijk vind jij de vormgeving van je lessen?

010

Aandacht besteden aan de vormgeving van je les; waarom?

• Tot wel 60.000 keer sneller zelfs! 

• Evolutie van technologie 

Vogel DR, Dickson GW, Lehman JA (1986)

Vogel DR, Dickson GW, Lehman JA. Persuasion and the role of visual presentation support: The UM/ 3M Study. 1986. http://misrc.umn.eduworkingpapers/ fullpapers/1986/8611.pdf. Accessed 17 October 2017.

Ons brein verwerkt beelden sneller dan tekst

• Eerste indruk!

• Duidelijke structuur

• Herkenbaarheid

Statistic Brain Research Institute (2017)

Statistic Brain Research Institute. Attention span<div>statistics. 2017. http://www.statisticbrain.com</div><div>attention-span-statistics/. Accessed 17 October 2017.</div>

Fun fact

aandachtsspanne goudvis groter dan mens - aandachtspanne van mensen neemt af :(

Aandacht

• Tekst

• Afbeeldingen

• Video

• Grafieken

• Interactieve vragen

One size does not fit all!

Kleur

Lettertype

Visuals (afbeeldingen, icoontjes)

Oke leuk, maar wat kan ik doen?

Kleur

Kleuren generator

<ul><li><a href="http://colormind.io/">http://colormind.io/&nbsp;</a></li><li><a href="https://coolors.co/">https://coolors.co/</a></li></ul>

Kleurgebruik

<a href="https://accessible-colors.com/">https://accessible-colors.com/&nbsp;</a>

Tip!

Gebruik deze kleuren (en alleen deze kleuren) voor al je lessen. Kleuren worden automatisch opgeslagen in je kleurenpalet.

Lettertype

Tip!

Gebruik hoogstens 2 verschillende lettertypes in je les. Bijvoorbeeld 1 voor de titels en 1 voor de tekst in je slides.&nbsp;

Visuals

Flaticon

Freepik

Pixabay

Unsplash

Wat valt je op?

Wat kan er beter?

Voorbeeld 1: Te veel tekst

Voorbeeld 2: Gebruik afbeeldingen

Tekst

In plaats van grote stukken tekst kan je ook her en der een hotspot plaatsen. De tekst wordt dan in gedeeltes aangeboden, ipv alles in een keer!

    Wat zou jij hier aanpassen? Hoe?

Voorbeeld 1: Slecht leesbaar

Voorbeeld 2: Tekstvak met kleur, transparantie foto

Afbeeldingen

Tip!

Vector, png

                   LessonUp?

Tekstvakken

 

Geven meer opties voor vormgeving, makkelijker aan te passen.

Symbolen

 

Ook te gebruiken om effecten te creëren in je slide.

Uitlijning

Daardoor zien je componenten er netter uit (voorbeeld op volgende slide).

Hotspots

 

Houd de boel rustig en overspoel je leerlingen niet met lappen tekst.

Puntjes op de i

Voorbeeld 1: verschil in formaat, niet uitgelijnd

Voorbeeld 2: zelfde formaten, uitgelijnd, sleepcomponent past nu in sleepdoel

Zoektermen: speaking

Formaat: zoek je een afbeelding zonder achtergrond? zoek dan op een vector of png bestand..

<a href="https://www.gratissoftwaresite.nl/tips-hulp-website-toevoegen-aan-favorieten-bookmarks-bladwijzers-edge-chrome-firefox">Bookmark</a> je favoriete websites voor rechtenvrij materiaal.&nbsp;<div>Benieuwd naar mijn favorieten? Hier een aantal:<div>- <a href="https://forvo.com/">forvo.com</a> (audiofragmenten uitgesproken door native speakers)</div><div>- <a href="https://pixabay.com/">pixabay.com</a> (foto's, illustraties)</div><div>- <a href="https://www.freepik.com/home">freepik.com</a> (foto's, icoontjes, illustraties)</div><div>- <a href="https://unsplash.com/">unsplash.com</a> (afbeeldingen van hoge kwaliteit)</div><div>- <a href="https://www.bensound.com/">bensound.com</a> (muziekfragmenten)</div><div>- <a href="https://www.flaticon.com/">flaticon.com</a> (icoontjes)</div></div>

'<a href="https://community.lessonup.com/posts/tips-on-tuesday-5-favorieten-gebruiken">Favorieten</a>' in LessonUp

Inspiratie: pinterest of LessonUp kanalen!

Text bubble

Maar... heeft vormgeving echt effect?

Gutierrez K. (2014)

Gutierrez K. Studies confirm the power of visuals in<div>elearning. 2014. www.shiftelearning.com/blog/bid/</div><div>350326/studies-confirm-the-power-of-visualsin-elearning. Accessed 17 October 2017.</div>

Lesstof wordt beter onthouden

Triggert emoties

Motiveert!

Verkeerd gebruik kan leerlingen afschrikken!

Welke tips neem je mee?

Kopieën

" Als ik een ontwerp gemaakt heb voor een les, maak ik alvast tig kopieën zodat ik ze dan alleen nog maar hoef te vullen."

Bestaande lessen

" Niet het wiel opnieuw uitvinden, maar bestaande lessen als basis gebruiken."

Kleuren

" Ik werk met verschillende kleuren bij verschillende soorten lesstof. Zo weet de student wat wat is."

Afbeeldingen

" Zorg dat afbeeldingen iets toevoegen aan de tekst. Een ander inzicht, perspectief etc. Als een afbeelding letterlijk laat zien wat in de tekst staat, dan is dit vaak niet effectief voor het leren."

Gifje

" Bewegende plaatjes: gif bestandjes. / Bij sleepvragen niet te veel op 1 slide."

Upload mapjes

" Maak van je uploads (foto’s) mapjes zodat je bepaalde onderwerpen makkelijk kunt terug vinden."&nbsp;

Spinners

" Het gebruik van de spinners. 1 spinner met leerlingen. 1 spinner met termen. En dan de leerling een vraag laten maken waarvan het antwoord dus is gegeven. Werkt super.

Voorspelbaar

" Voorspelbaar zijn, vaste structuur voor leerlingen."

Dit waren jullie tips aan elkaar:

Een gifje toevoegen aan je LessonUp les:

https://tenor.com/

https://giphy.com/

Stap 1

Stap 2

zoekterm invoeren:

Stap 3

downloaden:

• klik op gifje
• rechtermuisknop
• afbeelding opslaan als

Stap 4

uploaden in LessonUp:

Klik op component --&gt; afbeelding

1

klik op 'uit mijn uploads'

2

dan op 'upload een bestand'

3

kies het bestand dat je net hebt gedownload,&nbsp;

4

gebruik dit bestand aanklikken, en dan zit het gifje in je les!&nbsp;

5

Gefeliciteerd! Het gifje staat nu in je les!

6

Tip!

Open de hotspots om de stappen uit 'stap 4' te kunnen lezen

Productupdate: 7 december          

   

Webinar 'Gamification in LU': 27 januari             

                  

Save the date!