reducing cognitive load with infographics, icons and signs · 4. examples of use of infographics,...

32
Reducing cognitive load with infographics, icons and signs Matthew O’Brien [email protected] matthewo_brien educationstylus.com bit.ly/YouTubeMOBrien

Upload: others

Post on 21-May-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Reducing cognitive load with infographics, icons and signs

Matthew O’Brien

[email protected]

matthewo_brien

educationstylus.com

bit.ly/YouTubeMOBrien

Page 2: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

The Plan1. Introduction to cognitive load2. Example of cognitive load when driving3. How driving signs reduce cognitive load4. Examples of use of infographics, icons and signs

5. Designed infographics, icons and signs to reduce cognitive load (and where to download)

6. Quick demonstration (how to) of creating infographics, icons and signs using

1. PowerPoint2. OneNote

7. Bus ways and bikeways – behaviour control8. Using colour coding for collaborative work and behaviour control9. Examples of student behaviour when colour coding is used

Page 3: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

The Plan1. Introduction to cognitive load2. Example of cognitive load when driving3. How driving signs reduce cognitive load4. Examples of use of infographics, icons and signs

5. Designed infographics, icons and signs to reduce cognitive load (and where to download)

6. Quick demonstration (how to) of creating infographics, icons and signs using

1. PowerPoint2. OneNote

7. Bus ways and bikeways – behaviour control8. Using colour coding for collaborative work and behaviour control9. Examples of student behaviour when colour coding is used

Page 4: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

What is cognitive load

Page 5: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

What is cognitive load

Page 6: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

What is cognitive load

Page 7: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

What is cognitive load

Page 8: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 9: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 10: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

• Substitution– in which the technology is just used to do what has always

been done

• Augmentation– where the technology adds something new to what has

always been done

• Modification– where the technology changes what has always been

done, adding new dimensions and taking away some redundancies

• Redefinition – in which the learning environment is defined in a new way

that transforms the education space.

Page 11: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Use the Stylus Type

Don’t use web Do use web

Right (Correct) Wrong (Incorrect)

Page 12: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Save New Folder

Document sent to you

Send your document to me

Email

Page 13: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Time limit You will be timed

Status (red, yellow, green)

Multi-choice quiz

Question

Page 14: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Information Important

Examine Look

Idea

Page 15: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Tabulate (draw table)

Flow chart (Concept map)

Graph Calculate

Page 16: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 17: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 18: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Free stuff (all these icons)!

www.educationstylus.com

arch “cognitive”

Page 19: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Exit presentation

• Show how to use PowerPoint for icons and infographics

Page 20: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Go to OneNote

• Show how to use OneNote for images• Show how to make templates• Show how to make linked notes to calendar

Page 21: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

• Substitution– in which the technology is just used to do what has always

been done

• Augmentation– where the technology adds something new to what has

always been done

• Modification– where the technology changes what has always been

done, adding new dimensions and taking away some redundancies

• Redefinition – in which the learning environment is defined in a new way

that transforms the education space.

Page 22: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 23: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 24: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 25: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Teacher space(I promise I WILL write here)

Student space(I promise I WON’T write here)

Reflection space(What do you need to do next time)(What did you learn)

Page 26: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 27: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 28: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load
Page 29: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

BONUS!

Page 30: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Office Lens

• Windows phone – http://www.windowsphone.com/en-au/store/app/office-lens/• iOS – https://itunes.apple.com/app/office-lens/id975925059• Android – http://aka.ms/officelensandroid

Page 31: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

The challenge

• What is one thing you are going to do as a result of this presentation?

Page 32: Reducing cognitive load with infographics, icons and signs · 4. Examples of use of infographics, icons and signs 5. Designed infographics, icons and signs to reduce cognitive load

Matthew O’BrienHead of Strategic Planning

Brisbane Boys’ College

[email protected]

matthewo_brien

educationstylus.com

bit.ly/YouTubeMOBrien